From 536b5de9c61af6c9deec760cbb22ef836fdfa844 Mon Sep 17 00:00:00 2001 From: asemwilhelmsen Date: Thu, 13 Jul 2023 11:43:34 +0200 Subject: [PATCH] feat(styling): adds new color variable --- .../components/TileSettingsWrapper/styles.module.css | 2 +- next-tavla/src/Shared/styles/themes/dark.css | 1 + next-tavla/src/Shared/styles/themes/default.css | 1 + next-tavla/src/Shared/styles/themes/light.css | 1 + 4 files changed, 4 insertions(+), 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 index a18c91e75d..e2ccb21094 100644 --- 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 index ffe3dbe2c6..301d970c31 100644 --- 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 index d974822bf6..2783516dc4 100644 --- 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 index c4b1c97e8e..cd1958679c 100644 --- 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);