| /* |
| * Copyright 2016-present Open Networking Laboratory |
| * |
| * Licensed under the Apache License, Version 2.0 (the "License"); |
| * you may not use this file except in compliance with the License. |
| * You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| |
| /* |
| ONOS GUI -- Device View (theme) -- CSS file |
| */ |
| |
| .light #ov-device .current-view use { |
| fill: white; |
| } |
| .dark #ov-device .current-view use { |
| fill: #304860; |
| } |
| |
| .light #ov-device .current-view rect { |
| fill: deepskyblue; |
| } |
| .dark #ov-device .current-view rect { |
| fill: #eee; |
| } |
| |
| .light #device-details-panel.floatpanel { |
| background-color: rgb(229, 234, 237); |
| } |
| .dark #device-details-panel.floatpanel { |
| background-color: #3A4042; |
| } |
| |
| .light .close-btn svg.embeddedIcon .icon.plus .glyph { |
| fill: #aaa; |
| } |
| .dark .close-btn svg.embeddedIcon .icon.plus .glyph { |
| fill: #ccc; |
| } |
| |
| .light .dev-icon svg.embeddedIcon .glyph { |
| fill: rgb(0, 172, 229); |
| } |
| .dark .dev-icon svg.embeddedIcon .glyph { |
| fill: #486D91; |
| } |
| |
| #device-details-panel .editable { |
| cursor: pointer; |
| border-bottom: 1px dashed darkgreen; |
| } |
| |
| #device-details-panel td.label { |
| /* works for both light and dark themes ... */ |
| color: #777; |
| } |
| |
| .light #device-details-panel hr { |
| opacity: .5; |
| border-color: #FFF; |
| } |
| .dark #device-details-panel hr { |
| border-color: #666; |
| } |
| |
| .light #device-details-panel .bottom th { |
| background-color: #CCC; |
| /* default text color */ |
| } |
| .dark #device-details-panel .bottom th { |
| background-color: #131313; |
| color: #ccc; |
| } |
| |
| .light #device-details-panel .bottom tr:nth-child(odd) { |
| background-color: #f9f9f9; |
| } |
| .light #device-details-panel .bottom tr:nth-child(even) { |
| background-color: #EBEDF2; |
| } |
| .dark #device-details-panel .bottom tr:nth-child(odd) { |
| background-color: #333; |
| } |
| .dark #device-details-panel .bottom tr:nth-child(even) { |
| background-color: #555; |
| } |