blob: b1f83db23b233dccbc550fb512ff638f4a999019 [file] [log] [blame]
Simon Hunt58894c82016-05-24 15:09:02 -07001/*
Brian O'Connora09fe5b2017-08-03 21:12:30 -07002 * Copyright 2016-present Open Networking Foundation
Simon Hunt58894c82016-05-24 15:09:02 -07003 *
4 * Licensed under the Apache License, Version 2.0 (the "License");
5 * you may not use this file except in compliance with the License.
6 * You may obtain a copy of the License at
7 *
8 * http://www.apache.org/licenses/LICENSE-2.0
9 *
10 * Unless required by applicable law or agreed to in writing, software
11 * distributed under the License is distributed on an "AS IS" BASIS,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 * See the License for the specific language governing permissions and
14 * limitations under the License.
15 */
16
17/* ------ for summary-list tables (theme) ------ */
18
Simon Hunt5fdba202016-06-02 20:01:14 -070019.light div.summary-list .table-header td {
20 background-color: #e5e5e6;
21 color: #3c3a3a;
22}
Simon Hunt5fdba202016-06-02 20:01:14 -070023
24.light div.summary-list td {
25 color: #3c3a3a;
26}
Simon Hunt5fdba202016-06-02 20:01:14 -070027
Simon Hunt58894c82016-05-24 15:09:02 -070028.light div.summary-list tr:nth-child(even) {
Simon Huntf3fd4ed2016-05-31 17:16:18 -070029 background-color: #f4f4f4;
Simon Hunt58894c82016-05-24 15:09:02 -070030}
31.light div.summary-list tr:nth-child(odd) {
Simon Huntf3fd4ed2016-05-31 17:16:18 -070032 background-color: #fbfbfb;
Simon Hunt58894c82016-05-24 15:09:02 -070033}
Simon Hunt58894c82016-05-24 15:09:02 -070034
35.light div.summary-list tr.selected {
Simon Huntf3fd4ed2016-05-31 17:16:18 -070036 background-color: #dbeffc !important;
Simon Hunt58894c82016-05-24 15:09:02 -070037}
38
Simon Hunt58894c82016-05-24 15:09:02 -070039
Simon Hunt58894c82016-05-24 15:09:02 -070040.light div.summary-list tr.data-change {
41 background-color: #FDFFDC;
42}
Simon Hunt58894c82016-05-24 15:09:02 -070043
Simon Hunt5fdba202016-06-02 20:01:14 -070044/* --- Control Buttons --- */
Simon Hunt58894c82016-05-24 15:09:02 -070045
Simon Hunt986b92f2016-06-03 15:46:59 -070046/* INACTIVE */
Simon Hunt5fdba202016-06-02 20:01:14 -070047.light .ctrl-btns div svg.embeddedIcon g.icon use {
Simon Hunt986b92f2016-06-03 15:46:59 -070048 fill: #e0dfd6;
Simon Hunt58894c82016-05-24 15:09:02 -070049}
Simon Hunt5fdba202016-06-02 20:01:14 -070050/* note: no change for inactive buttons when hovered */
Simon Hunt58894c82016-05-24 15:09:02 -070051
Simon Hunt986b92f2016-06-03 15:46:59 -070052
53/* ACTIVE */
Simon Hunt5fdba202016-06-02 20:01:14 -070054.light .ctrl-btns div.active svg.embeddedIcon g.icon use {
55 fill: #939598;
Simon Hunt58894c82016-05-24 15:09:02 -070056}
Simon Hunt5fdba202016-06-02 20:01:14 -070057.light .ctrl-btns div.active:hover svg.embeddedIcon g.icon use {
58 fill: #ce5b58;
Simon Hunt58894c82016-05-24 15:09:02 -070059}
60
Simon Hunt986b92f2016-06-03 15:46:59 -070061/* CURRENT-VIEW */
62.light .ctrl-btns div.current-view svg.embeddedIcon g.icon rect {
63 fill: #518ecc;
64}
65.light .ctrl-btns div.current-view svg.embeddedIcon g.icon use {
66 fill: white;
67}
68
69/* REFRESH */
Simon Hunt5fdba202016-06-02 20:01:14 -070070.light .ctrl-btns div.refresh svg.embeddedIcon g.icon use {
71 fill: #cdeff2;
Simon Hunt58894c82016-05-24 15:09:02 -070072}
Simon Hunt5fdba202016-06-02 20:01:14 -070073.light .ctrl-btns div.refresh:hover svg.embeddedIcon g.icon use {
74 fill: #ce5b58;
Simon Hunt58894c82016-05-24 15:09:02 -070075}
Simon Hunt5fdba202016-06-02 20:01:14 -070076.light .ctrl-btns div.refresh.active svg.embeddedIcon g.icon use {
77 fill: #009fdb;
Simon Hunt58894c82016-05-24 15:09:02 -070078}
Simon Hunt5fdba202016-06-02 20:01:14 -070079.light .ctrl-btns div.refresh.active:hover svg.embeddedIcon g.icon use {
80 fill: #ce5b58;
Simon Hunt58894c82016-05-24 15:09:02 -070081}
Simon Huntbb0f2672017-03-28 18:52:59 -070082
83
84/* ========== DARK Theme ========== */
85
86.dark div.summary-list .table-header td {
87 background-color: #222222;
88 color: #cccccc;
89}
90
91.dark div.summary-list td {
92 /* note: don't put background-color here */
93 color: #cccccc;
94}
95.dark div.summary-list tr.no-data td {
96 background-color: #333333;
97}
98
99.dark div.summary-list tr:nth-child(even) {
100 background-color: #333333;
101}
102.dark div.summary-list tr:nth-child(odd) {
103 background-color: #3a3a3a;
104}
105
106.dark div.summary-list tr.selected {
107 background-color: #304860 !important;
108}
109
110
111.dark div.summary-list tr.data-change {
112 background-color: #423708;
113}
114
115/* --- Control Buttons --- */
116
117/* INACTIVE */
118.dark .ctrl-btns div svg.embeddedIcon g.icon use {
119 fill: #444444;
120}
121/* note: no change for inactive buttons when hovered */
122
123
124/* ACTIVE */
125.dark .ctrl-btns div.active svg.embeddedIcon g.icon use {
126 fill: #939598;
127}
128.dark .ctrl-btns div.active:hover svg.embeddedIcon g.icon use {
129 fill: #ce5b58;
130}
131
132/* CURRENT-VIEW */
133.dark .ctrl-btns div.current-view svg.embeddedIcon g.icon rect {
134 fill: #518ecc;
135}
136.dark .ctrl-btns div.current-view svg.embeddedIcon g.icon use {
137 fill: #dddddd;
138}
139
140/* REFRESH */
141.dark .ctrl-btns div.refresh svg.embeddedIcon g.icon use {
142 fill: #364144;
143}
144.dark .ctrl-btns div.refresh:hover svg.embeddedIcon g.icon use {
145 fill: #ce5b58;
146}
147.dark .ctrl-btns div.refresh.active svg.embeddedIcon g.icon use {
148 fill: #0074a6;
149}
150.dark .ctrl-btns div.refresh.active:hover svg.embeddedIcon g.icon use {
151 fill: #ce5b58;
152}