web/gui2-topo-lib/lib/panel/instance/instance.theme.css

/*
 * Copyright 2018-present Open Networking Foundation
 *
 * 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.
 */
/* --- Topo Instance Panel --- */

#topo-p-instance svg rect {
    stroke-width: 0;
    fill: #fbfbfb;
}

/* body of an instance */
#topo-p-instance .online svg rect {
    opacity: 1;
    fill: #fbfbfb;
}

#topo-p-instance svg .glyph {
    fill: #fff;
}
#topo-p-instance .online svg .glyph {
    fill: #fff;
}
.dark #topo-p-instance .online svg .glyph.overlay {
    fill: #fff;
}

/* offline */
#topo-p-instance svg .badgeIcon {
    opacity: 0.4;
    fill: #939598;
}

/* online */
#topo-p-instance .online svg .badgeIcon {
    opacity: 1.0;
    fill: #939598;
}
#topo-p-instance .online svg .badgeIcon.bird {
    fill: #ffffff;
}

#topo-p-instance svg .readyBadge {
    visibility: hidden;
}
#topo-p-instance .ready svg .readyBadge {
    visibility: visible;
}

#topo-p-instance svg text {
    text-anchor: start;
    opacity: 0.5;
    fill: #3c3a3a;
}

#topo-p-instance .online svg text {
    opacity: 1.0;
    fill: #3c3a3a;
}

#topo-p-instance .onosInst.mastership {
    opacity: 0.3;
}
#topo-p-instance .onosInst.mastership.affinity {
    opacity: 1.0;
}
#topo-p-instance .onosInst.mastership.affinity svg rect {
    filter: url(#blue-glow);
}

.firefox #topo-p-instance .onosInst.mastership.affinity svg rect {
    filter: url(#blue-glow);
}

.dark #topo-p-instance {
    background-color: #2f313c;
    color: #c2c2b7;
    border: 1px solid #364144;

}

.dark #topo-p-instance svg rect {
    stroke-width: 0;
    fill: #525660;
}

/* body of an instance */
.dark #topo-p-instance .online svg rect {
    opacity: 1;
    fill: #838992;
}

.dark #topo-p-instance svg .glyph {
    fill: #ddd;
}
.dark #topo-p-instance .online svg .glyph {
    fill: #fff;
}
.dark #topo-p-instance .online svg .glyph.overlay {
    fill: #c7c7c7;
}

/* offline */
.dark #topo-p-instance svg .badgeIcon {
    opacity: 0.4;
    fill: #939598;
}

/* online */
.dark #topo-p-instance .online svg .badgeIcon {
    opacity: 1.0;
    fill: #939598;
}
.dark #topo-p-instance .online svg .badgeIcon.bird {
    fill: #ffffff;
}

.dark #topo-p-instance svg text {
    text-anchor: start;
    opacity: 0.5;
    fill: #aaa;
}

.dark #topo-p-instance .online svg text {
    opacity: 1.0;
    fill: #fff;
}

.dark #topo-p-instance .onosInst.mastership {
    opacity: 0.3;
}
.dark #topo-p-instance .onosInst.mastership.affinity {
    opacity: 1.0;
}
.dark #topo-p-instance .onosInst.mastership.affinity svg rect {
    filter: url(#blue-glow);
}

.dark.firefox #topo-p-instance .onosInst.mastership.affinity svg rect {
    filter: url(#blue-glow);
}