From 6686b67a3d251d6fbc84e155fb876704b4b7bc0b Mon Sep 17 00:00:00 2001 From: Caroline Jeandat Date: Fri, 24 Oct 2025 15:42:33 +0200 Subject: [PATCH 1/6] add style for current and load feederInfos --- .../cards/diagrams/diagram-styles.ts | 16 +- src/index.css | 19 + src/styles/dark-theme-css-vars.ts | 455 ++++++++++-------- src/styles/light-theme-css-vars.ts | 455 ++++++++++-------- 4 files changed, 546 insertions(+), 399 deletions(-) diff --git a/src/components/grid-layout/cards/diagrams/diagram-styles.ts b/src/components/grid-layout/cards/diagrams/diagram-styles.ts index 86510d0d58..d6be2ebdf4 100644 --- a/src/components/grid-layout/cards/diagrams/diagram-styles.ts +++ b/src/components/grid-layout/cards/diagrams/diagram-styles.ts @@ -81,16 +81,18 @@ export const styles = { }, }, divDiagramInvalid: { - '& .sld-active-power polygon, & .sld-reactive-power polygon, & .sld-voltage polygon, & .sld-angle polygon': { - opacity: INVALID_LOADFLOW_OPACITY, - }, - '& .sld-active-power text, & .sld-reactive-power text, & .sld-voltage text, & .sld-angle text, & .sld-voltage.sld-bus-legend-info, & .sld-angle.sld-bus-legend-info': + '& .sld-active-power polygon, & .sld-reactive-power polygon, & .sld-current polygon, & .sld-voltage polygon, & .sld-angle polygon': + { + opacity: INVALID_LOADFLOW_OPACITY, + }, + '& .sld-active-power text, & .sld-reactive-power text, & .sld-current text, & .sld-percentage-permanent-limit text, & .sld-voltage text, & .sld-angle text, & .sld-voltage.sld-bus-legend-info, & .sld-angle.sld-bus-legend-info': { fill: '#787F81', }, - '& .sld-overload, & .sld-vl-overvoltage, & .sld-vl-undervoltage': { - animation: 'none !important', - }, + '& .sld-overload, & .sld-vl-overvoltage, & .sld-vl-undervoltage, & .sld-extern-cell:has(.sld-overload) .sld-current polygon': + { + animation: 'none !important', + }, '& .nad-active': { fill: '#787F81', // Text color of the values and arrows on lines (same color in light and dark mode) }, diff --git a/src/index.css b/src/index.css index bbf29c8022..f556387beb 100644 --- a/src/index.css +++ b/src/index.css @@ -196,6 +196,9 @@ code { .sld-reactive-power { fill: blue; } +.sld-current { + fill: var(--vl-color); +} .sld-frame { fill: var(--sld-background-color, transparent); } @@ -241,6 +244,12 @@ code { .sld-reactive-power .sld-label { dominant-baseline: middle; } +.sld-current .sld-label { + dominant-baseline: middle; +} +.sld-percentage-permanent-limit { + dominant-baseline: middle; +} @keyframes sld-overload-blink-animation { 50% { @@ -248,6 +257,13 @@ code { stroke-width: 4; } } +@keyframes sld-overload-blink-arrow-animation { + 50% { + stroke: #F50057; + stroke-width: 4; + fill: #F50057; + } +} @keyframes sld-overvoltage-blink-animation { 50% { stroke: #D500F9; @@ -263,6 +279,9 @@ code { .sld-overload { animation: sld-overload-blink-animation 0.75s infinite steps(1, start); } +.sld-extern-cell:has(.sld-overload) .sld-current polygon { + animation: sld-overload-blink-arrow-animation 0.75s infinite steps(1, start); +} .sld-vl-overvoltage { animation: sld-overvoltage-blink-animation 0.75s infinite steps(1, start); } diff --git a/src/styles/dark-theme-css-vars.ts b/src/styles/dark-theme-css-vars.ts index a7159b3783..a9737ad1d0 100644 --- a/src/styles/dark-theme-css-vars.ts +++ b/src/styles/dark-theme-css-vars.ts @@ -18,214 +18,277 @@ export const darkThemeCssVars = { '.nad-textnode-highlight': { backgroundColor: '#32373bd9', // same displayed color as #6c6c6c20 but with 0.85 opacity }, - '.sld-vl0to30, .nad-vl0to30': { + '.sld-vl0to30, .nad-vl0to30, .sld-extern-cell:has(.sld-wire.sld-vl0to30) .sld-current': { '--vl-color': '#CCC93A', }, - '.sld-vl0to30.sld-bus-1, .nad-vl0to30.nad-bus-1': { - '--vl-color': '#5E835C', - }, - '.sld-vl0to30.sld-bus-2, .nad-vl0to30.nad-bus-2': { - '--vl-color': '#B1B46C', - }, - '.sld-vl0to30.sld-bus-3, .nad-vl0to30.nad-bus-3': { - '--vl-color': '#A156AA', - }, - '.sld-vl0to30.sld-bus-4, .nad-vl0to30.nad-bus-4': { - '--vl-color': '#CB3DDD', - }, - '.sld-vl0to30.sld-bus-5, .nad-vl0to30.nad-bus-5': { - '--vl-color': '#AC8AC2', - }, - '.sld-vl0to30.sld-bus-6, .nad-vl0to30.nad-bus-6': { - '--vl-color': '#734097', - }, - '.sld-vl0to30.sld-bus-7, .nad-vl0to30.nad-bus-7': { - '--vl-color': '#BCADCC', - }, - '.sld-vl0to30.sld-bus-8, .nad-vl0to30.nad-bus-8': { - '--vl-color': '#A246E0', - }, - '.sld-vl0to30.sld-bus-9, .nad-vl0to30.nad-bus-9': { - '--vl-color': '#C38CEB', - }, - '.sld-vl30to50, .nad-vl30to50': { + '.sld-vl0to30.sld-bus-1, .nad-vl0to30.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-1) .sld-current': + { + '--vl-color': '#5E835C', + }, + '.sld-vl0to30.sld-bus-2, .nad-vl0to30.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-2) .sld-current': + { + '--vl-color': '#B1B46C', + }, + '.sld-vl0to30.sld-bus-3, .nad-vl0to30.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-3) .sld-current': + { + '--vl-color': '#A156AA', + }, + '.sld-vl0to30.sld-bus-4, .nad-vl0to30.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-4) .sld-current': + { + '--vl-color': '#CB3DDD', + }, + '.sld-vl0to30.sld-bus-5, .nad-vl0to30.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-5) .sld-current': + { + '--vl-color': '#AC8AC2', + }, + '.sld-vl0to30.sld-bus-6, .nad-vl0to30.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-6) .sld-current': + { + '--vl-color': '#734097', + }, + '.sld-vl0to30.sld-bus-7, .nad-vl0to30.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-7) .sld-current': + { + '--vl-color': '#BCADCC', + }, + '.sld-vl0to30.sld-bus-8, .nad-vl0to30.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-8) .sld-current': + { + '--vl-color': '#A246E0', + }, + '.sld-vl0to30.sld-bus-9, .nad-vl0to30.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-9) .sld-current': + { + '--vl-color': '#C38CEB', + }, + '.sld-vl30to50, .nad-vl30to50, .sld-extern-cell:has(.sld-wire.sld-vl30to50) .sld-current': { '--vl-color': '#EA8E9B', }, - '.sld-vl30to50.sld-bus-1, .nad-vl30to50.nad-bus-1': { - '--vl-color': '#A43857', - }, - '.sld-vl30to50.sld-bus-2, .nad-vl30to50.nad-bus-2': { - '--vl-color': '#CEAAB0', - }, - '.sld-vl30to50.sld-bus-3, .nad-vl30to50.nad-bus-3': { - '--vl-color': '#459C63', - }, - '.sld-vl30to50.sld-bus-4, .nad-vl30to50.nad-bus-4': { - '--vl-color': '#00E266', - }, - '.sld-vl30to50.sld-bus-5, .nad-vl30to50.nad-bus-5': { - '--vl-color': '#A7B368', - }, - '.sld-vl30to50.sld-bus-6, .nad-vl30to50.nad-bus-6': { - '--vl-color': '#3F7340', - }, - '.sld-vl30to50.sld-bus-7, .nad-vl30to50.nad-bus-7': { - '--vl-color': '#C2CB92', - }, - '.sld-vl30to50.sld-bus-8, .nad-vl30to50.nad-bus-8': { - '--vl-color': '#218B21', - }, - '.sld-vl30to50.sld-bus-9, .nad-vl30to50.nad-bus-9': { - '--vl-color': '#58D058', - }, - '.sld-vl50to70, .nad-vl50to70': { + '.sld-vl30to50.sld-bus-1, .nad-vl30to50.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-1) .sld-current': + { + '--vl-color': '#A43857', + }, + '.sld-vl30to50.sld-bus-2, .nad-vl30to50.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-2) .sld-current': + { + '--vl-color': '#CEAAB0', + }, + '.sld-vl30to50.sld-bus-3, .nad-vl30to50.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-3) .sld-current': + { + '--vl-color': '#459C63', + }, + '.sld-vl30to50.sld-bus-4, .nad-vl30to50.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-4) .sld-current': + { + '--vl-color': '#00E266', + }, + '.sld-vl30to50.sld-bus-5, .nad-vl30to50.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-5) .sld-current': + { + '--vl-color': '#A7B368', + }, + '.sld-vl30to50.sld-bus-6, .nad-vl30to50.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-6) .sld-current': + { + '--vl-color': '#3F7340', + }, + '.sld-vl30to50.sld-bus-7, .nad-vl30to50.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-7) .sld-current': + { + '--vl-color': '#C2CB92', + }, + '.sld-vl30to50.sld-bus-8, .nad-vl30to50.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-8) .sld-current': + { + '--vl-color': '#218B21', + }, + '.sld-vl30to50.sld-bus-9, .nad-vl30to50.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-9) .sld-current': + { + '--vl-color': '#58D058', + }, + '.sld-vl50to70, .nad-vl50to70, .sld-extern-cell:has(.sld-wire.sld-vl50to70) .sld-current': { '--vl-color': '#D47DFF', }, - '.sld-vl50to70.sld-bus-1, .nad-vl50to70.nad-bus-1': { - '--vl-color': '#C230D2', - }, - '.sld-vl50to70.sld-bus-2, .nad-vl50to70.nad-bus-2': { - '--vl-color': '#AB94BF', - }, - '.sld-vl50to70.sld-bus-3, .nad-vl50to70.nad-bus-3': { - '--vl-color': '#1F7620', - }, - '.sld-vl50to70.sld-bus-4, .nad-vl50to70.nad-bus-4': { - '--vl-color': '#C5ED3B', - }, - '.sld-vl50to70.sld-bus-5, .nad-vl50to70.nad-bus-5': { - '--vl-color': '#A7B368', - }, - '.sld-vl50to70.sld-bus-6, .nad-vl50to70.nad-bus-6': { - '--vl-color': '#697046', - }, - '.sld-vl50to70.sld-bus-7, .nad-vl50to70.nad-bus-7': { - '--vl-color': '#E1E444', - }, - '.sld-vl50to70.sld-bus-8, .nad-vl50to70.nad-bus-8': { - '--vl-color': '#AAAE50', - }, - '.sld-vl50to70.sld-bus-9, .nad-vl50to70.nad-bus-9': { - '--vl-color': '#D4D486', - }, - '.sld-vl70to120, .nad-vl70to120': { + '.sld-vl50to70.sld-bus-1, .nad-vl50to70.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-1) .sld-current': + { + '--vl-color': '#C230D2', + }, + '.sld-vl50to70.sld-bus-2, .nad-vl50to70.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-2) .sld-current': + { + '--vl-color': '#AB94BF', + }, + '.sld-vl50to70.sld-bus-3, .nad-vl50to70.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-3) .sld-current': + { + '--vl-color': '#1F7620', + }, + '.sld-vl50to70.sld-bus-4, .nad-vl50to70.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-4) .sld-current': + { + '--vl-color': '#C5ED3B', + }, + '.sld-vl50to70.sld-bus-5, .nad-vl50to70.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-5) .sld-current': + { + '--vl-color': '#A7B368', + }, + '.sld-vl50to70.sld-bus-6, .nad-vl50to70.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-6) .sld-current': + { + '--vl-color': '#697046', + }, + '.sld-vl50to70.sld-bus-7, .nad-vl50to70.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-7) .sld-current': + { + '--vl-color': '#E1E444', + }, + '.sld-vl50to70.sld-bus-8, .nad-vl50to70.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-8) .sld-current': + { + '--vl-color': '#AAAE50', + }, + '.sld-vl50to70.sld-bus-9, .nad-vl50to70.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-9) .sld-current': + { + '--vl-color': '#D4D486', + }, + '.sld-vl70to120, .nad-vl70to120, .sld-extern-cell:has(.sld-wire.sld-vl70to120) .sld-current': { '--vl-color': '#FF6100', }, - '.sld-vl70to120.sld-bus-1, .nad-vl70to120.nad-bus-1': { - '--vl-color': '#B27153', - }, - '.sld-vl70to120.sld-bus-2, .nad-vl70to120.nad-bus-2': { - '--vl-color': '#C6A68B', - }, - '.sld-vl70to120.sld-bus-3, .nad-vl70to120.nad-bus-3': { - '--vl-color': '#25699D', - }, - '.sld-vl70to120.sld-bus-4, .nad-vl70to120.nad-bus-4': { - '--vl-color': '#0057F9', - }, - '.sld-vl70to120.sld-bus-5, .nad-vl70to120.nad-bus-5': { - '--vl-color': '#74AFEA', - }, - '.sld-vl70to120.sld-bus-6, .nad-vl70to120.nad-bus-6': { - '--vl-color': '#44679C', - }, - '.sld-vl70to120.sld-bus-7, .nad-vl70to120.nad-bus-7': { - '--vl-color': '#458BE8', - }, - '.sld-vl70to120.sld-bus-8, .nad-vl70to120.nad-bus-8': { - '--vl-color': '#2862AE', - }, - '.sld-vl70to120.sld-bus-9, .nad-vl70to120.nad-bus-9': { - '--vl-color': '#B0D4FE', - }, - '.sld-vl120to180, .nad-vl120to180': { + '.sld-vl70to120.sld-bus-1, .nad-vl70to120.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-1) .sld-current': + { + '--vl-color': '#B27153', + }, + '.sld-vl70to120.sld-bus-2, .nad-vl70to120.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-2) .sld-current': + { + '--vl-color': '#C6A68B', + }, + '.sld-vl70to120.sld-bus-3, .nad-vl70to120.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-3) .sld-current': + { + '--vl-color': '#25699D', + }, + '.sld-vl70to120.sld-bus-4, .nad-vl70to120.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-4) .sld-current': + { + '--vl-color': '#0057F9', + }, + '.sld-vl70to120.sld-bus-5, .nad-vl70to120.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-5) .sld-current': + { + '--vl-color': '#74AFEA', + }, + '.sld-vl70to120.sld-bus-6, .nad-vl70to120.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-6) .sld-current': + { + '--vl-color': '#44679C', + }, + '.sld-vl70to120.sld-bus-7, .nad-vl70to120.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-7) .sld-current': + { + '--vl-color': '#458BE8', + }, + '.sld-vl70to120.sld-bus-8, .nad-vl70to120.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-8) .sld-current': + { + '--vl-color': '#2862AE', + }, + '.sld-vl70to120.sld-bus-9, .nad-vl70to120.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-9) .sld-current': + { + '--vl-color': '#B0D4FE', + }, + '.sld-vl120to180, .nad-vl120to180, .sld-extern-cell:has(.sld-wire.sld-vl120to180) .sld-current': { '--vl-color': '#29AFB0', }, - '.sld-vl120to180.sld-bus-1, .nad-vl120to180.nad-bus-1': { - '--vl-color': '#336B6F', - }, - '.sld-vl120to180.sld-bus-2, .nad-vl120to180.nad-bus-2': { - '--vl-color': '#84C6CC', - }, - '.sld-vl120to180.sld-bus-3, .nad-vl120to180.nad-bus-3': { - '--vl-color': '#BA133C', - }, - '.sld-vl120to180.sld-bus-4, .nad-vl120to180.nad-bus-4': { - '--vl-color': '#FF8290', - }, - '.sld-vl120to180.sld-bus-5, .nad-vl120to180.nad-bus-5': { - '--vl-color': '#DAA8AD', - }, - '.sld-vl120to180.sld-bus-6, .nad-vl120to180.nad-bus-6': { - '--vl-color': '#97353A', - }, - '.sld-vl120to180.sld-bus-7, .nad-vl120to180.nad-bus-7': { - '--vl-color': '#EABCBD', - }, - '.sld-vl120to180.sld-bus-8, .nad-vl120to180.nad-bus-8': { - '--vl-color': '#EA2E33', - }, - '.sld-vl120to180.sld-bus-9, .nad-vl120to180.nad-bus-9': { - '--vl-color': '#EA6E72', - }, - '.sld-vl180to300, .nad-vl180to300': { + '.sld-vl120to180.sld-bus-1, .nad-vl120to180.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-1) .sld-current': + { + '--vl-color': '#336B6F', + }, + '.sld-vl120to180.sld-bus-2, .nad-vl120to180.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-2) .sld-current': + { + '--vl-color': '#84C6CC', + }, + '.sld-vl120to180.sld-bus-3, .nad-vl120to180.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-3) .sld-current': + { + '--vl-color': '#BA133C', + }, + '.sld-vl120to180.sld-bus-4, .nad-vl120to180.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-4) .sld-current': + { + '--vl-color': '#FF8290', + }, + '.sld-vl120to180.sld-bus-5, .nad-vl120to180.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-5) .sld-current': + { + '--vl-color': '#DAA8AD', + }, + '.sld-vl120to180.sld-bus-6, .nad-vl120to180.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-6) .sld-current': + { + '--vl-color': '#97353A', + }, + '.sld-vl120to180.sld-bus-7, .nad-vl120to180.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-7) .sld-current': + { + '--vl-color': '#EABCBD', + }, + '.sld-vl120to180.sld-bus-8, .nad-vl120to180.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-8) .sld-current': + { + '--vl-color': '#EA2E33', + }, + '.sld-vl120to180.sld-bus-9, .nad-vl120to180.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-9) .sld-current': + { + '--vl-color': '#EA6E72', + }, + '.sld-vl180to300, .nad-vl180to300, .sld-extern-cell:has(.sld-wire.sld-vl180to300) .sld-current': { '--vl-color': '#00FF50', }, - '.sld-vl180to300.sld-bus-1, .nad-vl180to300.nad-bus-1': { - '--vl-color': '#42954B', - }, - '.sld-vl180to300.sld-bus-2, .nad-vl180to300.nad-bus-2': { - '--vl-color': '#A7B27E', - }, - '.sld-vl180to300.sld-bus-3, .nad-vl180to300.nad-bus-3': { - '--vl-color': '#F57F17', - }, - '.sld-vl180to300.sld-bus-4, .nad-vl180to300.nad-bus-4': { - '--vl-color': '#A3715C', - }, - '.sld-vl180to300.sld-bus-5, .nad-vl180to300.nad-bus-5': { - '--vl-color': '#DBAB9D', - }, - '.sld-vl180to300.sld-bus-6, .nad-vl180to300.nad-bus-6': { - '--vl-color': '#885239', - }, - '.sld-vl180to300.sld-bus-7, .nad-vl180to300.nad-bus-7': { - '--vl-color': '#B39572', - }, - '.sld-vl180to300.sld-bus-8, .nad-vl180to300.nad-bus-8': { - '--vl-color': '#C94119', - }, - '.sld-vl180to300.sld-bus-9, .nad-vl180to300.nad-bus-9': { - '--vl-color': '#EABC45', - }, - '.sld-vl300to500, .nad-vl300to500': { + '.sld-vl180to300.sld-bus-1, .nad-vl180to300.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-1) .sld-current': + { + '--vl-color': '#42954B', + }, + '.sld-vl180to300.sld-bus-2, .nad-vl180to300.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-2) .sld-current': + { + '--vl-color': '#A7B27E', + }, + '.sld-vl180to300.sld-bus-3, .nad-vl180to300.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-3) .sld-current': + { + '--vl-color': '#F57F17', + }, + '.sld-vl180to300.sld-bus-4, .nad-vl180to300.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-4) .sld-current': + { + '--vl-color': '#A3715C', + }, + '.sld-vl180to300.sld-bus-5, .nad-vl180to300.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-5) .sld-current': + { + '--vl-color': '#DBAB9D', + }, + '.sld-vl180to300.sld-bus-6, .nad-vl180to300.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-6) .sld-current': + { + '--vl-color': '#885239', + }, + '.sld-vl180to300.sld-bus-7, .nad-vl180to300.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-7) .sld-current': + { + '--vl-color': '#B39572', + }, + '.sld-vl180to300.sld-bus-8, .nad-vl180to300.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-8) .sld-current': + { + '--vl-color': '#C94119', + }, + '.sld-vl180to300.sld-bus-9, .nad-vl180to300.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-9) .sld-current': + { + '--vl-color': '#EABC45', + }, + '.sld-vl300to500, .nad-vl300to500, .sld-extern-cell:has(.sld-wire.sld-vl300to500) .sld-current': { '--vl-color': '#FF0007', }, - '.sld-vl300to500.sld-bus-1, .nad-vl300to500.nad-bus-1': { - '--vl-color': '#DD6484', - }, - '.sld-vl300to500.sld-bus-2, .nad-vl300to500.nad-bus-2': { - '--vl-color': '#FFBCBE', - }, - '.sld-vl300to500.sld-bus-3, .nad-vl300to500.nad-bus-3': { - '--vl-color': '#25699D', - }, - '.sld-vl300to500.sld-bus-4, .nad-vl300to500.nad-bus-4': { - '--vl-color': '#0057F9', - }, - '.sld-vl300to500.sld-bus-5, .nad-vl300to500.nad-bus-5': { - '--vl-color': '#74AFEA', - }, - '.sld-vl300to500.sld-bus-6, .nad-vl300to500.nad-bus-6': { - '--vl-color': '#44679C', - }, - '.sld-vl300to500.sld-bus-7, .nad-vl300to500.nad-bus-7': { - '--vl-color': '#458BE8', - }, - '.sld-vl300to500.sld-bus-8, .nad-vl300to500.nad-bus-8': { - '--vl-color': '#2862AE', - }, - '.sld-vl300to500.sld-bus-9, .nad-vl300to500.nad-bus-9': { - '--vl-color': '#B0D4FE', - }, + '.sld-vl300to500.sld-bus-1, .nad-vl300to500.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-1) .sld-current': + { + '--vl-color': '#DD6484', + }, + '.sld-vl300to500.sld-bus-2, .nad-vl300to500.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-2) .sld-current': + { + '--vl-color': '#FFBCBE', + }, + '.sld-vl300to500.sld-bus-3, .nad-vl300to500.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-3) .sld-current': + { + '--vl-color': '#25699D', + }, + '.sld-vl300to500.sld-bus-4, .nad-vl300to500.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-4) .sld-current': + { + '--vl-color': '#0057F9', + }, + '.sld-vl300to500.sld-bus-5, .nad-vl300to500.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-5) .sld-current': + { + '--vl-color': '#74AFEA', + }, + '.sld-vl300to500.sld-bus-6, .nad-vl300to500.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-6) .sld-current': + { + '--vl-color': '#44679C', + }, + '.sld-vl300to500.sld-bus-7, .nad-vl300to500.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-7) .sld-current': + { + '--vl-color': '#458BE8', + }, + '.sld-vl300to500.sld-bus-8, .nad-vl300to500.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-8) .sld-current': + { + '--vl-color': '#2862AE', + }, + '.sld-vl300to500.sld-bus-9, .nad-vl300to500.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-9) .sld-current': + { + '--vl-color': '#B0D4FE', + }, }; diff --git a/src/styles/light-theme-css-vars.ts b/src/styles/light-theme-css-vars.ts index 9c3a96d364..e064363c00 100644 --- a/src/styles/light-theme-css-vars.ts +++ b/src/styles/light-theme-css-vars.ts @@ -21,214 +21,277 @@ export const lightThemeCssVars = { '.nad-textnode-highlight': { backgroundColor: '#f0f0f0cc', // same displayed color as #9c9c9c20 but with 0.8 opacity }, - '.sld-vl0to30, .nad-vl0to30': { + '.sld-vl0to30, .nad-vl0to30, .sld-extern-cell:has(.sld-wire.sld-vl0to30) .sld-current': { '--vl-color': '#ABAE28', }, - '.sld-vl0to30.sld-bus-1, .nad-vl0to30.nad-bus-1': { - '--vl-color': '#69701B', - }, - '.sld-vl0to30.sld-bus-2, .nad-vl0to30.nad-bus-2': { - '--vl-color': '#D8D20A', - }, - '.sld-vl0to30.sld-bus-3, .nad-vl0to30.nad-bus-3': { - '--vl-color': '#A156AA', - }, - '.sld-vl0to30.sld-bus-4, .nad-vl0to30.nad-bus-4': { - '--vl-color': '#CB3DDD', - }, - '.sld-vl0to30.sld-bus-5, .nad-vl0to30.nad-bus-5': { - '--vl-color': '#A684BC', - }, - '.sld-vl0to30.sld-bus-6, .nad-vl0to30.nad-bus-6': { - '--vl-color': '#62188B', - }, - '.sld-vl0to30.sld-bus-7, .nad-vl0to30.nad-bus-7': { - '--vl-color': '#885CA8', - }, - '.sld-vl0to30.sld-bus-8, .nad-vl0to30.nad-bus-8': { - '--vl-color': '#A020F0', - }, - '.sld-vl0to30.sld-bus-9, .nad-vl0to30.nad-bus-9': { - '--vl-color': '#CC80FF', - }, - '.sld-vl30to50, .nad-vl30to50': { + '.sld-vl0to30.sld-bus-1, .nad-vl0to30.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-1) .sld-current': + { + '--vl-color': '#69701B', + }, + '.sld-vl0to30.sld-bus-2, .nad-vl0to30.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-2) .sld-current': + { + '--vl-color': '#D8D20A', + }, + '.sld-vl0to30.sld-bus-3, .nad-vl0to30.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-3) .sld-current': + { + '--vl-color': '#A156AA', + }, + '.sld-vl0to30.sld-bus-4, .nad-vl0to30.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-4) .sld-current': + { + '--vl-color': '#CB3DDD', + }, + '.sld-vl0to30.sld-bus-5, .nad-vl0to30.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-5) .sld-current': + { + '--vl-color': '#A684BC', + }, + '.sld-vl0to30.sld-bus-6, .nad-vl0to30.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-6) .sld-current': + { + '--vl-color': '#62188B', + }, + '.sld-vl0to30.sld-bus-7, .nad-vl0to30.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-7) .sld-current': + { + '--vl-color': '#885CA8', + }, + '.sld-vl0to30.sld-bus-8, .nad-vl0to30.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-8) .sld-current': + { + '--vl-color': '#A020F0', + }, + '.sld-vl0to30.sld-bus-9, .nad-vl0to30.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-9) .sld-current': + { + '--vl-color': '#CC80FF', + }, + '.sld-vl30to50, .nad-vl30to50, .sld-extern-cell:has(.sld-wire.sld-vl30to50) .sld-current': { '--vl-color': '#FF8290', }, - '.sld-vl30to50.sld-bus-1, .nad-vl30to50.nad-bus-1': { - '--vl-color': '#E7173E', - }, - '.sld-vl30to50.sld-bus-2, .nad-vl30to50.nad-bus-2': { - '--vl-color': '#DAA8AD', - }, - '.sld-vl30to50.sld-bus-3, .nad-vl30to50.nad-bus-3': { - '--vl-color': '#459C63', - }, - '.sld-vl30to50.sld-bus-4, .nad-vl30to50.nad-bus-4': { - '--vl-color': '#00E266', - }, - '.sld-vl30to50.sld-bus-5, .nad-vl30to50.nad-bus-5': { - '--vl-color': '#A7B368', - }, - '.sld-vl30to50.sld-bus-6, .nad-vl30to50.nad-bus-6': { - '--vl-color': '#1A4D1B', - }, - '.sld-vl30to50.sld-bus-7, .nad-vl30to50.nad-bus-7': { - '--vl-color': '#C2CB92', - }, - '.sld-vl30to50.sld-bus-8, .nad-vl30to50.nad-bus-8': { - '--vl-color': '#218B21', - }, - '.sld-vl30to50.sld-bus-9, .nad-vl30to50.nad-bus-9': { - '--vl-color': '#58D058', - }, - '.sld-vl50to70, .nad-vl50to70': { + '.sld-vl30to50.sld-bus-1, .nad-vl30to50.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-1) .sld-current': + { + '--vl-color': '#E7173E', + }, + '.sld-vl30to50.sld-bus-2, .nad-vl30to50.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-2) .sld-current': + { + '--vl-color': '#DAA8AD', + }, + '.sld-vl30to50.sld-bus-3, .nad-vl30to50.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-3) .sld-current': + { + '--vl-color': '#459C63', + }, + '.sld-vl30to50.sld-bus-4, .nad-vl30to50.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-4) .sld-current': + { + '--vl-color': '#00E266', + }, + '.sld-vl30to50.sld-bus-5, .nad-vl30to50.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-5) .sld-current': + { + '--vl-color': '#A7B368', + }, + '.sld-vl30to50.sld-bus-6, .nad-vl30to50.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-6) .sld-current': + { + '--vl-color': '#1A4D1B', + }, + '.sld-vl30to50.sld-bus-7, .nad-vl30to50.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-7) .sld-current': + { + '--vl-color': '#C2CB92', + }, + '.sld-vl30to50.sld-bus-8, .nad-vl30to50.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-8) .sld-current': + { + '--vl-color': '#218B21', + }, + '.sld-vl30to50.sld-bus-9, .nad-vl30to50.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-9) .sld-current': + { + '--vl-color': '#58D058', + }, + '.sld-vl50to70, .nad-vl50to70, .sld-extern-cell:has(.sld-wire.sld-vl50to70) .sld-current': { '--vl-color': '#A020F0', }, - '.sld-vl50to70.sld-bus-1, .nad-vl50to70.nad-bus-1': { - '--vl-color': '#62188B', - }, - '.sld-vl50to70.sld-bus-2, .nad-vl50to70.nad-bus-2': { - '--vl-color': '#AC8AC2', - }, - '.sld-vl50to70.sld-bus-3, .nad-vl50to70.nad-bus-3': { - '--vl-color': '#1F7620', - }, - '.sld-vl50to70.sld-bus-4, .nad-vl50to70.nad-bus-4': { - '--vl-color': '#C5ED3B', - }, - '.sld-vl50to70.sld-bus-5, .nad-vl50to70.nad-bus-5': { - '--vl-color': '#A7B368', - }, - '.sld-vl50to70.sld-bus-6, .nad-vl50to70.nad-bus-6': { - '--vl-color': '#55591B', - }, - '.sld-vl50to70.sld-bus-7, .nad-vl50to70.nad-bus-7': { - '--vl-color': '#E5E845', - }, - '.sld-vl50to70.sld-bus-8, .nad-vl50to70.nad-bus-8': { - '--vl-color': '#ABAE28', - }, - '.sld-vl50to70.sld-bus-9, .nad-vl50to70.nad-bus-9': { - '--vl-color': '#DAD971', - }, - '.sld-vl70to120, .nad-vl70to120': { + '.sld-vl50to70.sld-bus-1, .nad-vl50to70.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-1) .sld-current': + { + '--vl-color': '#62188B', + }, + '.sld-vl50to70.sld-bus-2, .nad-vl50to70.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-2) .sld-current': + { + '--vl-color': '#AC8AC2', + }, + '.sld-vl50to70.sld-bus-3, .nad-vl50to70.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-3) .sld-current': + { + '--vl-color': '#1F7620', + }, + '.sld-vl50to70.sld-bus-4, .nad-vl50to70.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-4) .sld-current': + { + '--vl-color': '#C5ED3B', + }, + '.sld-vl50to70.sld-bus-5, .nad-vl50to70.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-5) .sld-current': + { + '--vl-color': '#A7B368', + }, + '.sld-vl50to70.sld-bus-6, .nad-vl50to70.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-6) .sld-current': + { + '--vl-color': '#55591B', + }, + '.sld-vl50to70.sld-bus-7, .nad-vl50to70.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-7) .sld-current': + { + '--vl-color': '#E5E845', + }, + '.sld-vl50to70.sld-bus-8, .nad-vl50to70.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-8) .sld-current': + { + '--vl-color': '#ABAE28', + }, + '.sld-vl50to70.sld-bus-9, .nad-vl50to70.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-9) .sld-current': + { + '--vl-color': '#DAD971', + }, + '.sld-vl70to120, .nad-vl70to120, .sld-extern-cell:has(.sld-wire.sld-vl70to120) .sld-current': { '--vl-color': '#FF9D00', }, - '.sld-vl70to120.sld-bus-1, .nad-vl70to120.nad-bus-1': { - '--vl-color': '#7E3109', - }, - '.sld-vl70to120.sld-bus-2, .nad-vl70to120.nad-bus-2': { - '--vl-color': '#C50', - }, - '.sld-vl70to120.sld-bus-3, .nad-vl70to120.nad-bus-3': { - '--vl-color': '#25699D', - }, - '.sld-vl70to120.sld-bus-4, .nad-vl70to120.nad-bus-4': { - '--vl-color': '#0057F9', - }, - '.sld-vl70to120.sld-bus-5, .nad-vl70to120.nad-bus-5': { - '--vl-color': '#74AFEA', - }, - '.sld-vl70to120.sld-bus-6, .nad-vl70to120.nad-bus-6': { - '--vl-color': '#1B3459', - }, - '.sld-vl70to120.sld-bus-7, .nad-vl70to120.nad-bus-7': { - '--vl-color': '#458BE8', - }, - '.sld-vl70to120.sld-bus-8, .nad-vl70to120.nad-bus-8': { - '--vl-color': '#2862AE', - }, - '.sld-vl70to120.sld-bus-9, .nad-vl70to120.nad-bus-9': { - '--vl-color': '#B0D4FE', - }, - '.sld-vl120to180, .nad-vl120to180': { + '.sld-vl70to120.sld-bus-1, .nad-vl70to120.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-1) .sld-current': + { + '--vl-color': '#7E3109', + }, + '.sld-vl70to120.sld-bus-2, .nad-vl70to120.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-2) .sld-current': + { + '--vl-color': '#C50', + }, + '.sld-vl70to120.sld-bus-3, .nad-vl70to120.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-3) .sld-current': + { + '--vl-color': '#25699D', + }, + '.sld-vl70to120.sld-bus-4, .nad-vl70to120.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-4) .sld-current': + { + '--vl-color': '#0057F9', + }, + '.sld-vl70to120.sld-bus-5, .nad-vl70to120.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-5) .sld-current': + { + '--vl-color': '#74AFEA', + }, + '.sld-vl70to120.sld-bus-6, .nad-vl70to120.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-6) .sld-current': + { + '--vl-color': '#1B3459', + }, + '.sld-vl70to120.sld-bus-7, .nad-vl70to120.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-7) .sld-current': + { + '--vl-color': '#458BE8', + }, + '.sld-vl70to120.sld-bus-8, .nad-vl70to120.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-8) .sld-current': + { + '--vl-color': '#2862AE', + }, + '.sld-vl70to120.sld-bus-9, .nad-vl70to120.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-9) .sld-current': + { + '--vl-color': '#B0D4FE', + }, + '.sld-vl120to180, .nad-vl120to180, .sld-extern-cell:has(.sld-wire.sld-vl120to180) .sld-current': { '--vl-color': '#00AFAE', }, - '.sld-vl120to180.sld-bus-1, .nad-vl120to180.nad-bus-1': { - '--vl-color': '#0A6365', - }, - '.sld-vl120to180.sld-bus-2, .nad-vl120to180.nad-bus-2': { - '--vl-color': '#79CED4', - }, - '.sld-vl120to180.sld-bus-3, .nad-vl120to180.nad-bus-3': { - '--vl-color': '#A30E32', - }, - '.sld-vl120to180.sld-bus-4, .nad-vl120to180.nad-bus-4': { - '--vl-color': '#FF8290', - }, - '.sld-vl120to180.sld-bus-5, .nad-vl120to180.nad-bus-5': { - '--vl-color': '#DAA8AD', - }, - '.sld-vl120to180.sld-bus-6, .nad-vl120to180.nad-bus-6': { - '--vl-color': '#C30D33', - }, - '.sld-vl120to180.sld-bus-7, .nad-vl120to180.nad-bus-7': { - '--vl-color': '#E3BEC0', - }, - '.sld-vl120to180.sld-bus-8, .nad-vl120to180.nad-bus-8': { - '--vl-color': '#FF8290', - }, - '.sld-vl120to180.sld-bus-9, .nad-vl120to180.nad-bus-9': { - '--vl-color': '#FFCCD0', - }, - '.sld-vl180to300, .nad-vl180to300': { + '.sld-vl120to180.sld-bus-1, .nad-vl120to180.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-1) .sld-current': + { + '--vl-color': '#0A6365', + }, + '.sld-vl120to180.sld-bus-2, .nad-vl120to180.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-2) .sld-current': + { + '--vl-color': '#79CED4', + }, + '.sld-vl120to180.sld-bus-3, .nad-vl120to180.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-3) .sld-current': + { + '--vl-color': '#A30E32', + }, + '.sld-vl120to180.sld-bus-4, .nad-vl120to180.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-4) .sld-current': + { + '--vl-color': '#FF8290', + }, + '.sld-vl120to180.sld-bus-5, .nad-vl120to180.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-5) .sld-current': + { + '--vl-color': '#DAA8AD', + }, + '.sld-vl120to180.sld-bus-6, .nad-vl120to180.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-6) .sld-current': + { + '--vl-color': '#C30D33', + }, + '.sld-vl120to180.sld-bus-7, .nad-vl120to180.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-7) .sld-current': + { + '--vl-color': '#E3BEC0', + }, + '.sld-vl120to180.sld-bus-8, .nad-vl120to180.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-8) .sld-current': + { + '--vl-color': '#FF8290', + }, + '.sld-vl120to180.sld-bus-9, .nad-vl120to180.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-9) .sld-current': + { + '--vl-color': '#FFCCD0', + }, + '.sld-vl180to300, .nad-vl180to300, .sld-extern-cell:has(.sld-wire.sld-vl180to300) .sld-current': { '--vl-color': '#32B532', }, - '.sld-vl180to300.sld-bus-1, .nad-vl180to300.nad-bus-1': { - '--vl-color': '#1E5D1F', - }, - '.sld-vl180to300.sld-bus-2, .nad-vl180to300.nad-bus-2': { - '--vl-color': '#A7B368', - }, - '.sld-vl180to300.sld-bus-3, .nad-vl180to300.nad-bus-3': { - '--vl-color': '#E47400', - }, - '.sld-vl180to300.sld-bus-4, .nad-vl180to300.nad-bus-4': { - '--vl-color': '#6B3A26', - }, - '.sld-vl180to300.sld-bus-5, .nad-vl180to300.nad-bus-5': { - '--vl-color': '#D69A88', - }, - '.sld-vl180to300.sld-bus-6, .nad-vl180to300.nad-bus-6': { - '--vl-color': '#7E3109', - }, - '.sld-vl180to300.sld-bus-7, .nad-vl180to300.nad-bus-7': { - '--vl-color': '#B78B58', - }, - '.sld-vl180to300.sld-bus-8, .nad-vl180to300.nad-bus-8': { - '--vl-color': '#C94119', - }, - '.sld-vl180to300.sld-bus-9, .nad-vl180to300.nad-bus-9': { - '--vl-color': '#FFC019', - }, - '.sld-vl300to500, .nad-vl300to500': { + '.sld-vl180to300.sld-bus-1, .nad-vl180to300.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-1) .sld-current': + { + '--vl-color': '#1E5D1F', + }, + '.sld-vl180to300.sld-bus-2, .nad-vl180to300.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-2) .sld-current': + { + '--vl-color': '#A7B368', + }, + '.sld-vl180to300.sld-bus-3, .nad-vl180to300.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-3) .sld-current': + { + '--vl-color': '#E47400', + }, + '.sld-vl180to300.sld-bus-4, .nad-vl180to300.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-4) .sld-current': + { + '--vl-color': '#6B3A26', + }, + '.sld-vl180to300.sld-bus-5, .nad-vl180to300.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-5) .sld-current': + { + '--vl-color': '#D69A88', + }, + '.sld-vl180to300.sld-bus-6, .nad-vl180to300.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-6) .sld-current': + { + '--vl-color': '#7E3109', + }, + '.sld-vl180to300.sld-bus-7, .nad-vl180to300.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-7) .sld-current': + { + '--vl-color': '#B78B58', + }, + '.sld-vl180to300.sld-bus-8, .nad-vl180to300.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-8) .sld-current': + { + '--vl-color': '#C94119', + }, + '.sld-vl180to300.sld-bus-9, .nad-vl180to300.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-9) .sld-current': + { + '--vl-color': '#FFC019', + }, + '.sld-vl300to500, .nad-vl300to500, .sld-extern-cell:has(.sld-wire.sld-vl300to500) .sld-current': { '--vl-color': '#F00', }, - '.sld-vl300to500.sld-bus-1, .nad-vl300to500.nad-bus-1': { - '--vl-color': '#920A0A', - }, - '.sld-vl300to500.sld-bus-2, .nad-vl300to500.nad-bus-2': { - '--vl-color': '#FF9494', - }, - '.sld-vl300to500.sld-bus-3, .nad-vl300to500.nad-bus-3': { - '--vl-color': '#25699D', - }, - '.sld-vl300to500.sld-bus-4, .nad-vl300to500.nad-bus-4': { - '--vl-color': '#0057F9', - }, - '.sld-vl300to500.sld-bus-5, .nad-vl300to500.nad-bus-5': { - '--vl-color': '#74AFEA', - }, - '.sld-vl300to500.sld-bus-6, .nad-vl300to500.nad-bus-6': { - '--vl-color': '#1B3459', - }, - '.sld-vl300to500.sld-bus-7, .nad-vl300to500.nad-bus-7': { - '--vl-color': '#458BE8', - }, - '.sld-vl300to500.sld-bus-8, .nad-vl300to500.nad-bus-8': { - '--vl-color': '#2862AE', - }, - '.sld-vl300to500.sld-bus-9, .nad-vl300to500.nad-bus-9': { - '--vl-color': '#B0D4FE', - }, + '.sld-vl300to500.sld-bus-1, .nad-vl300to500.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-1) .sld-current': + { + '--vl-color': '#920A0A', + }, + '.sld-vl300to500.sld-bus-2, .nad-vl300to500.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-2) .sld-current': + { + '--vl-color': '#FF9494', + }, + '.sld-vl300to500.sld-bus-3, .nad-vl300to500.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-3) .sld-current': + { + '--vl-color': '#25699D', + }, + '.sld-vl300to500.sld-bus-4, .nad-vl300to500.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-4) .sld-current': + { + '--vl-color': '#0057F9', + }, + '.sld-vl300to500.sld-bus-5, .nad-vl300to500.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-5) .sld-current': + { + '--vl-color': '#74AFEA', + }, + '.sld-vl300to500.sld-bus-6, .nad-vl300to500.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-6) .sld-current': + { + '--vl-color': '#1B3459', + }, + '.sld-vl300to500.sld-bus-7, .nad-vl300to500.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-7) .sld-current': + { + '--vl-color': '#458BE8', + }, + '.sld-vl300to500.sld-bus-8, .nad-vl300to500.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-8) .sld-current': + { + '--vl-color': '#2862AE', + }, + '.sld-vl300to500.sld-bus-9, .nad-vl300to500.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-9) .sld-current': + { + '--vl-color': '#B0D4FE', + }, }; From 010ec9f7c9fdf8b51dd18393202de6fa52be0ab3 Mon Sep 17 00:00:00 2001 From: Caroline Jeandat Date: Tue, 28 Oct 2025 17:43:09 +0100 Subject: [PATCH 2/6] fix parameter name --- src/components/grid-layout/cards/diagrams/diagram-styles.ts | 2 +- src/index.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/grid-layout/cards/diagrams/diagram-styles.ts b/src/components/grid-layout/cards/diagrams/diagram-styles.ts index d6be2ebdf4..bb37701024 100644 --- a/src/components/grid-layout/cards/diagrams/diagram-styles.ts +++ b/src/components/grid-layout/cards/diagrams/diagram-styles.ts @@ -85,7 +85,7 @@ export const styles = { { opacity: INVALID_LOADFLOW_OPACITY, }, - '& .sld-active-power text, & .sld-reactive-power text, & .sld-current text, & .sld-percentage-permanent-limit text, & .sld-voltage text, & .sld-angle text, & .sld-voltage.sld-bus-legend-info, & .sld-angle.sld-bus-legend-info': + '& .sld-active-power text, & .sld-reactive-power text, & .sld-current text, & .sld-permanent-limit-percentage text, & .sld-voltage text, & .sld-angle text, & .sld-voltage.sld-bus-legend-info, & .sld-angle.sld-bus-legend-info': { fill: '#787F81', }, diff --git a/src/index.css b/src/index.css index f556387beb..ec1a0a500e 100644 --- a/src/index.css +++ b/src/index.css @@ -247,7 +247,7 @@ code { .sld-current .sld-label { dominant-baseline: middle; } -.sld-percentage-permanent-limit { +.sld-permanent-limit-percentage { dominant-baseline: middle; } From 474553a4474e4fadaf5280c5dee2c15d63be0419 Mon Sep 17 00:00:00 2001 From: Caroline Jeandat Date: Wed, 29 Oct 2025 16:32:52 +0100 Subject: [PATCH 3/6] remove indent from dark them css --- src/styles/dark-theme-css-vars.ts | 441 +++++++++++++----------------- 1 file changed, 189 insertions(+), 252 deletions(-) diff --git a/src/styles/dark-theme-css-vars.ts b/src/styles/dark-theme-css-vars.ts index a9737ad1d0..d211245f73 100644 --- a/src/styles/dark-theme-css-vars.ts +++ b/src/styles/dark-theme-css-vars.ts @@ -21,274 +21,211 @@ export const darkThemeCssVars = { '.sld-vl0to30, .nad-vl0to30, .sld-extern-cell:has(.sld-wire.sld-vl0to30) .sld-current': { '--vl-color': '#CCC93A', }, - '.sld-vl0to30.sld-bus-1, .nad-vl0to30.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-1) .sld-current': - { - '--vl-color': '#5E835C', - }, - '.sld-vl0to30.sld-bus-2, .nad-vl0to30.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-2) .sld-current': - { - '--vl-color': '#B1B46C', - }, - '.sld-vl0to30.sld-bus-3, .nad-vl0to30.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-3) .sld-current': - { - '--vl-color': '#A156AA', - }, - '.sld-vl0to30.sld-bus-4, .nad-vl0to30.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-4) .sld-current': - { - '--vl-color': '#CB3DDD', - }, - '.sld-vl0to30.sld-bus-5, .nad-vl0to30.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-5) .sld-current': - { - '--vl-color': '#AC8AC2', - }, - '.sld-vl0to30.sld-bus-6, .nad-vl0to30.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-6) .sld-current': - { - '--vl-color': '#734097', - }, - '.sld-vl0to30.sld-bus-7, .nad-vl0to30.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-7) .sld-current': - { - '--vl-color': '#BCADCC', - }, - '.sld-vl0to30.sld-bus-8, .nad-vl0to30.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-8) .sld-current': - { - '--vl-color': '#A246E0', - }, - '.sld-vl0to30.sld-bus-9, .nad-vl0to30.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-9) .sld-current': - { - '--vl-color': '#C38CEB', - }, + '.sld-vl0to30.sld-bus-1, .nad-vl0to30.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-1) .sld-current': { + '--vl-color': '#5E835C', + }, + '.sld-vl0to30.sld-bus-2, .nad-vl0to30.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-2) .sld-current': { + '--vl-color': '#B1B46C', + }, + '.sld-vl0to30.sld-bus-3, .nad-vl0to30.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-3) .sld-current': { + '--vl-color': '#A156AA', + }, + '.sld-vl0to30.sld-bus-4, .nad-vl0to30.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-4) .sld-current': { + '--vl-color': '#CB3DDD', + }, + '.sld-vl0to30.sld-bus-5, .nad-vl0to30.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-5) .sld-current': { + '--vl-color': '#AC8AC2', + }, + '.sld-vl0to30.sld-bus-6, .nad-vl0to30.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-6) .sld-current': { + '--vl-color': '#734097', + }, + '.sld-vl0to30.sld-bus-7, .nad-vl0to30.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-7) .sld-current': { + '--vl-color': '#BCADCC', + }, + '.sld-vl0to30.sld-bus-8, .nad-vl0to30.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-8) .sld-current': { + '--vl-color': '#A246E0', + }, + '.sld-vl0to30.sld-bus-9, .nad-vl0to30.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-9) .sld-current': { + '--vl-color': '#C38CEB', + }, '.sld-vl30to50, .nad-vl30to50, .sld-extern-cell:has(.sld-wire.sld-vl30to50) .sld-current': { '--vl-color': '#EA8E9B', }, - '.sld-vl30to50.sld-bus-1, .nad-vl30to50.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-1) .sld-current': - { - '--vl-color': '#A43857', - }, - '.sld-vl30to50.sld-bus-2, .nad-vl30to50.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-2) .sld-current': - { - '--vl-color': '#CEAAB0', - }, - '.sld-vl30to50.sld-bus-3, .nad-vl30to50.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-3) .sld-current': - { - '--vl-color': '#459C63', - }, - '.sld-vl30to50.sld-bus-4, .nad-vl30to50.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-4) .sld-current': - { - '--vl-color': '#00E266', - }, - '.sld-vl30to50.sld-bus-5, .nad-vl30to50.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-5) .sld-current': - { - '--vl-color': '#A7B368', - }, - '.sld-vl30to50.sld-bus-6, .nad-vl30to50.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-6) .sld-current': - { - '--vl-color': '#3F7340', - }, - '.sld-vl30to50.sld-bus-7, .nad-vl30to50.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-7) .sld-current': - { - '--vl-color': '#C2CB92', - }, - '.sld-vl30to50.sld-bus-8, .nad-vl30to50.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-8) .sld-current': - { - '--vl-color': '#218B21', - }, - '.sld-vl30to50.sld-bus-9, .nad-vl30to50.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-9) .sld-current': - { - '--vl-color': '#58D058', - }, + '.sld-vl30to50.sld-bus-1, .nad-vl30to50.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-1) .sld-current': { + '--vl-color': '#A43857', + }, + '.sld-vl30to50.sld-bus-2, .nad-vl30to50.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-2) .sld-current': { + '--vl-color': '#CEAAB0', + }, + '.sld-vl30to50.sld-bus-3, .nad-vl30to50.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-3) .sld-current': { + '--vl-color': '#459C63', + }, + '.sld-vl30to50.sld-bus-4, .nad-vl30to50.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-4) .sld-current': { + '--vl-color': '#00E266', + }, + '.sld-vl30to50.sld-bus-5, .nad-vl30to50.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-5) .sld-current': { + '--vl-color': '#A7B368', + }, + '.sld-vl30to50.sld-bus-6, .nad-vl30to50.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-6) .sld-current': { + '--vl-color': '#3F7340', + }, + '.sld-vl30to50.sld-bus-7, .nad-vl30to50.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-7) .sld-current': { + '--vl-color': '#C2CB92', + }, + '.sld-vl30to50.sld-bus-8, .nad-vl30to50.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-8) .sld-current': { + '--vl-color': '#218B21', + }, + '.sld-vl30to50.sld-bus-9, .nad-vl30to50.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-9) .sld-current': { + '--vl-color': '#58D058', + }, '.sld-vl50to70, .nad-vl50to70, .sld-extern-cell:has(.sld-wire.sld-vl50to70) .sld-current': { '--vl-color': '#D47DFF', }, - '.sld-vl50to70.sld-bus-1, .nad-vl50to70.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-1) .sld-current': - { - '--vl-color': '#C230D2', - }, - '.sld-vl50to70.sld-bus-2, .nad-vl50to70.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-2) .sld-current': - { - '--vl-color': '#AB94BF', - }, - '.sld-vl50to70.sld-bus-3, .nad-vl50to70.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-3) .sld-current': - { - '--vl-color': '#1F7620', - }, - '.sld-vl50to70.sld-bus-4, .nad-vl50to70.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-4) .sld-current': - { - '--vl-color': '#C5ED3B', - }, - '.sld-vl50to70.sld-bus-5, .nad-vl50to70.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-5) .sld-current': - { - '--vl-color': '#A7B368', - }, - '.sld-vl50to70.sld-bus-6, .nad-vl50to70.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-6) .sld-current': - { - '--vl-color': '#697046', - }, - '.sld-vl50to70.sld-bus-7, .nad-vl50to70.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-7) .sld-current': - { - '--vl-color': '#E1E444', - }, - '.sld-vl50to70.sld-bus-8, .nad-vl50to70.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-8) .sld-current': - { - '--vl-color': '#AAAE50', - }, - '.sld-vl50to70.sld-bus-9, .nad-vl50to70.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-9) .sld-current': - { - '--vl-color': '#D4D486', - }, + '.sld-vl50to70.sld-bus-1, .nad-vl50to70.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-1) .sld-current': { + '--vl-color': '#C230D2', + }, + '.sld-vl50to70.sld-bus-2, .nad-vl50to70.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-2) .sld-current': { + '--vl-color': '#AB94BF', + }, + '.sld-vl50to70.sld-bus-3, .nad-vl50to70.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-3) .sld-current': { + '--vl-color': '#1F7620', + }, + '.sld-vl50to70.sld-bus-4, .nad-vl50to70.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-4) .sld-current': { + '--vl-color': '#C5ED3B', + }, + '.sld-vl50to70.sld-bus-5, .nad-vl50to70.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-5) .sld-current': { + '--vl-color': '#A7B368', + }, + '.sld-vl50to70.sld-bus-6, .nad-vl50to70.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-6) .sld-current': { + '--vl-color': '#697046', + }, + '.sld-vl50to70.sld-bus-7, .nad-vl50to70.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-7) .sld-current': { + '--vl-color': '#E1E444', + }, + '.sld-vl50to70.sld-bus-8, .nad-vl50to70.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-8) .sld-current': { + '--vl-color': '#AAAE50', + }, + '.sld-vl50to70.sld-bus-9, .nad-vl50to70.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-9) .sld-current': { + '--vl-color': '#D4D486', + }, '.sld-vl70to120, .nad-vl70to120, .sld-extern-cell:has(.sld-wire.sld-vl70to120) .sld-current': { '--vl-color': '#FF6100', }, - '.sld-vl70to120.sld-bus-1, .nad-vl70to120.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-1) .sld-current': - { - '--vl-color': '#B27153', - }, - '.sld-vl70to120.sld-bus-2, .nad-vl70to120.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-2) .sld-current': - { - '--vl-color': '#C6A68B', - }, - '.sld-vl70to120.sld-bus-3, .nad-vl70to120.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-3) .sld-current': - { - '--vl-color': '#25699D', - }, - '.sld-vl70to120.sld-bus-4, .nad-vl70to120.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-4) .sld-current': - { - '--vl-color': '#0057F9', - }, - '.sld-vl70to120.sld-bus-5, .nad-vl70to120.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-5) .sld-current': - { - '--vl-color': '#74AFEA', - }, - '.sld-vl70to120.sld-bus-6, .nad-vl70to120.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-6) .sld-current': - { - '--vl-color': '#44679C', - }, - '.sld-vl70to120.sld-bus-7, .nad-vl70to120.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-7) .sld-current': - { - '--vl-color': '#458BE8', - }, - '.sld-vl70to120.sld-bus-8, .nad-vl70to120.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-8) .sld-current': - { - '--vl-color': '#2862AE', - }, - '.sld-vl70to120.sld-bus-9, .nad-vl70to120.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-9) .sld-current': - { - '--vl-color': '#B0D4FE', - }, + '.sld-vl70to120.sld-bus-1, .nad-vl70to120.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-1) .sld-current': { + '--vl-color': '#B27153', + }, + '.sld-vl70to120.sld-bus-2, .nad-vl70to120.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-2) .sld-current': { + '--vl-color': '#C6A68B', + }, + '.sld-vl70to120.sld-bus-3, .nad-vl70to120.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-3) .sld-current': { + '--vl-color': '#25699D', + }, + '.sld-vl70to120.sld-bus-4, .nad-vl70to120.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-4) .sld-current': { + '--vl-color': '#0057F9', + }, + '.sld-vl70to120.sld-bus-5, .nad-vl70to120.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-5) .sld-current': { + '--vl-color': '#74AFEA', + }, + '.sld-vl70to120.sld-bus-6, .nad-vl70to120.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-6) .sld-current': { + '--vl-color': '#44679C', + }, + '.sld-vl70to120.sld-bus-7, .nad-vl70to120.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-7) .sld-current': { + '--vl-color': '#458BE8', + }, + '.sld-vl70to120.sld-bus-8, .nad-vl70to120.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-8) .sld-current': { + '--vl-color': '#2862AE', + }, + '.sld-vl70to120.sld-bus-9, .nad-vl70to120.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-9) .sld-current': { + '--vl-color': '#B0D4FE', + }, '.sld-vl120to180, .nad-vl120to180, .sld-extern-cell:has(.sld-wire.sld-vl120to180) .sld-current': { '--vl-color': '#29AFB0', }, - '.sld-vl120to180.sld-bus-1, .nad-vl120to180.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-1) .sld-current': - { - '--vl-color': '#336B6F', - }, - '.sld-vl120to180.sld-bus-2, .nad-vl120to180.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-2) .sld-current': - { - '--vl-color': '#84C6CC', - }, - '.sld-vl120to180.sld-bus-3, .nad-vl120to180.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-3) .sld-current': - { - '--vl-color': '#BA133C', - }, - '.sld-vl120to180.sld-bus-4, .nad-vl120to180.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-4) .sld-current': - { - '--vl-color': '#FF8290', - }, - '.sld-vl120to180.sld-bus-5, .nad-vl120to180.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-5) .sld-current': - { - '--vl-color': '#DAA8AD', - }, - '.sld-vl120to180.sld-bus-6, .nad-vl120to180.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-6) .sld-current': - { - '--vl-color': '#97353A', - }, - '.sld-vl120to180.sld-bus-7, .nad-vl120to180.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-7) .sld-current': - { - '--vl-color': '#EABCBD', - }, - '.sld-vl120to180.sld-bus-8, .nad-vl120to180.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-8) .sld-current': - { - '--vl-color': '#EA2E33', - }, - '.sld-vl120to180.sld-bus-9, .nad-vl120to180.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-9) .sld-current': - { - '--vl-color': '#EA6E72', - }, + '.sld-vl120to180.sld-bus-1, .nad-vl120to180.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-1) .sld-current': { + '--vl-color': '#336B6F', + }, + '.sld-vl120to180.sld-bus-2, .nad-vl120to180.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-2) .sld-current': { + '--vl-color': '#84C6CC', + }, + '.sld-vl120to180.sld-bus-3, .nad-vl120to180.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-3) .sld-current': { + '--vl-color': '#BA133C', + }, + '.sld-vl120to180.sld-bus-4, .nad-vl120to180.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-4) .sld-current': { + '--vl-color': '#FF8290', + }, + '.sld-vl120to180.sld-bus-5, .nad-vl120to180.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-5) .sld-current': { + '--vl-color': '#DAA8AD', + }, + '.sld-vl120to180.sld-bus-6, .nad-vl120to180.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-6) .sld-current': { + '--vl-color': '#97353A', + }, + '.sld-vl120to180.sld-bus-7, .nad-vl120to180.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-7) .sld-current': { + '--vl-color': '#EABCBD', + }, + '.sld-vl120to180.sld-bus-8, .nad-vl120to180.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-8) .sld-current': { + '--vl-color': '#EA2E33', + }, + '.sld-vl120to180.sld-bus-9, .nad-vl120to180.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-9) .sld-current': { + '--vl-color': '#EA6E72', + }, '.sld-vl180to300, .nad-vl180to300, .sld-extern-cell:has(.sld-wire.sld-vl180to300) .sld-current': { '--vl-color': '#00FF50', }, - '.sld-vl180to300.sld-bus-1, .nad-vl180to300.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-1) .sld-current': - { - '--vl-color': '#42954B', - }, - '.sld-vl180to300.sld-bus-2, .nad-vl180to300.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-2) .sld-current': - { - '--vl-color': '#A7B27E', - }, - '.sld-vl180to300.sld-bus-3, .nad-vl180to300.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-3) .sld-current': - { - '--vl-color': '#F57F17', - }, - '.sld-vl180to300.sld-bus-4, .nad-vl180to300.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-4) .sld-current': - { - '--vl-color': '#A3715C', - }, - '.sld-vl180to300.sld-bus-5, .nad-vl180to300.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-5) .sld-current': - { - '--vl-color': '#DBAB9D', - }, - '.sld-vl180to300.sld-bus-6, .nad-vl180to300.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-6) .sld-current': - { - '--vl-color': '#885239', - }, - '.sld-vl180to300.sld-bus-7, .nad-vl180to300.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-7) .sld-current': - { - '--vl-color': '#B39572', - }, - '.sld-vl180to300.sld-bus-8, .nad-vl180to300.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-8) .sld-current': - { - '--vl-color': '#C94119', - }, - '.sld-vl180to300.sld-bus-9, .nad-vl180to300.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-9) .sld-current': - { - '--vl-color': '#EABC45', - }, + '.sld-vl180to300.sld-bus-1, .nad-vl180to300.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-1) .sld-current': { + '--vl-color': '#42954B', + }, + '.sld-vl180to300.sld-bus-2, .nad-vl180to300.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-2) .sld-current': { + '--vl-color': '#A7B27E', + }, + '.sld-vl180to300.sld-bus-3, .nad-vl180to300.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-3) .sld-current': { + '--vl-color': '#F57F17', + }, + '.sld-vl180to300.sld-bus-4, .nad-vl180to300.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-4) .sld-current': { + '--vl-color': '#A3715C', + }, + '.sld-vl180to300.sld-bus-5, .nad-vl180to300.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-5) .sld-current': { + '--vl-color': '#DBAB9D', + }, + '.sld-vl180to300.sld-bus-6, .nad-vl180to300.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-6) .sld-current': { + '--vl-color': '#885239', + }, + '.sld-vl180to300.sld-bus-7, .nad-vl180to300.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-7) .sld-current': { + '--vl-color': '#B39572', + }, + '.sld-vl180to300.sld-bus-8, .nad-vl180to300.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-8) .sld-current': { + '--vl-color': '#C94119', + }, + '.sld-vl180to300.sld-bus-9, .nad-vl180to300.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-9) .sld-current': { + '--vl-color': '#EABC45', + }, '.sld-vl300to500, .nad-vl300to500, .sld-extern-cell:has(.sld-wire.sld-vl300to500) .sld-current': { '--vl-color': '#FF0007', }, - '.sld-vl300to500.sld-bus-1, .nad-vl300to500.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-1) .sld-current': - { - '--vl-color': '#DD6484', - }, - '.sld-vl300to500.sld-bus-2, .nad-vl300to500.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-2) .sld-current': - { - '--vl-color': '#FFBCBE', - }, - '.sld-vl300to500.sld-bus-3, .nad-vl300to500.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-3) .sld-current': - { - '--vl-color': '#25699D', - }, - '.sld-vl300to500.sld-bus-4, .nad-vl300to500.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-4) .sld-current': - { - '--vl-color': '#0057F9', - }, - '.sld-vl300to500.sld-bus-5, .nad-vl300to500.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-5) .sld-current': - { - '--vl-color': '#74AFEA', - }, - '.sld-vl300to500.sld-bus-6, .nad-vl300to500.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-6) .sld-current': - { - '--vl-color': '#44679C', - }, - '.sld-vl300to500.sld-bus-7, .nad-vl300to500.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-7) .sld-current': - { - '--vl-color': '#458BE8', - }, - '.sld-vl300to500.sld-bus-8, .nad-vl300to500.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-8) .sld-current': - { - '--vl-color': '#2862AE', - }, - '.sld-vl300to500.sld-bus-9, .nad-vl300to500.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-9) .sld-current': - { - '--vl-color': '#B0D4FE', - }, + '.sld-vl300to500.sld-bus-1, .nad-vl300to500.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-1) .sld-current': { + '--vl-color': '#DD6484', + }, + '.sld-vl300to500.sld-bus-2, .nad-vl300to500.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-2) .sld-current': { + '--vl-color': '#FFBCBE', + }, + '.sld-vl300to500.sld-bus-3, .nad-vl300to500.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-3) .sld-current': { + '--vl-color': '#25699D', + }, + '.sld-vl300to500.sld-bus-4, .nad-vl300to500.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-4) .sld-current': { + '--vl-color': '#0057F9', + }, + '.sld-vl300to500.sld-bus-5, .nad-vl300to500.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-5) .sld-current': { + '--vl-color': '#74AFEA', + }, + '.sld-vl300to500.sld-bus-6, .nad-vl300to500.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-6) .sld-current': { + '--vl-color': '#44679C', + }, + '.sld-vl300to500.sld-bus-7, .nad-vl300to500.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-7) .sld-current': { + '--vl-color': '#458BE8', + }, + '.sld-vl300to500.sld-bus-8, .nad-vl300to500.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-8) .sld-current': { + '--vl-color': '#2862AE', + }, + '.sld-vl300to500.sld-bus-9, .nad-vl300to500.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-9) .sld-current': { + '--vl-color': '#B0D4FE', + }, }; From a7fe9e59d803978ba5de0a4bd2876da1390a8abf Mon Sep 17 00:00:00 2001 From: Caroline Jeandat Date: Wed, 29 Oct 2025 16:35:27 +0100 Subject: [PATCH 4/6] remove indent for light theme css --- .../cards/diagrams/diagram-styles.ts | 6 +- src/styles/light-theme-css-vars.ts | 441 ++++++++---------- 2 files changed, 191 insertions(+), 256 deletions(-) diff --git a/src/components/grid-layout/cards/diagrams/diagram-styles.ts b/src/components/grid-layout/cards/diagrams/diagram-styles.ts index bb37701024..038f5283f4 100644 --- a/src/components/grid-layout/cards/diagrams/diagram-styles.ts +++ b/src/components/grid-layout/cards/diagrams/diagram-styles.ts @@ -81,16 +81,14 @@ export const styles = { }, }, divDiagramInvalid: { - '& .sld-active-power polygon, & .sld-reactive-power polygon, & .sld-current polygon, & .sld-voltage polygon, & .sld-angle polygon': - { + '& .sld-active-power polygon, & .sld-reactive-power polygon, & .sld-current polygon, & .sld-voltage polygon, & .sld-angle polygon': { opacity: INVALID_LOADFLOW_OPACITY, }, '& .sld-active-power text, & .sld-reactive-power text, & .sld-current text, & .sld-permanent-limit-percentage text, & .sld-voltage text, & .sld-angle text, & .sld-voltage.sld-bus-legend-info, & .sld-angle.sld-bus-legend-info': { fill: '#787F81', }, - '& .sld-overload, & .sld-vl-overvoltage, & .sld-vl-undervoltage, & .sld-extern-cell:has(.sld-overload) .sld-current polygon': - { + '& .sld-overload, & .sld-vl-overvoltage, & .sld-vl-undervoltage, & .sld-extern-cell:has(.sld-overload) .sld-current polygon': { animation: 'none !important', }, '& .nad-active': { diff --git a/src/styles/light-theme-css-vars.ts b/src/styles/light-theme-css-vars.ts index e064363c00..ab548b9e4f 100644 --- a/src/styles/light-theme-css-vars.ts +++ b/src/styles/light-theme-css-vars.ts @@ -24,274 +24,211 @@ export const lightThemeCssVars = { '.sld-vl0to30, .nad-vl0to30, .sld-extern-cell:has(.sld-wire.sld-vl0to30) .sld-current': { '--vl-color': '#ABAE28', }, - '.sld-vl0to30.sld-bus-1, .nad-vl0to30.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-1) .sld-current': - { - '--vl-color': '#69701B', - }, - '.sld-vl0to30.sld-bus-2, .nad-vl0to30.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-2) .sld-current': - { - '--vl-color': '#D8D20A', - }, - '.sld-vl0to30.sld-bus-3, .nad-vl0to30.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-3) .sld-current': - { - '--vl-color': '#A156AA', - }, - '.sld-vl0to30.sld-bus-4, .nad-vl0to30.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-4) .sld-current': - { - '--vl-color': '#CB3DDD', - }, - '.sld-vl0to30.sld-bus-5, .nad-vl0to30.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-5) .sld-current': - { - '--vl-color': '#A684BC', - }, - '.sld-vl0to30.sld-bus-6, .nad-vl0to30.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-6) .sld-current': - { - '--vl-color': '#62188B', - }, - '.sld-vl0to30.sld-bus-7, .nad-vl0to30.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-7) .sld-current': - { - '--vl-color': '#885CA8', - }, - '.sld-vl0to30.sld-bus-8, .nad-vl0to30.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-8) .sld-current': - { - '--vl-color': '#A020F0', - }, - '.sld-vl0to30.sld-bus-9, .nad-vl0to30.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-9) .sld-current': - { - '--vl-color': '#CC80FF', - }, + '.sld-vl0to30.sld-bus-1, .nad-vl0to30.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-1) .sld-current': { + '--vl-color': '#69701B', + }, + '.sld-vl0to30.sld-bus-2, .nad-vl0to30.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-2) .sld-current': { + '--vl-color': '#D8D20A', + }, + '.sld-vl0to30.sld-bus-3, .nad-vl0to30.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-3) .sld-current': { + '--vl-color': '#A156AA', + }, + '.sld-vl0to30.sld-bus-4, .nad-vl0to30.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-4) .sld-current': { + '--vl-color': '#CB3DDD', + }, + '.sld-vl0to30.sld-bus-5, .nad-vl0to30.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-5) .sld-current': { + '--vl-color': '#A684BC', + }, + '.sld-vl0to30.sld-bus-6, .nad-vl0to30.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-6) .sld-current': { + '--vl-color': '#62188B', + }, + '.sld-vl0to30.sld-bus-7, .nad-vl0to30.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-7) .sld-current': { + '--vl-color': '#885CA8', + }, + '.sld-vl0to30.sld-bus-8, .nad-vl0to30.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-8) .sld-current': { + '--vl-color': '#A020F0', + }, + '.sld-vl0to30.sld-bus-9, .nad-vl0to30.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-9) .sld-current': { + '--vl-color': '#CC80FF', + }, '.sld-vl30to50, .nad-vl30to50, .sld-extern-cell:has(.sld-wire.sld-vl30to50) .sld-current': { '--vl-color': '#FF8290', }, - '.sld-vl30to50.sld-bus-1, .nad-vl30to50.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-1) .sld-current': - { - '--vl-color': '#E7173E', - }, - '.sld-vl30to50.sld-bus-2, .nad-vl30to50.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-2) .sld-current': - { - '--vl-color': '#DAA8AD', - }, - '.sld-vl30to50.sld-bus-3, .nad-vl30to50.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-3) .sld-current': - { - '--vl-color': '#459C63', - }, - '.sld-vl30to50.sld-bus-4, .nad-vl30to50.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-4) .sld-current': - { - '--vl-color': '#00E266', - }, - '.sld-vl30to50.sld-bus-5, .nad-vl30to50.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-5) .sld-current': - { - '--vl-color': '#A7B368', - }, - '.sld-vl30to50.sld-bus-6, .nad-vl30to50.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-6) .sld-current': - { - '--vl-color': '#1A4D1B', - }, - '.sld-vl30to50.sld-bus-7, .nad-vl30to50.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-7) .sld-current': - { - '--vl-color': '#C2CB92', - }, - '.sld-vl30to50.sld-bus-8, .nad-vl30to50.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-8) .sld-current': - { - '--vl-color': '#218B21', - }, - '.sld-vl30to50.sld-bus-9, .nad-vl30to50.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-9) .sld-current': - { - '--vl-color': '#58D058', - }, + '.sld-vl30to50.sld-bus-1, .nad-vl30to50.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-1) .sld-current': { + '--vl-color': '#E7173E', + }, + '.sld-vl30to50.sld-bus-2, .nad-vl30to50.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-2) .sld-current': { + '--vl-color': '#DAA8AD', + }, + '.sld-vl30to50.sld-bus-3, .nad-vl30to50.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-3) .sld-current': { + '--vl-color': '#459C63', + }, + '.sld-vl30to50.sld-bus-4, .nad-vl30to50.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-4) .sld-current': { + '--vl-color': '#00E266', + }, + '.sld-vl30to50.sld-bus-5, .nad-vl30to50.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-5) .sld-current': { + '--vl-color': '#A7B368', + }, + '.sld-vl30to50.sld-bus-6, .nad-vl30to50.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-6) .sld-current': { + '--vl-color': '#1A4D1B', + }, + '.sld-vl30to50.sld-bus-7, .nad-vl30to50.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-7) .sld-current': { + '--vl-color': '#C2CB92', + }, + '.sld-vl30to50.sld-bus-8, .nad-vl30to50.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-8) .sld-current': { + '--vl-color': '#218B21', + }, + '.sld-vl30to50.sld-bus-9, .nad-vl30to50.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-9) .sld-current': { + '--vl-color': '#58D058', + }, '.sld-vl50to70, .nad-vl50to70, .sld-extern-cell:has(.sld-wire.sld-vl50to70) .sld-current': { '--vl-color': '#A020F0', }, - '.sld-vl50to70.sld-bus-1, .nad-vl50to70.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-1) .sld-current': - { - '--vl-color': '#62188B', - }, - '.sld-vl50to70.sld-bus-2, .nad-vl50to70.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-2) .sld-current': - { - '--vl-color': '#AC8AC2', - }, - '.sld-vl50to70.sld-bus-3, .nad-vl50to70.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-3) .sld-current': - { - '--vl-color': '#1F7620', - }, - '.sld-vl50to70.sld-bus-4, .nad-vl50to70.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-4) .sld-current': - { - '--vl-color': '#C5ED3B', - }, - '.sld-vl50to70.sld-bus-5, .nad-vl50to70.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-5) .sld-current': - { - '--vl-color': '#A7B368', - }, - '.sld-vl50to70.sld-bus-6, .nad-vl50to70.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-6) .sld-current': - { - '--vl-color': '#55591B', - }, - '.sld-vl50to70.sld-bus-7, .nad-vl50to70.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-7) .sld-current': - { - '--vl-color': '#E5E845', - }, - '.sld-vl50to70.sld-bus-8, .nad-vl50to70.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-8) .sld-current': - { - '--vl-color': '#ABAE28', - }, - '.sld-vl50to70.sld-bus-9, .nad-vl50to70.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-9) .sld-current': - { - '--vl-color': '#DAD971', - }, + '.sld-vl50to70.sld-bus-1, .nad-vl50to70.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-1) .sld-current': { + '--vl-color': '#62188B', + }, + '.sld-vl50to70.sld-bus-2, .nad-vl50to70.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-2) .sld-current': { + '--vl-color': '#AC8AC2', + }, + '.sld-vl50to70.sld-bus-3, .nad-vl50to70.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-3) .sld-current': { + '--vl-color': '#1F7620', + }, + '.sld-vl50to70.sld-bus-4, .nad-vl50to70.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-4) .sld-current': { + '--vl-color': '#C5ED3B', + }, + '.sld-vl50to70.sld-bus-5, .nad-vl50to70.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-5) .sld-current': { + '--vl-color': '#A7B368', + }, + '.sld-vl50to70.sld-bus-6, .nad-vl50to70.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-6) .sld-current': { + '--vl-color': '#55591B', + }, + '.sld-vl50to70.sld-bus-7, .nad-vl50to70.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-7) .sld-current': { + '--vl-color': '#E5E845', + }, + '.sld-vl50to70.sld-bus-8, .nad-vl50to70.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-8) .sld-current': { + '--vl-color': '#ABAE28', + }, + '.sld-vl50to70.sld-bus-9, .nad-vl50to70.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-9) .sld-current': { + '--vl-color': '#DAD971', + }, '.sld-vl70to120, .nad-vl70to120, .sld-extern-cell:has(.sld-wire.sld-vl70to120) .sld-current': { '--vl-color': '#FF9D00', }, - '.sld-vl70to120.sld-bus-1, .nad-vl70to120.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-1) .sld-current': - { - '--vl-color': '#7E3109', - }, - '.sld-vl70to120.sld-bus-2, .nad-vl70to120.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-2) .sld-current': - { - '--vl-color': '#C50', - }, - '.sld-vl70to120.sld-bus-3, .nad-vl70to120.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-3) .sld-current': - { - '--vl-color': '#25699D', - }, - '.sld-vl70to120.sld-bus-4, .nad-vl70to120.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-4) .sld-current': - { - '--vl-color': '#0057F9', - }, - '.sld-vl70to120.sld-bus-5, .nad-vl70to120.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-5) .sld-current': - { - '--vl-color': '#74AFEA', - }, - '.sld-vl70to120.sld-bus-6, .nad-vl70to120.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-6) .sld-current': - { - '--vl-color': '#1B3459', - }, - '.sld-vl70to120.sld-bus-7, .nad-vl70to120.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-7) .sld-current': - { - '--vl-color': '#458BE8', - }, - '.sld-vl70to120.sld-bus-8, .nad-vl70to120.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-8) .sld-current': - { - '--vl-color': '#2862AE', - }, - '.sld-vl70to120.sld-bus-9, .nad-vl70to120.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-9) .sld-current': - { - '--vl-color': '#B0D4FE', - }, + '.sld-vl70to120.sld-bus-1, .nad-vl70to120.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-1) .sld-current': { + '--vl-color': '#7E3109', + }, + '.sld-vl70to120.sld-bus-2, .nad-vl70to120.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-2) .sld-current': { + '--vl-color': '#C50', + }, + '.sld-vl70to120.sld-bus-3, .nad-vl70to120.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-3) .sld-current': { + '--vl-color': '#25699D', + }, + '.sld-vl70to120.sld-bus-4, .nad-vl70to120.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-4) .sld-current': { + '--vl-color': '#0057F9', + }, + '.sld-vl70to120.sld-bus-5, .nad-vl70to120.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-5) .sld-current': { + '--vl-color': '#74AFEA', + }, + '.sld-vl70to120.sld-bus-6, .nad-vl70to120.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-6) .sld-current': { + '--vl-color': '#1B3459', + }, + '.sld-vl70to120.sld-bus-7, .nad-vl70to120.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-7) .sld-current': { + '--vl-color': '#458BE8', + }, + '.sld-vl70to120.sld-bus-8, .nad-vl70to120.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-8) .sld-current': { + '--vl-color': '#2862AE', + }, + '.sld-vl70to120.sld-bus-9, .nad-vl70to120.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-9) .sld-current': { + '--vl-color': '#B0D4FE', + }, '.sld-vl120to180, .nad-vl120to180, .sld-extern-cell:has(.sld-wire.sld-vl120to180) .sld-current': { '--vl-color': '#00AFAE', }, - '.sld-vl120to180.sld-bus-1, .nad-vl120to180.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-1) .sld-current': - { - '--vl-color': '#0A6365', - }, - '.sld-vl120to180.sld-bus-2, .nad-vl120to180.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-2) .sld-current': - { - '--vl-color': '#79CED4', - }, - '.sld-vl120to180.sld-bus-3, .nad-vl120to180.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-3) .sld-current': - { - '--vl-color': '#A30E32', - }, - '.sld-vl120to180.sld-bus-4, .nad-vl120to180.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-4) .sld-current': - { - '--vl-color': '#FF8290', - }, - '.sld-vl120to180.sld-bus-5, .nad-vl120to180.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-5) .sld-current': - { - '--vl-color': '#DAA8AD', - }, - '.sld-vl120to180.sld-bus-6, .nad-vl120to180.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-6) .sld-current': - { - '--vl-color': '#C30D33', - }, - '.sld-vl120to180.sld-bus-7, .nad-vl120to180.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-7) .sld-current': - { - '--vl-color': '#E3BEC0', - }, - '.sld-vl120to180.sld-bus-8, .nad-vl120to180.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-8) .sld-current': - { - '--vl-color': '#FF8290', - }, - '.sld-vl120to180.sld-bus-9, .nad-vl120to180.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-9) .sld-current': - { - '--vl-color': '#FFCCD0', - }, + '.sld-vl120to180.sld-bus-1, .nad-vl120to180.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-1) .sld-current': { + '--vl-color': '#0A6365', + }, + '.sld-vl120to180.sld-bus-2, .nad-vl120to180.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-2) .sld-current': { + '--vl-color': '#79CED4', + }, + '.sld-vl120to180.sld-bus-3, .nad-vl120to180.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-3) .sld-current': { + '--vl-color': '#A30E32', + }, + '.sld-vl120to180.sld-bus-4, .nad-vl120to180.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-4) .sld-current': { + '--vl-color': '#FF8290', + }, + '.sld-vl120to180.sld-bus-5, .nad-vl120to180.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-5) .sld-current': { + '--vl-color': '#DAA8AD', + }, + '.sld-vl120to180.sld-bus-6, .nad-vl120to180.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-6) .sld-current': { + '--vl-color': '#C30D33', + }, + '.sld-vl120to180.sld-bus-7, .nad-vl120to180.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-7) .sld-current': { + '--vl-color': '#E3BEC0', + }, + '.sld-vl120to180.sld-bus-8, .nad-vl120to180.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-8) .sld-current': { + '--vl-color': '#FF8290', + }, + '.sld-vl120to180.sld-bus-9, .nad-vl120to180.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-9) .sld-current': { + '--vl-color': '#FFCCD0', + }, '.sld-vl180to300, .nad-vl180to300, .sld-extern-cell:has(.sld-wire.sld-vl180to300) .sld-current': { '--vl-color': '#32B532', }, - '.sld-vl180to300.sld-bus-1, .nad-vl180to300.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-1) .sld-current': - { - '--vl-color': '#1E5D1F', - }, - '.sld-vl180to300.sld-bus-2, .nad-vl180to300.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-2) .sld-current': - { - '--vl-color': '#A7B368', - }, - '.sld-vl180to300.sld-bus-3, .nad-vl180to300.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-3) .sld-current': - { - '--vl-color': '#E47400', - }, - '.sld-vl180to300.sld-bus-4, .nad-vl180to300.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-4) .sld-current': - { - '--vl-color': '#6B3A26', - }, - '.sld-vl180to300.sld-bus-5, .nad-vl180to300.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-5) .sld-current': - { - '--vl-color': '#D69A88', - }, - '.sld-vl180to300.sld-bus-6, .nad-vl180to300.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-6) .sld-current': - { - '--vl-color': '#7E3109', - }, - '.sld-vl180to300.sld-bus-7, .nad-vl180to300.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-7) .sld-current': - { - '--vl-color': '#B78B58', - }, - '.sld-vl180to300.sld-bus-8, .nad-vl180to300.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-8) .sld-current': - { - '--vl-color': '#C94119', - }, - '.sld-vl180to300.sld-bus-9, .nad-vl180to300.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-9) .sld-current': - { - '--vl-color': '#FFC019', - }, + '.sld-vl180to300.sld-bus-1, .nad-vl180to300.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-1) .sld-current': { + '--vl-color': '#1E5D1F', + }, + '.sld-vl180to300.sld-bus-2, .nad-vl180to300.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-2) .sld-current': { + '--vl-color': '#A7B368', + }, + '.sld-vl180to300.sld-bus-3, .nad-vl180to300.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-3) .sld-current': { + '--vl-color': '#E47400', + }, + '.sld-vl180to300.sld-bus-4, .nad-vl180to300.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-4) .sld-current': { + '--vl-color': '#6B3A26', + }, + '.sld-vl180to300.sld-bus-5, .nad-vl180to300.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-5) .sld-current': { + '--vl-color': '#D69A88', + }, + '.sld-vl180to300.sld-bus-6, .nad-vl180to300.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-6) .sld-current': { + '--vl-color': '#7E3109', + }, + '.sld-vl180to300.sld-bus-7, .nad-vl180to300.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-7) .sld-current': { + '--vl-color': '#B78B58', + }, + '.sld-vl180to300.sld-bus-8, .nad-vl180to300.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-8) .sld-current': { + '--vl-color': '#C94119', + }, + '.sld-vl180to300.sld-bus-9, .nad-vl180to300.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-9) .sld-current': { + '--vl-color': '#FFC019', + }, '.sld-vl300to500, .nad-vl300to500, .sld-extern-cell:has(.sld-wire.sld-vl300to500) .sld-current': { '--vl-color': '#F00', }, - '.sld-vl300to500.sld-bus-1, .nad-vl300to500.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-1) .sld-current': - { - '--vl-color': '#920A0A', - }, - '.sld-vl300to500.sld-bus-2, .nad-vl300to500.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-2) .sld-current': - { - '--vl-color': '#FF9494', - }, - '.sld-vl300to500.sld-bus-3, .nad-vl300to500.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-3) .sld-current': - { - '--vl-color': '#25699D', - }, - '.sld-vl300to500.sld-bus-4, .nad-vl300to500.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-4) .sld-current': - { - '--vl-color': '#0057F9', - }, - '.sld-vl300to500.sld-bus-5, .nad-vl300to500.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-5) .sld-current': - { - '--vl-color': '#74AFEA', - }, - '.sld-vl300to500.sld-bus-6, .nad-vl300to500.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-6) .sld-current': - { - '--vl-color': '#1B3459', - }, - '.sld-vl300to500.sld-bus-7, .nad-vl300to500.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-7) .sld-current': - { - '--vl-color': '#458BE8', - }, - '.sld-vl300to500.sld-bus-8, .nad-vl300to500.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-8) .sld-current': - { - '--vl-color': '#2862AE', - }, - '.sld-vl300to500.sld-bus-9, .nad-vl300to500.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-9) .sld-current': - { - '--vl-color': '#B0D4FE', - }, + '.sld-vl300to500.sld-bus-1, .nad-vl300to500.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-1) .sld-current': { + '--vl-color': '#920A0A', + }, + '.sld-vl300to500.sld-bus-2, .nad-vl300to500.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-2) .sld-current': { + '--vl-color': '#FF9494', + }, + '.sld-vl300to500.sld-bus-3, .nad-vl300to500.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-3) .sld-current': { + '--vl-color': '#25699D', + }, + '.sld-vl300to500.sld-bus-4, .nad-vl300to500.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-4) .sld-current': { + '--vl-color': '#0057F9', + }, + '.sld-vl300to500.sld-bus-5, .nad-vl300to500.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-5) .sld-current': { + '--vl-color': '#74AFEA', + }, + '.sld-vl300to500.sld-bus-6, .nad-vl300to500.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-6) .sld-current': { + '--vl-color': '#1B3459', + }, + '.sld-vl300to500.sld-bus-7, .nad-vl300to500.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-7) .sld-current': { + '--vl-color': '#458BE8', + }, + '.sld-vl300to500.sld-bus-8, .nad-vl300to500.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-8) .sld-current': { + '--vl-color': '#2862AE', + }, + '.sld-vl300to500.sld-bus-9, .nad-vl300to500.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-9) .sld-current': { + '--vl-color': '#B0D4FE', + }, }; From 2238dd6088cd72bfaf941487880dc3211449cc5e Mon Sep 17 00:00:00 2001 From: Caroline Jeandat Date: Wed, 29 Oct 2025 16:40:12 +0100 Subject: [PATCH 5/6] fix --- .../grid-layout/cards/diagrams/diagram-styles.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/grid-layout/cards/diagrams/diagram-styles.ts b/src/components/grid-layout/cards/diagrams/diagram-styles.ts index 038f5283f4..0340cadefd 100644 --- a/src/components/grid-layout/cards/diagrams/diagram-styles.ts +++ b/src/components/grid-layout/cards/diagrams/diagram-styles.ts @@ -82,15 +82,15 @@ export const styles = { }, divDiagramInvalid: { '& .sld-active-power polygon, & .sld-reactive-power polygon, & .sld-current polygon, & .sld-voltage polygon, & .sld-angle polygon': { - opacity: INVALID_LOADFLOW_OPACITY, - }, + opacity: INVALID_LOADFLOW_OPACITY, + }, '& .sld-active-power text, & .sld-reactive-power text, & .sld-current text, & .sld-permanent-limit-percentage text, & .sld-voltage text, & .sld-angle text, & .sld-voltage.sld-bus-legend-info, & .sld-angle.sld-bus-legend-info': { fill: '#787F81', }, '& .sld-overload, & .sld-vl-overvoltage, & .sld-vl-undervoltage, & .sld-extern-cell:has(.sld-overload) .sld-current polygon': { - animation: 'none !important', - }, + animation: 'none !important', + }, '& .nad-active': { fill: '#787F81', // Text color of the values and arrows on lines (same color in light and dark mode) }, From 5e5ad3e82a5d1bd3869b23350873677c0058cb6c Mon Sep 17 00:00:00 2001 From: Caroline Jeandat Date: Fri, 31 Oct 2025 13:32:09 +0100 Subject: [PATCH 6/6] remove arrow current style --- .../cards/diagrams/diagram-styles.ts | 6 +- src/index.css | 15 +- src/styles/dark-theme-css-vars.ts | 140 +++++++++--------- src/styles/light-theme-css-vars.ts | 140 +++++++++--------- 4 files changed, 144 insertions(+), 157 deletions(-) diff --git a/src/components/grid-layout/cards/diagrams/diagram-styles.ts b/src/components/grid-layout/cards/diagrams/diagram-styles.ts index 0340cadefd..9349f43880 100644 --- a/src/components/grid-layout/cards/diagrams/diagram-styles.ts +++ b/src/components/grid-layout/cards/diagrams/diagram-styles.ts @@ -81,14 +81,14 @@ export const styles = { }, }, divDiagramInvalid: { - '& .sld-active-power polygon, & .sld-reactive-power polygon, & .sld-current polygon, & .sld-voltage polygon, & .sld-angle polygon': { + '& .sld-active-power polygon, & .sld-reactive-power polygon, & .sld-voltage polygon, & .sld-angle polygon': { opacity: INVALID_LOADFLOW_OPACITY, }, - '& .sld-active-power text, & .sld-reactive-power text, & .sld-current text, & .sld-permanent-limit-percentage text, & .sld-voltage text, & .sld-angle text, & .sld-voltage.sld-bus-legend-info, & .sld-angle.sld-bus-legend-info': + '& .sld-active-power text, & .sld-reactive-power text, & .sld-current-value text, & .sld-permanent-limit-percentage text, & .sld-voltage text, & .sld-angle text, & .sld-voltage.sld-bus-legend-info, & .sld-angle.sld-bus-legend-info': { fill: '#787F81', }, - '& .sld-overload, & .sld-vl-overvoltage, & .sld-vl-undervoltage, & .sld-extern-cell:has(.sld-overload) .sld-current polygon': { + '& .sld-overload, & .sld-vl-overvoltage, & .sld-vl-undervoltage': { animation: 'none !important', }, '& .nad-active': { diff --git a/src/index.css b/src/index.css index ec1a0a500e..aaabf4ff31 100644 --- a/src/index.css +++ b/src/index.css @@ -196,9 +196,6 @@ code { .sld-reactive-power { fill: blue; } -.sld-current { - fill: var(--vl-color); -} .sld-frame { fill: var(--sld-background-color, transparent); } @@ -244,7 +241,7 @@ code { .sld-reactive-power .sld-label { dominant-baseline: middle; } -.sld-current .sld-label { +.sld-current-value .sld-label { dominant-baseline: middle; } .sld-permanent-limit-percentage { @@ -257,13 +254,6 @@ code { stroke-width: 4; } } -@keyframes sld-overload-blink-arrow-animation { - 50% { - stroke: #F50057; - stroke-width: 4; - fill: #F50057; - } -} @keyframes sld-overvoltage-blink-animation { 50% { stroke: #D500F9; @@ -279,9 +269,6 @@ code { .sld-overload { animation: sld-overload-blink-animation 0.75s infinite steps(1, start); } -.sld-extern-cell:has(.sld-overload) .sld-current polygon { - animation: sld-overload-blink-arrow-animation 0.75s infinite steps(1, start); -} .sld-vl-overvoltage { animation: sld-overvoltage-blink-animation 0.75s infinite steps(1, start); } diff --git a/src/styles/dark-theme-css-vars.ts b/src/styles/dark-theme-css-vars.ts index d211245f73..a7159b3783 100644 --- a/src/styles/dark-theme-css-vars.ts +++ b/src/styles/dark-theme-css-vars.ts @@ -18,214 +18,214 @@ export const darkThemeCssVars = { '.nad-textnode-highlight': { backgroundColor: '#32373bd9', // same displayed color as #6c6c6c20 but with 0.85 opacity }, - '.sld-vl0to30, .nad-vl0to30, .sld-extern-cell:has(.sld-wire.sld-vl0to30) .sld-current': { + '.sld-vl0to30, .nad-vl0to30': { '--vl-color': '#CCC93A', }, - '.sld-vl0to30.sld-bus-1, .nad-vl0to30.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-1) .sld-current': { + '.sld-vl0to30.sld-bus-1, .nad-vl0to30.nad-bus-1': { '--vl-color': '#5E835C', }, - '.sld-vl0to30.sld-bus-2, .nad-vl0to30.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-2) .sld-current': { + '.sld-vl0to30.sld-bus-2, .nad-vl0to30.nad-bus-2': { '--vl-color': '#B1B46C', }, - '.sld-vl0to30.sld-bus-3, .nad-vl0to30.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-3) .sld-current': { + '.sld-vl0to30.sld-bus-3, .nad-vl0to30.nad-bus-3': { '--vl-color': '#A156AA', }, - '.sld-vl0to30.sld-bus-4, .nad-vl0to30.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-4) .sld-current': { + '.sld-vl0to30.sld-bus-4, .nad-vl0to30.nad-bus-4': { '--vl-color': '#CB3DDD', }, - '.sld-vl0to30.sld-bus-5, .nad-vl0to30.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-5) .sld-current': { + '.sld-vl0to30.sld-bus-5, .nad-vl0to30.nad-bus-5': { '--vl-color': '#AC8AC2', }, - '.sld-vl0to30.sld-bus-6, .nad-vl0to30.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-6) .sld-current': { + '.sld-vl0to30.sld-bus-6, .nad-vl0to30.nad-bus-6': { '--vl-color': '#734097', }, - '.sld-vl0to30.sld-bus-7, .nad-vl0to30.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-7) .sld-current': { + '.sld-vl0to30.sld-bus-7, .nad-vl0to30.nad-bus-7': { '--vl-color': '#BCADCC', }, - '.sld-vl0to30.sld-bus-8, .nad-vl0to30.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-8) .sld-current': { + '.sld-vl0to30.sld-bus-8, .nad-vl0to30.nad-bus-8': { '--vl-color': '#A246E0', }, - '.sld-vl0to30.sld-bus-9, .nad-vl0to30.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-9) .sld-current': { + '.sld-vl0to30.sld-bus-9, .nad-vl0to30.nad-bus-9': { '--vl-color': '#C38CEB', }, - '.sld-vl30to50, .nad-vl30to50, .sld-extern-cell:has(.sld-wire.sld-vl30to50) .sld-current': { + '.sld-vl30to50, .nad-vl30to50': { '--vl-color': '#EA8E9B', }, - '.sld-vl30to50.sld-bus-1, .nad-vl30to50.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-1) .sld-current': { + '.sld-vl30to50.sld-bus-1, .nad-vl30to50.nad-bus-1': { '--vl-color': '#A43857', }, - '.sld-vl30to50.sld-bus-2, .nad-vl30to50.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-2) .sld-current': { + '.sld-vl30to50.sld-bus-2, .nad-vl30to50.nad-bus-2': { '--vl-color': '#CEAAB0', }, - '.sld-vl30to50.sld-bus-3, .nad-vl30to50.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-3) .sld-current': { + '.sld-vl30to50.sld-bus-3, .nad-vl30to50.nad-bus-3': { '--vl-color': '#459C63', }, - '.sld-vl30to50.sld-bus-4, .nad-vl30to50.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-4) .sld-current': { + '.sld-vl30to50.sld-bus-4, .nad-vl30to50.nad-bus-4': { '--vl-color': '#00E266', }, - '.sld-vl30to50.sld-bus-5, .nad-vl30to50.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-5) .sld-current': { + '.sld-vl30to50.sld-bus-5, .nad-vl30to50.nad-bus-5': { '--vl-color': '#A7B368', }, - '.sld-vl30to50.sld-bus-6, .nad-vl30to50.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-6) .sld-current': { + '.sld-vl30to50.sld-bus-6, .nad-vl30to50.nad-bus-6': { '--vl-color': '#3F7340', }, - '.sld-vl30to50.sld-bus-7, .nad-vl30to50.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-7) .sld-current': { + '.sld-vl30to50.sld-bus-7, .nad-vl30to50.nad-bus-7': { '--vl-color': '#C2CB92', }, - '.sld-vl30to50.sld-bus-8, .nad-vl30to50.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-8) .sld-current': { + '.sld-vl30to50.sld-bus-8, .nad-vl30to50.nad-bus-8': { '--vl-color': '#218B21', }, - '.sld-vl30to50.sld-bus-9, .nad-vl30to50.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-9) .sld-current': { + '.sld-vl30to50.sld-bus-9, .nad-vl30to50.nad-bus-9': { '--vl-color': '#58D058', }, - '.sld-vl50to70, .nad-vl50to70, .sld-extern-cell:has(.sld-wire.sld-vl50to70) .sld-current': { + '.sld-vl50to70, .nad-vl50to70': { '--vl-color': '#D47DFF', }, - '.sld-vl50to70.sld-bus-1, .nad-vl50to70.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-1) .sld-current': { + '.sld-vl50to70.sld-bus-1, .nad-vl50to70.nad-bus-1': { '--vl-color': '#C230D2', }, - '.sld-vl50to70.sld-bus-2, .nad-vl50to70.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-2) .sld-current': { + '.sld-vl50to70.sld-bus-2, .nad-vl50to70.nad-bus-2': { '--vl-color': '#AB94BF', }, - '.sld-vl50to70.sld-bus-3, .nad-vl50to70.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-3) .sld-current': { + '.sld-vl50to70.sld-bus-3, .nad-vl50to70.nad-bus-3': { '--vl-color': '#1F7620', }, - '.sld-vl50to70.sld-bus-4, .nad-vl50to70.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-4) .sld-current': { + '.sld-vl50to70.sld-bus-4, .nad-vl50to70.nad-bus-4': { '--vl-color': '#C5ED3B', }, - '.sld-vl50to70.sld-bus-5, .nad-vl50to70.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-5) .sld-current': { + '.sld-vl50to70.sld-bus-5, .nad-vl50to70.nad-bus-5': { '--vl-color': '#A7B368', }, - '.sld-vl50to70.sld-bus-6, .nad-vl50to70.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-6) .sld-current': { + '.sld-vl50to70.sld-bus-6, .nad-vl50to70.nad-bus-6': { '--vl-color': '#697046', }, - '.sld-vl50to70.sld-bus-7, .nad-vl50to70.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-7) .sld-current': { + '.sld-vl50to70.sld-bus-7, .nad-vl50to70.nad-bus-7': { '--vl-color': '#E1E444', }, - '.sld-vl50to70.sld-bus-8, .nad-vl50to70.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-8) .sld-current': { + '.sld-vl50to70.sld-bus-8, .nad-vl50to70.nad-bus-8': { '--vl-color': '#AAAE50', }, - '.sld-vl50to70.sld-bus-9, .nad-vl50to70.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-9) .sld-current': { + '.sld-vl50to70.sld-bus-9, .nad-vl50to70.nad-bus-9': { '--vl-color': '#D4D486', }, - '.sld-vl70to120, .nad-vl70to120, .sld-extern-cell:has(.sld-wire.sld-vl70to120) .sld-current': { + '.sld-vl70to120, .nad-vl70to120': { '--vl-color': '#FF6100', }, - '.sld-vl70to120.sld-bus-1, .nad-vl70to120.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-1) .sld-current': { + '.sld-vl70to120.sld-bus-1, .nad-vl70to120.nad-bus-1': { '--vl-color': '#B27153', }, - '.sld-vl70to120.sld-bus-2, .nad-vl70to120.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-2) .sld-current': { + '.sld-vl70to120.sld-bus-2, .nad-vl70to120.nad-bus-2': { '--vl-color': '#C6A68B', }, - '.sld-vl70to120.sld-bus-3, .nad-vl70to120.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-3) .sld-current': { + '.sld-vl70to120.sld-bus-3, .nad-vl70to120.nad-bus-3': { '--vl-color': '#25699D', }, - '.sld-vl70to120.sld-bus-4, .nad-vl70to120.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-4) .sld-current': { + '.sld-vl70to120.sld-bus-4, .nad-vl70to120.nad-bus-4': { '--vl-color': '#0057F9', }, - '.sld-vl70to120.sld-bus-5, .nad-vl70to120.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-5) .sld-current': { + '.sld-vl70to120.sld-bus-5, .nad-vl70to120.nad-bus-5': { '--vl-color': '#74AFEA', }, - '.sld-vl70to120.sld-bus-6, .nad-vl70to120.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-6) .sld-current': { + '.sld-vl70to120.sld-bus-6, .nad-vl70to120.nad-bus-6': { '--vl-color': '#44679C', }, - '.sld-vl70to120.sld-bus-7, .nad-vl70to120.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-7) .sld-current': { + '.sld-vl70to120.sld-bus-7, .nad-vl70to120.nad-bus-7': { '--vl-color': '#458BE8', }, - '.sld-vl70to120.sld-bus-8, .nad-vl70to120.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-8) .sld-current': { + '.sld-vl70to120.sld-bus-8, .nad-vl70to120.nad-bus-8': { '--vl-color': '#2862AE', }, - '.sld-vl70to120.sld-bus-9, .nad-vl70to120.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-9) .sld-current': { + '.sld-vl70to120.sld-bus-9, .nad-vl70to120.nad-bus-9': { '--vl-color': '#B0D4FE', }, - '.sld-vl120to180, .nad-vl120to180, .sld-extern-cell:has(.sld-wire.sld-vl120to180) .sld-current': { + '.sld-vl120to180, .nad-vl120to180': { '--vl-color': '#29AFB0', }, - '.sld-vl120to180.sld-bus-1, .nad-vl120to180.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-1) .sld-current': { + '.sld-vl120to180.sld-bus-1, .nad-vl120to180.nad-bus-1': { '--vl-color': '#336B6F', }, - '.sld-vl120to180.sld-bus-2, .nad-vl120to180.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-2) .sld-current': { + '.sld-vl120to180.sld-bus-2, .nad-vl120to180.nad-bus-2': { '--vl-color': '#84C6CC', }, - '.sld-vl120to180.sld-bus-3, .nad-vl120to180.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-3) .sld-current': { + '.sld-vl120to180.sld-bus-3, .nad-vl120to180.nad-bus-3': { '--vl-color': '#BA133C', }, - '.sld-vl120to180.sld-bus-4, .nad-vl120to180.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-4) .sld-current': { + '.sld-vl120to180.sld-bus-4, .nad-vl120to180.nad-bus-4': { '--vl-color': '#FF8290', }, - '.sld-vl120to180.sld-bus-5, .nad-vl120to180.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-5) .sld-current': { + '.sld-vl120to180.sld-bus-5, .nad-vl120to180.nad-bus-5': { '--vl-color': '#DAA8AD', }, - '.sld-vl120to180.sld-bus-6, .nad-vl120to180.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-6) .sld-current': { + '.sld-vl120to180.sld-bus-6, .nad-vl120to180.nad-bus-6': { '--vl-color': '#97353A', }, - '.sld-vl120to180.sld-bus-7, .nad-vl120to180.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-7) .sld-current': { + '.sld-vl120to180.sld-bus-7, .nad-vl120to180.nad-bus-7': { '--vl-color': '#EABCBD', }, - '.sld-vl120to180.sld-bus-8, .nad-vl120to180.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-8) .sld-current': { + '.sld-vl120to180.sld-bus-8, .nad-vl120to180.nad-bus-8': { '--vl-color': '#EA2E33', }, - '.sld-vl120to180.sld-bus-9, .nad-vl120to180.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-9) .sld-current': { + '.sld-vl120to180.sld-bus-9, .nad-vl120to180.nad-bus-9': { '--vl-color': '#EA6E72', }, - '.sld-vl180to300, .nad-vl180to300, .sld-extern-cell:has(.sld-wire.sld-vl180to300) .sld-current': { + '.sld-vl180to300, .nad-vl180to300': { '--vl-color': '#00FF50', }, - '.sld-vl180to300.sld-bus-1, .nad-vl180to300.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-1) .sld-current': { + '.sld-vl180to300.sld-bus-1, .nad-vl180to300.nad-bus-1': { '--vl-color': '#42954B', }, - '.sld-vl180to300.sld-bus-2, .nad-vl180to300.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-2) .sld-current': { + '.sld-vl180to300.sld-bus-2, .nad-vl180to300.nad-bus-2': { '--vl-color': '#A7B27E', }, - '.sld-vl180to300.sld-bus-3, .nad-vl180to300.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-3) .sld-current': { + '.sld-vl180to300.sld-bus-3, .nad-vl180to300.nad-bus-3': { '--vl-color': '#F57F17', }, - '.sld-vl180to300.sld-bus-4, .nad-vl180to300.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-4) .sld-current': { + '.sld-vl180to300.sld-bus-4, .nad-vl180to300.nad-bus-4': { '--vl-color': '#A3715C', }, - '.sld-vl180to300.sld-bus-5, .nad-vl180to300.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-5) .sld-current': { + '.sld-vl180to300.sld-bus-5, .nad-vl180to300.nad-bus-5': { '--vl-color': '#DBAB9D', }, - '.sld-vl180to300.sld-bus-6, .nad-vl180to300.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-6) .sld-current': { + '.sld-vl180to300.sld-bus-6, .nad-vl180to300.nad-bus-6': { '--vl-color': '#885239', }, - '.sld-vl180to300.sld-bus-7, .nad-vl180to300.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-7) .sld-current': { + '.sld-vl180to300.sld-bus-7, .nad-vl180to300.nad-bus-7': { '--vl-color': '#B39572', }, - '.sld-vl180to300.sld-bus-8, .nad-vl180to300.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-8) .sld-current': { + '.sld-vl180to300.sld-bus-8, .nad-vl180to300.nad-bus-8': { '--vl-color': '#C94119', }, - '.sld-vl180to300.sld-bus-9, .nad-vl180to300.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-9) .sld-current': { + '.sld-vl180to300.sld-bus-9, .nad-vl180to300.nad-bus-9': { '--vl-color': '#EABC45', }, - '.sld-vl300to500, .nad-vl300to500, .sld-extern-cell:has(.sld-wire.sld-vl300to500) .sld-current': { + '.sld-vl300to500, .nad-vl300to500': { '--vl-color': '#FF0007', }, - '.sld-vl300to500.sld-bus-1, .nad-vl300to500.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-1) .sld-current': { + '.sld-vl300to500.sld-bus-1, .nad-vl300to500.nad-bus-1': { '--vl-color': '#DD6484', }, - '.sld-vl300to500.sld-bus-2, .nad-vl300to500.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-2) .sld-current': { + '.sld-vl300to500.sld-bus-2, .nad-vl300to500.nad-bus-2': { '--vl-color': '#FFBCBE', }, - '.sld-vl300to500.sld-bus-3, .nad-vl300to500.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-3) .sld-current': { + '.sld-vl300to500.sld-bus-3, .nad-vl300to500.nad-bus-3': { '--vl-color': '#25699D', }, - '.sld-vl300to500.sld-bus-4, .nad-vl300to500.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-4) .sld-current': { + '.sld-vl300to500.sld-bus-4, .nad-vl300to500.nad-bus-4': { '--vl-color': '#0057F9', }, - '.sld-vl300to500.sld-bus-5, .nad-vl300to500.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-5) .sld-current': { + '.sld-vl300to500.sld-bus-5, .nad-vl300to500.nad-bus-5': { '--vl-color': '#74AFEA', }, - '.sld-vl300to500.sld-bus-6, .nad-vl300to500.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-6) .sld-current': { + '.sld-vl300to500.sld-bus-6, .nad-vl300to500.nad-bus-6': { '--vl-color': '#44679C', }, - '.sld-vl300to500.sld-bus-7, .nad-vl300to500.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-7) .sld-current': { + '.sld-vl300to500.sld-bus-7, .nad-vl300to500.nad-bus-7': { '--vl-color': '#458BE8', }, - '.sld-vl300to500.sld-bus-8, .nad-vl300to500.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-8) .sld-current': { + '.sld-vl300to500.sld-bus-8, .nad-vl300to500.nad-bus-8': { '--vl-color': '#2862AE', }, - '.sld-vl300to500.sld-bus-9, .nad-vl300to500.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-9) .sld-current': { + '.sld-vl300to500.sld-bus-9, .nad-vl300to500.nad-bus-9': { '--vl-color': '#B0D4FE', }, }; diff --git a/src/styles/light-theme-css-vars.ts b/src/styles/light-theme-css-vars.ts index ab548b9e4f..9c3a96d364 100644 --- a/src/styles/light-theme-css-vars.ts +++ b/src/styles/light-theme-css-vars.ts @@ -21,214 +21,214 @@ export const lightThemeCssVars = { '.nad-textnode-highlight': { backgroundColor: '#f0f0f0cc', // same displayed color as #9c9c9c20 but with 0.8 opacity }, - '.sld-vl0to30, .nad-vl0to30, .sld-extern-cell:has(.sld-wire.sld-vl0to30) .sld-current': { + '.sld-vl0to30, .nad-vl0to30': { '--vl-color': '#ABAE28', }, - '.sld-vl0to30.sld-bus-1, .nad-vl0to30.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-1) .sld-current': { + '.sld-vl0to30.sld-bus-1, .nad-vl0to30.nad-bus-1': { '--vl-color': '#69701B', }, - '.sld-vl0to30.sld-bus-2, .nad-vl0to30.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-2) .sld-current': { + '.sld-vl0to30.sld-bus-2, .nad-vl0to30.nad-bus-2': { '--vl-color': '#D8D20A', }, - '.sld-vl0to30.sld-bus-3, .nad-vl0to30.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-3) .sld-current': { + '.sld-vl0to30.sld-bus-3, .nad-vl0to30.nad-bus-3': { '--vl-color': '#A156AA', }, - '.sld-vl0to30.sld-bus-4, .nad-vl0to30.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-4) .sld-current': { + '.sld-vl0to30.sld-bus-4, .nad-vl0to30.nad-bus-4': { '--vl-color': '#CB3DDD', }, - '.sld-vl0to30.sld-bus-5, .nad-vl0to30.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-5) .sld-current': { + '.sld-vl0to30.sld-bus-5, .nad-vl0to30.nad-bus-5': { '--vl-color': '#A684BC', }, - '.sld-vl0to30.sld-bus-6, .nad-vl0to30.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-6) .sld-current': { + '.sld-vl0to30.sld-bus-6, .nad-vl0to30.nad-bus-6': { '--vl-color': '#62188B', }, - '.sld-vl0to30.sld-bus-7, .nad-vl0to30.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-7) .sld-current': { + '.sld-vl0to30.sld-bus-7, .nad-vl0to30.nad-bus-7': { '--vl-color': '#885CA8', }, - '.sld-vl0to30.sld-bus-8, .nad-vl0to30.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-8) .sld-current': { + '.sld-vl0to30.sld-bus-8, .nad-vl0to30.nad-bus-8': { '--vl-color': '#A020F0', }, - '.sld-vl0to30.sld-bus-9, .nad-vl0to30.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl0to30.sld-bus-9) .sld-current': { + '.sld-vl0to30.sld-bus-9, .nad-vl0to30.nad-bus-9': { '--vl-color': '#CC80FF', }, - '.sld-vl30to50, .nad-vl30to50, .sld-extern-cell:has(.sld-wire.sld-vl30to50) .sld-current': { + '.sld-vl30to50, .nad-vl30to50': { '--vl-color': '#FF8290', }, - '.sld-vl30to50.sld-bus-1, .nad-vl30to50.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-1) .sld-current': { + '.sld-vl30to50.sld-bus-1, .nad-vl30to50.nad-bus-1': { '--vl-color': '#E7173E', }, - '.sld-vl30to50.sld-bus-2, .nad-vl30to50.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-2) .sld-current': { + '.sld-vl30to50.sld-bus-2, .nad-vl30to50.nad-bus-2': { '--vl-color': '#DAA8AD', }, - '.sld-vl30to50.sld-bus-3, .nad-vl30to50.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-3) .sld-current': { + '.sld-vl30to50.sld-bus-3, .nad-vl30to50.nad-bus-3': { '--vl-color': '#459C63', }, - '.sld-vl30to50.sld-bus-4, .nad-vl30to50.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-4) .sld-current': { + '.sld-vl30to50.sld-bus-4, .nad-vl30to50.nad-bus-4': { '--vl-color': '#00E266', }, - '.sld-vl30to50.sld-bus-5, .nad-vl30to50.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-5) .sld-current': { + '.sld-vl30to50.sld-bus-5, .nad-vl30to50.nad-bus-5': { '--vl-color': '#A7B368', }, - '.sld-vl30to50.sld-bus-6, .nad-vl30to50.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-6) .sld-current': { + '.sld-vl30to50.sld-bus-6, .nad-vl30to50.nad-bus-6': { '--vl-color': '#1A4D1B', }, - '.sld-vl30to50.sld-bus-7, .nad-vl30to50.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-7) .sld-current': { + '.sld-vl30to50.sld-bus-7, .nad-vl30to50.nad-bus-7': { '--vl-color': '#C2CB92', }, - '.sld-vl30to50.sld-bus-8, .nad-vl30to50.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-8) .sld-current': { + '.sld-vl30to50.sld-bus-8, .nad-vl30to50.nad-bus-8': { '--vl-color': '#218B21', }, - '.sld-vl30to50.sld-bus-9, .nad-vl30to50.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl30to50.sld-bus-9) .sld-current': { + '.sld-vl30to50.sld-bus-9, .nad-vl30to50.nad-bus-9': { '--vl-color': '#58D058', }, - '.sld-vl50to70, .nad-vl50to70, .sld-extern-cell:has(.sld-wire.sld-vl50to70) .sld-current': { + '.sld-vl50to70, .nad-vl50to70': { '--vl-color': '#A020F0', }, - '.sld-vl50to70.sld-bus-1, .nad-vl50to70.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-1) .sld-current': { + '.sld-vl50to70.sld-bus-1, .nad-vl50to70.nad-bus-1': { '--vl-color': '#62188B', }, - '.sld-vl50to70.sld-bus-2, .nad-vl50to70.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-2) .sld-current': { + '.sld-vl50to70.sld-bus-2, .nad-vl50to70.nad-bus-2': { '--vl-color': '#AC8AC2', }, - '.sld-vl50to70.sld-bus-3, .nad-vl50to70.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-3) .sld-current': { + '.sld-vl50to70.sld-bus-3, .nad-vl50to70.nad-bus-3': { '--vl-color': '#1F7620', }, - '.sld-vl50to70.sld-bus-4, .nad-vl50to70.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-4) .sld-current': { + '.sld-vl50to70.sld-bus-4, .nad-vl50to70.nad-bus-4': { '--vl-color': '#C5ED3B', }, - '.sld-vl50to70.sld-bus-5, .nad-vl50to70.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-5) .sld-current': { + '.sld-vl50to70.sld-bus-5, .nad-vl50to70.nad-bus-5': { '--vl-color': '#A7B368', }, - '.sld-vl50to70.sld-bus-6, .nad-vl50to70.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-6) .sld-current': { + '.sld-vl50to70.sld-bus-6, .nad-vl50to70.nad-bus-6': { '--vl-color': '#55591B', }, - '.sld-vl50to70.sld-bus-7, .nad-vl50to70.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-7) .sld-current': { + '.sld-vl50to70.sld-bus-7, .nad-vl50to70.nad-bus-7': { '--vl-color': '#E5E845', }, - '.sld-vl50to70.sld-bus-8, .nad-vl50to70.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-8) .sld-current': { + '.sld-vl50to70.sld-bus-8, .nad-vl50to70.nad-bus-8': { '--vl-color': '#ABAE28', }, - '.sld-vl50to70.sld-bus-9, .nad-vl50to70.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl50to70.sld-bus-9) .sld-current': { + '.sld-vl50to70.sld-bus-9, .nad-vl50to70.nad-bus-9': { '--vl-color': '#DAD971', }, - '.sld-vl70to120, .nad-vl70to120, .sld-extern-cell:has(.sld-wire.sld-vl70to120) .sld-current': { + '.sld-vl70to120, .nad-vl70to120': { '--vl-color': '#FF9D00', }, - '.sld-vl70to120.sld-bus-1, .nad-vl70to120.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-1) .sld-current': { + '.sld-vl70to120.sld-bus-1, .nad-vl70to120.nad-bus-1': { '--vl-color': '#7E3109', }, - '.sld-vl70to120.sld-bus-2, .nad-vl70to120.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-2) .sld-current': { + '.sld-vl70to120.sld-bus-2, .nad-vl70to120.nad-bus-2': { '--vl-color': '#C50', }, - '.sld-vl70to120.sld-bus-3, .nad-vl70to120.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-3) .sld-current': { + '.sld-vl70to120.sld-bus-3, .nad-vl70to120.nad-bus-3': { '--vl-color': '#25699D', }, - '.sld-vl70to120.sld-bus-4, .nad-vl70to120.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-4) .sld-current': { + '.sld-vl70to120.sld-bus-4, .nad-vl70to120.nad-bus-4': { '--vl-color': '#0057F9', }, - '.sld-vl70to120.sld-bus-5, .nad-vl70to120.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-5) .sld-current': { + '.sld-vl70to120.sld-bus-5, .nad-vl70to120.nad-bus-5': { '--vl-color': '#74AFEA', }, - '.sld-vl70to120.sld-bus-6, .nad-vl70to120.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-6) .sld-current': { + '.sld-vl70to120.sld-bus-6, .nad-vl70to120.nad-bus-6': { '--vl-color': '#1B3459', }, - '.sld-vl70to120.sld-bus-7, .nad-vl70to120.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-7) .sld-current': { + '.sld-vl70to120.sld-bus-7, .nad-vl70to120.nad-bus-7': { '--vl-color': '#458BE8', }, - '.sld-vl70to120.sld-bus-8, .nad-vl70to120.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-8) .sld-current': { + '.sld-vl70to120.sld-bus-8, .nad-vl70to120.nad-bus-8': { '--vl-color': '#2862AE', }, - '.sld-vl70to120.sld-bus-9, .nad-vl70to120.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl70to120.sld-bus-9) .sld-current': { + '.sld-vl70to120.sld-bus-9, .nad-vl70to120.nad-bus-9': { '--vl-color': '#B0D4FE', }, - '.sld-vl120to180, .nad-vl120to180, .sld-extern-cell:has(.sld-wire.sld-vl120to180) .sld-current': { + '.sld-vl120to180, .nad-vl120to180': { '--vl-color': '#00AFAE', }, - '.sld-vl120to180.sld-bus-1, .nad-vl120to180.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-1) .sld-current': { + '.sld-vl120to180.sld-bus-1, .nad-vl120to180.nad-bus-1': { '--vl-color': '#0A6365', }, - '.sld-vl120to180.sld-bus-2, .nad-vl120to180.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-2) .sld-current': { + '.sld-vl120to180.sld-bus-2, .nad-vl120to180.nad-bus-2': { '--vl-color': '#79CED4', }, - '.sld-vl120to180.sld-bus-3, .nad-vl120to180.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-3) .sld-current': { + '.sld-vl120to180.sld-bus-3, .nad-vl120to180.nad-bus-3': { '--vl-color': '#A30E32', }, - '.sld-vl120to180.sld-bus-4, .nad-vl120to180.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-4) .sld-current': { + '.sld-vl120to180.sld-bus-4, .nad-vl120to180.nad-bus-4': { '--vl-color': '#FF8290', }, - '.sld-vl120to180.sld-bus-5, .nad-vl120to180.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-5) .sld-current': { + '.sld-vl120to180.sld-bus-5, .nad-vl120to180.nad-bus-5': { '--vl-color': '#DAA8AD', }, - '.sld-vl120to180.sld-bus-6, .nad-vl120to180.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-6) .sld-current': { + '.sld-vl120to180.sld-bus-6, .nad-vl120to180.nad-bus-6': { '--vl-color': '#C30D33', }, - '.sld-vl120to180.sld-bus-7, .nad-vl120to180.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-7) .sld-current': { + '.sld-vl120to180.sld-bus-7, .nad-vl120to180.nad-bus-7': { '--vl-color': '#E3BEC0', }, - '.sld-vl120to180.sld-bus-8, .nad-vl120to180.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-8) .sld-current': { + '.sld-vl120to180.sld-bus-8, .nad-vl120to180.nad-bus-8': { '--vl-color': '#FF8290', }, - '.sld-vl120to180.sld-bus-9, .nad-vl120to180.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl120to180.sld-bus-9) .sld-current': { + '.sld-vl120to180.sld-bus-9, .nad-vl120to180.nad-bus-9': { '--vl-color': '#FFCCD0', }, - '.sld-vl180to300, .nad-vl180to300, .sld-extern-cell:has(.sld-wire.sld-vl180to300) .sld-current': { + '.sld-vl180to300, .nad-vl180to300': { '--vl-color': '#32B532', }, - '.sld-vl180to300.sld-bus-1, .nad-vl180to300.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-1) .sld-current': { + '.sld-vl180to300.sld-bus-1, .nad-vl180to300.nad-bus-1': { '--vl-color': '#1E5D1F', }, - '.sld-vl180to300.sld-bus-2, .nad-vl180to300.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-2) .sld-current': { + '.sld-vl180to300.sld-bus-2, .nad-vl180to300.nad-bus-2': { '--vl-color': '#A7B368', }, - '.sld-vl180to300.sld-bus-3, .nad-vl180to300.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-3) .sld-current': { + '.sld-vl180to300.sld-bus-3, .nad-vl180to300.nad-bus-3': { '--vl-color': '#E47400', }, - '.sld-vl180to300.sld-bus-4, .nad-vl180to300.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-4) .sld-current': { + '.sld-vl180to300.sld-bus-4, .nad-vl180to300.nad-bus-4': { '--vl-color': '#6B3A26', }, - '.sld-vl180to300.sld-bus-5, .nad-vl180to300.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-5) .sld-current': { + '.sld-vl180to300.sld-bus-5, .nad-vl180to300.nad-bus-5': { '--vl-color': '#D69A88', }, - '.sld-vl180to300.sld-bus-6, .nad-vl180to300.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-6) .sld-current': { + '.sld-vl180to300.sld-bus-6, .nad-vl180to300.nad-bus-6': { '--vl-color': '#7E3109', }, - '.sld-vl180to300.sld-bus-7, .nad-vl180to300.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-7) .sld-current': { + '.sld-vl180to300.sld-bus-7, .nad-vl180to300.nad-bus-7': { '--vl-color': '#B78B58', }, - '.sld-vl180to300.sld-bus-8, .nad-vl180to300.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-8) .sld-current': { + '.sld-vl180to300.sld-bus-8, .nad-vl180to300.nad-bus-8': { '--vl-color': '#C94119', }, - '.sld-vl180to300.sld-bus-9, .nad-vl180to300.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl180to300.sld-bus-9) .sld-current': { + '.sld-vl180to300.sld-bus-9, .nad-vl180to300.nad-bus-9': { '--vl-color': '#FFC019', }, - '.sld-vl300to500, .nad-vl300to500, .sld-extern-cell:has(.sld-wire.sld-vl300to500) .sld-current': { + '.sld-vl300to500, .nad-vl300to500': { '--vl-color': '#F00', }, - '.sld-vl300to500.sld-bus-1, .nad-vl300to500.nad-bus-1, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-1) .sld-current': { + '.sld-vl300to500.sld-bus-1, .nad-vl300to500.nad-bus-1': { '--vl-color': '#920A0A', }, - '.sld-vl300to500.sld-bus-2, .nad-vl300to500.nad-bus-2, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-2) .sld-current': { + '.sld-vl300to500.sld-bus-2, .nad-vl300to500.nad-bus-2': { '--vl-color': '#FF9494', }, - '.sld-vl300to500.sld-bus-3, .nad-vl300to500.nad-bus-3, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-3) .sld-current': { + '.sld-vl300to500.sld-bus-3, .nad-vl300to500.nad-bus-3': { '--vl-color': '#25699D', }, - '.sld-vl300to500.sld-bus-4, .nad-vl300to500.nad-bus-4, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-4) .sld-current': { + '.sld-vl300to500.sld-bus-4, .nad-vl300to500.nad-bus-4': { '--vl-color': '#0057F9', }, - '.sld-vl300to500.sld-bus-5, .nad-vl300to500.nad-bus-5, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-5) .sld-current': { + '.sld-vl300to500.sld-bus-5, .nad-vl300to500.nad-bus-5': { '--vl-color': '#74AFEA', }, - '.sld-vl300to500.sld-bus-6, .nad-vl300to500.nad-bus-6, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-6) .sld-current': { + '.sld-vl300to500.sld-bus-6, .nad-vl300to500.nad-bus-6': { '--vl-color': '#1B3459', }, - '.sld-vl300to500.sld-bus-7, .nad-vl300to500.nad-bus-7, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-7) .sld-current': { + '.sld-vl300to500.sld-bus-7, .nad-vl300to500.nad-bus-7': { '--vl-color': '#458BE8', }, - '.sld-vl300to500.sld-bus-8, .nad-vl300to500.nad-bus-8, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-8) .sld-current': { + '.sld-vl300to500.sld-bus-8, .nad-vl300to500.nad-bus-8': { '--vl-color': '#2862AE', }, - '.sld-vl300to500.sld-bus-9, .nad-vl300to500.nad-bus-9, .sld-extern-cell:has(.sld-wire.sld-vl300to500.sld-bus-9) .sld-current': { + '.sld-vl300to500.sld-bus-9, .nad-vl300to500.nad-bus-9': { '--vl-color': '#B0D4FE', }, };