| /* |
| * 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. |
| */ |
| |
| /* ------ for summary-list tables (theme) ------ */ |
| |
| .light div.summary-list tr:nth-child(even) { |
| background-color: #f4f4f4; |
| } |
| .light div.summary-list tr:nth-child(odd) { |
| background-color: #fbfbfb; |
| } |
| .dark div.summary-list tr:nth-child(even) { |
| /* TODO: dark theme */ |
| background-color: #f4f4f4; |
| } |
| .dark div.summary-list tr:nth-child(odd) { |
| /* TODO: dark theme */ |
| background-color: #fbfbfb; |
| } |
| |
| .light div.summary-list tr.selected { |
| background-color: #dbeffc !important; |
| } |
| |
| .dark div.summary-list tr.selected { |
| /* TODO: dark theme */ |
| background-color: #dbeffc; |
| } |
| |
| /* highlighting */ |
| .light div.summary-list tr.data-change { |
| background-color: #FDFFDC; |
| } |
| .dark div.summary-list tr.data-change { |
| background-color: #5A5600; |
| } |
| |
| .light div.summary-list .table-header td { |
| background-color: #e5e5e6; |
| color: #3c3a3a; |
| } |
| .dark div.summary-list .table-header td { |
| /* TODO: dark theme */ |
| background-color: #e5e5e6; |
| color: #3c3a3a; |
| } |
| |
| .light div.summary-list td { |
| color: #3c3a3a; |
| } |
| .dark div.summary-list td { |
| /* TODO: dark theme */ |
| color: #3c3a3a; |
| } |
| |
| /* Inactive */ |
| .light .ctrl-btns div g.icon rect, |
| .light .ctrl-btns div:hover g.icon rect { |
| fill: #eee; |
| } |
| .dark .ctrl-btns div g.icon rect, |
| .dark .ctrl-btns div:hover g.icon rect { |
| fill: #222; |
| } |
| |
| .light .ctrl-btns div g.icon use { |
| fill: #ddd; |
| } |
| .dark .ctrl-btns div g.icon use { |
| fill: #333; |
| } |
| |
| /* Active hover */ |
| .light .ctrl-btns div.active:hover g.icon rect { |
| fill: #800; |
| } |
| |
| .dark .ctrl-btns div.active:hover g.icon rect { |
| fill: #CE5650; |
| } |
| |
| /* Active */ |
| .light .ctrl-btns div.active g.icon use { |
| fill: #fff; |
| } |
| .dark .ctrl-btns div.active g.icon use { |
| fill: #eee; |
| } |
| |
| .light .ctrl-btns div.active g.icon rect { |
| fill: #bbb; |
| } |
| .dark .ctrl-btns div.active g.icon rect { |
| fill: #444; |
| } |
| |
| /* Refresh button specific */ |
| .light .ctrl-btns div.refresh.active g.icon rect { |
| fill: #964949; |
| } |
| |
| .dark .ctrl-btns div.refresh.active g.icon rect { |
| fill: #9B4641; |
| } |
| .light .ctrl-btns div.refresh:hover g.icon rect { |
| fill: #964949; |
| } |
| |
| .dark .ctrl-btns div.refresh:hover g.icon rect { |
| fill: #9B4641; |
| } |
| |