feat(styling): adds new color variable

entur · Jul 13, 2023 · 536b5de · 536b5de
1 parent 11c9316
commit 536b5de
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 1 deletion.
diff --git a/next-tavla/src/Admin/scenarios/TileSettings/components/TileSettingsWrapper/styles.module.css b/next-tavla/src/Admin/scenarios/TileSettings/components/TileSettingsWrapper/styles.module.css
@@ -1,7 +1,7 @@
 .overviewWrapper {
     display: flex;
     flex-direction: column;
-    background-color: var(--table-border-color);
+    background-color: var(--tertiary-background-color);
     border-radius: 0.5em;
     padding: 1em;
     width: 50em;

diff --git a/next-tavla/src/Shared/styles/themes/dark.css b/next-tavla/src/Shared/styles/themes/dark.css
@@ -1,6 +1,7 @@
 [data-theme='dark'] {
     --main-background-color: var(--colors-misc-black);
     --secondary-background-color: var(--colors-greys-grey);
+    /* --tertiary-background-color */
 
     --table-border-color: var(--colors-greys-grey10);
     --table-situation-color: var(--colors-validation-canary);

diff --git a/next-tavla/src/Shared/styles/themes/default.css b/next-tavla/src/Shared/styles/themes/default.css
@@ -1,6 +1,7 @@
 :root {
     --main-background-color: var(--colors-brand-blue);
     --secondary-background-color: var(--colors-blues-blue10);
+    --tertiary-background-color: var(--colors-blues-blue30);
     --main-text-color: var(--colors-brand-white);
 
     --primary-button-color: var(--colors-data-contrast-lavender);

diff --git a/next-tavla/src/Shared/styles/themes/light.css b/next-tavla/src/Shared/styles/themes/light.css
@@ -2,6 +2,7 @@
     --main-background-color: var(--colors-brand-white);
 
     --secondary-background-color: var(--colors-greys-grey80);
+    /* --tertiary-background-color */
     --main-text-color: var(--colors-misc-black);
 
     --primary-button-color: var(--colors-brand-blue);