blob: f267b10f9d593af2355e9f69d4ebe094475ea0b3 [file] [log] [blame]
Sean Condon83fc39f2018-04-19 18:56:13 +01001/*
Sean Condon5ca00262018-09-06 17:55:25 +01002 * Copyright 2018-present Open Networking Foundation
Sean Condon83fc39f2018-04-19 18:56:13 +01003 *
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/*
18 ONOS GUI -- Icon Service (theme) -- CSS file
19 */
20
Bhavesh72ead492018-07-19 16:29:18 +053021div.close-btn svg.embeddedIcon g.icon .glyph {
Sean Condon83fc39f2018-04-19 18:56:13 +010022 fill: #333333;
23}
24
25/* Sortable table headers */
Bhavesh72ead492018-07-19 16:29:18 +053026div.tableColSort svg.embeddedIcon .icon .glyph {
Sean Condon83fc39f2018-04-19 18:56:13 +010027 fill: #353333;
28}
29
Sean Condon2bd11b72018-06-15 08:00:48 +010030/* --- Control Buttons --- */
31
32/* INACTIVE */
33svg.embeddedIcon g.icon use {
34 fill: #e0dfd6;
35}
36/* note: no change for inactive buttons when hovered */
37
38
39/* ACTIVE */
Bhavesh72ead492018-07-19 16:29:18 +053040.ctrl-btns div.active svg.embeddedIcon g.icon use {
Sean Condon2bd11b72018-06-15 08:00:48 +010041 fill: #939598;
42}
Bhavesh72ead492018-07-19 16:29:18 +053043
Sean Condon2bd11b72018-06-15 08:00:48 +010044svg.embeddedIcon g.icon.active:hover use {
45 fill: #ce5b58;
46}
47
48/* CURRENT-VIEW */
49svg.embeddedIcon g.icon.current-view rect {
50 fill: #518ecc;
51}
52svg.embeddedIcon g.icon.current-view use {
53 fill: white;
54}
55
56/* REFRESH */
57svg.embeddedIcon g.icon.refresh use {
58 fill: #cdeff2;
59}
60svg.embeddedIcon g.icon.refresh:hover use {
61 fill: #ce5b58;
62}
63svg.embeddedIcon g.icon.refresh.active use {
64 fill: #009fdb;
65}
66svg.embeddedIcon g.icon.refresh.active:hover use {
67 fill: #ce5b58;
68}
69
70
Sean Condon83fc39f2018-04-19 18:56:13 +010071/* ========== DARK Theme ========== */
72
Bhavesh72ead492018-07-19 16:29:18 +053073 div.close-btn svg.embeddedIcon g.icon .glyph {
Sean Condon83fc39f2018-04-19 18:56:13 +010074 fill: #8d8d8d;
75}
76
Bhavesh72ead492018-07-19 16:29:18 +053077 div.tableColSort svg.embeddedIcon .icon .glyph {
Sean Condon83fc39f2018-04-19 18:56:13 +010078 fill: #888888;
79}
80
Bhavesh72ead492018-07-19 16:29:18 +053081 /*svg.embeddedIcon .icon.active .glyph {
Sean Condon83fc39f2018-04-19 18:56:13 +010082 fill: #04bf34;
83}
Bhavesh72ead492018-07-19 16:29:18 +053084 svg.embeddedIcon .icon.inactive .glyph {
Sean Condon83fc39f2018-04-19 18:56:13 +010085 fill: #c0242b;
Bhavesh72ead492018-07-19 16:29:18 +053086}*/
Sean Condon83fc39f2018-04-19 18:56:13 +010087
Bhavesh72ead492018-07-19 16:29:18 +053088 table svg.embeddedIcon .icon .glyph {
Sean Condon83fc39f2018-04-19 18:56:13 +010089 fill: #9999aa;
90}
Bhavesh72ead492018-07-19 16:29:18 +053091
Sean Condon2bd11b72018-06-15 08:00:48 +010092/*
Sean Condon83fc39f2018-04-19 18:56:13 +010093svg.embeddedIcon g.icon .glyph {
94 fill: #007dc4;
95}
96
97svg.embeddedIcon:hover g.icon .glyph {
98 fill: #20b2ff;
Sean Condon2bd11b72018-06-15 08:00:48 +010099}
Bhavesh72ead492018-07-19 16:29:18 +0530100*/
101
102svg.embeddedIcon g.icon.devIcon_SWITCH .glyph {
103 fill: #0071bd;;
104}
105
106svg.embeddedIcon g.icon.hostIcon_endstation .glyph {
107 fill: #0071bd;;
Sean Condon5ca00262018-09-06 17:55:25 +0100108}