홍길동 / onos

Go to a project
Toggle navigation Toggle navigation pinning
Simon Hunt
Committed by Gerrit Code Review
a565d9d6 1 parent 3803369b

ONOS-4359: continued work on theming UI 

- cleaning up flow, group, intent, meter, and port views.

Change-Id: I4bbc483f1e63a0fb045dee3e90a293798820f7f6
Inline Side-by-side
Showing 5 changed files with 45 additions and 79 deletions
......@@ -19,39 +19,28 @@
*/
.light #ov-flow .current-view use {
fill: white;
}
.dark #ov-flow .current-view use {
fill: #304860;
}
.light #ov-flow .current-view rect {
fill: deepskyblue;
}
.dark #ov-flow .current-view rect {
fill: #eee;
}
/* a "logical" row is made up of 3 "physical" rows -- color as such */
.light #ov-flow tr:nth-child(6n + 1),
.light #ov-flow tr:nth-child(6n + 2),
.light #ov-flow tr:nth-child(6n + 3) {
background-color: #eee;
background-color: #fbfbfb;
}
.light #ov-flow tr:nth-child(6n + 4),
.light #ov-flow tr:nth-child(6n + 5),
.light #ov-flow tr:nth-child(6n) {
background-color: #ddd;
background-color: #f4f4f4;
}
.dark #ov-flow tr:nth-child(6n + 1),
.dark #ov-flow tr:nth-child(6n + 2),
.dark #ov-flow tr:nth-child(6n + 3) {
background-color: #444;
/* TODO: dark theme */
background-color: #fbfbfb;
}
.dark #ov-flow tr:nth-child(6n + 4),
.dark #ov-flow tr:nth-child(6n + 5),
.dark #ov-flow tr:nth-child(6n) {
background-color: #333;
/* TODO: dark theme */
background-color: #f4f4f4;
}
/* highlighted color */
......@@ -61,7 +50,8 @@
.light #ov-flow tr:nth-child(6n + 4).data-change,
.light #ov-flow tr:nth-child(6n + 5).data-change,
.light #ov-flow tr:nth-child(6n).data-change {
background-color: #FDFFDC;
/* TODO: theme */
background-color: #fdffdc;
}
.dark #ov-flow tr:nth-child(6n + 1).data-change,
.dark #ov-flow tr:nth-child(6n + 2).data-change,
......@@ -69,7 +59,8 @@
.dark #ov-flow tr:nth-child(6n + 4).data-change,
.dark #ov-flow tr:nth-child(6n + 5).data-change,
.dark #ov-flow tr:nth-child(6n).data-change {
background-color: #5A5600;
/* TODO: dark theme */
background-color: #fdffdc;
}
#ov-flow td.selector,
......
......@@ -18,35 +18,25 @@
ONOS GUI -- Group View (theme) -- CSS file
*/
.light #ov-group .current-view use {
fill: white;
}
.dark #ov-group .current-view use {
fill: #304860;
}
.light #ov-group .current-view rect {
fill: deepskyblue;
}
.dark #ov-group .current-view rect {
fill: #eee;
}
/* a "logical" row is made up of 2 "physical" rows -- color as such */
.light #ov-group tr:nth-child(4n + 1),
.light #ov-group tr:nth-child(4n + 2) {
background-color: #eee;
background-color: #fbfbfb;
}
.light #ov-group tr:nth-child(4n + 3),
.light #ov-group tr:nth-child(4n) {
background-color: #ddd;
background-color: #f4f4f4;
}
.dark #ov-group tr:nth-child(4n + 1),
.dark #ov-group tr:nth-child(4n + 2) {
background-color: #444;
/* TODO: dark theme */
background-color: #fbfbfb;
}
.dark #ov-group tr:nth-child(4n + 3),
.dark #ov-group tr:nth-child(4n) {
background-color: #333;
/* TODO: dark theme */
background-color: #f4f4f4;
}
/* highlighted color */
......@@ -54,11 +44,13 @@
.light #ov-group tr:nth-child(4n + 2).data-change,
.light #ov-group tr:nth-child(4n + 3).data-change,
.light #ov-group tr:nth-child(4n).data-change {
background-color: #FDFFDC;
/* TODO: theme */
background-color: #fdffdc;
}
.dark #ov-group tr:nth-child(4n + 1).data-change,
.dark #ov-group tr:nth-child(4n + 2).data-change,
.dark #ov-group tr:nth-child(4n + 3).data-change,
.dark #ov-group tr:nth-child(4n).data-change {
background-color: #5A5600;
/* TODO: dark theme */
background-color: #fdffdc;
}
......
......@@ -18,25 +18,28 @@
ONOS GUI -- Intent View (theme) -- CSS file
*/
/* a "logical" row is made up of 3 "physical" rows -- color as such */
.light #ov-intent tr:nth-child(6n + 1),
.light #ov-intent tr:nth-child(6n + 2),
.light #ov-intent tr:nth-child(6n + 3) {
background-color: #eee;
background-color: #fbfbfb;
}
.light #ov-intent tr:nth-child(6n + 4),
.light #ov-intent tr:nth-child(6n + 5),
.light #ov-intent tr:nth-child(6n) {
background-color: #ddd;
background-color: #f4f4f4;
}
.dark #ov-intent tr:nth-child(6n + 1),
.dark #ov-intent tr:nth-child(6n + 2),
.dark #ov-intent tr:nth-child(6n + 3) {
background-color: #444;
/* TODO: dark theme */
background-color: #fbfbfb;
}
.dark #ov-intent tr:nth-child(6n + 4),
.dark #ov-intent tr:nth-child(6n + 5),
.dark #ov-intent tr:nth-child(6n) {
background-color: #333;
/* TODO: dark theme */
background-color: #f4f4f4;
}
.light #ov-intent tr:nth-child(6n + 1).data-change,
......@@ -45,7 +48,8 @@
.light #ov-intent tr:nth-child(6n + 4).data-change,
.light #ov-intent tr:nth-child(6n + 5).data-change,
.light #ov-intent tr:nth-child(6n).data-change {
background-color: #FDFFDC;
/* TODO: theme */
background-color: #fdffdc;
}
.dark #ov-intent tr:nth-child(6n + 1).data-change,
.dark #ov-intent tr:nth-child(6n + 2).data-change,
......@@ -53,7 +57,8 @@
.dark #ov-intent tr:nth-child(6n + 4).data-change,
.dark #ov-intent tr:nth-child(6n + 5).data-change,
.dark #ov-intent tr:nth-child(6n).data-change {
background-color: #5A5600;
/* TODO: dark theme */
background-color: #fdffdc;
}
#ov-intent td.resources,
......
......@@ -18,35 +18,24 @@
ONOS GUI -- Meter View (theme) -- CSS file
*/
.light #ov-meter .current-view use {
fill: white;
}
.dark #ov-meter .current-view use {
fill: #304860;
}
.light #ov-meter .current-view rect {
fill: deepskyblue;
}
.dark #ov-meter .current-view rect {
fill: #eee;
}
/* a "logical" row is made up of 2 "physical" rows -- color as such */
.light #ov-meter tr:nth-child(4n + 1),
.light #ov-meter tr:nth-child(4n + 2) {
background-color: #eee;
background-color: #fbfbfb;
}
.light #ov-meter tr:nth-child(4n + 3),
.light #ov-meter tr:nth-child(4n) {
background-color: #ddd;
background-color: #f4f4f4;
}
.dark #ov-meter tr:nth-child(4n + 1),
.dark #ov-meter tr:nth-child(4n + 2) {
background-color: #444;
/* TODO: dark theme */
background-color: #fbfbfb;
}
.dark #ov-meter tr:nth-child(4n + 3),
.dark #ov-meter tr:nth-child(4n) {
background-color: #333;
/* TODO: dark theme */
background-color: #f4f4f4;
}
/* highlighted color */
......@@ -54,11 +43,13 @@
.light #ov-meter tr:nth-child(4n + 2).data-change,
.light #ov-meter tr:nth-child(4n + 3).data-change,
.light #ov-meter tr:nth-child(4n).data-change {
background-color: #FDFFDC;
/* TODO: theme */
background-color: #fdffdc;
}
.dark #ov-meter tr:nth-child(4n + 1).data-change,
.dark #ov-meter tr:nth-child(4n + 2).data-change,
.dark #ov-meter tr:nth-child(4n + 3).data-change,
.dark #ov-meter tr:nth-child(4n).data-change {
background-color: #5A5600;
/* TODO: dark theme */
background-color: #fdffdc;
}
......
......@@ -18,16 +18,3 @@
ONOS GUI -- Port View (theme) -- CSS file
*/
.light #ov-port .current-view use {
fill: white;
}
.dark #ov-port .current-view use {
fill: #304860;
}
.light #ov-port .current-view rect {
fill: deepskyblue;
}
.dark #ov-port .current-view rect {
fill: #eee;
}
......