ONOS-4359: continued work on theming UI
- cleaned up application confirmation dialog.
Change-Id: I498ef3897f828611ed8677873bcfcbcc3b09e1cc
(cherry picked from commit cf4b9a3)
diff --git a/web/gui/src/main/webapp/app/view/app/app-theme.css b/web/gui/src/main/webapp/app/view/app/app-theme.css
index 27e7bc4..45cc07c 100644
--- a/web/gui/src/main/webapp/app/view/app/app-theme.css
+++ b/web/gui/src/main/webapp/app/view/app/app-theme.css
@@ -18,48 +18,51 @@
ONOS GUI -- Applications View (theme) -- CSS file
*/
-.light #app-dialog p {
- color: darkred;
-}
-.dark #app-dialog p {
- color: #c55;
+/* -- Drag-n-Drop OAR files -- */
+.light div.dropping {
+ border: solid 3px #0095d6;
}
+.dark div.dropping {
+ /* TODO: dark theme */
+ border: solid 3px #0095d6;
+}
+
+/* -- confirmation dialog -- */
.light #app-dialog p.strong {
- color: red;
- background-color: #ff0;
-}
-.dark #app-dialog p.strong {
- color: #c55;
- background-color: #dd4;
+ color: white;
+ background-color: #ce5b58;
}
+.dark #app-dialog p.strong {
+ /* TODO: dark theme */
+ color: white;
+ background-color: #ce5b58;
+}
.light #app-dialog.floatpanel.dialog {
background-color: #fff;
}
+
.dark #app-dialog.floatpanel.dialog {
- background-color: #444;
+ /* TODO: dark theme */
+ background-color: #fff;
}
+/* -- details panel -- */
.light #application-details-panel.floatpanel {
background-color: white;
}
+
.dark #application-details-panel.floatpanel {
/* TODO: dark theme */
background-color: white;
}
-.light .close-btn svg.embeddedIcon .icon.plus .glyph {
- fill: #aaa;
-}
-.dark .close-btn svg.embeddedIcon .icon.plus .glyph {
- fill: #ccc;
-}
-
.light #application-details-panel hr {
border: 1px solid #c7c7c0;
}
+
.dark #application-details-panel hr {
/* TODO: dark theme */
border: 1px solid #c7c7c0;
@@ -68,6 +71,7 @@
.light #application-details-panel .bottom tr:nth-child(odd) {
background-color: #f4f4f4;
}
+
.light #application-details-panel .bottom tr:nth-child(even) {
background-color: #fbfbfb;
}
@@ -76,15 +80,9 @@
/* TODO: dark theme */
background-color: #f4f4f4;
}
+
.dark #application-details-panel .bottom tr:nth-child(even) {
/* TODO: dark theme */
background-color: #fbfbfb;
}
-.light div.dropping {
- border: solid 3px deepskyblue;
-}
-
-.dark div.dropping {
- border: solid 3px deepskyblue;
-}