From 4fc5dbd3ff9e339c9b88559ff342819dd2b4feba Mon Sep 17 00:00:00 2001 From: Ida Marie Andreassen Date: Mon, 4 Nov 2024 13:41:08 +0100 Subject: [PATCH] Refactor Text so it allows for change of color in Text --- src/components/text/text.module.css | 13 ++++++++----- src/styles/global.css | 3 +++ 2 files changed, 11 insertions(+), 5 deletions(-) diff --git a/src/components/text/text.module.css b/src/components/text/text.module.css index ea365fbd9..3d1c5025b 100644 --- a/src/components/text/text.module.css +++ b/src/components/text/text.module.css @@ -1,14 +1,17 @@ -.desktopLink, +/* +---- Declaring color here will overwrite any other color applied later +:where(.desktopLink, .h1, .h2, .h3, .h4, .h5, .h6, -.bodyXl { - color: var(--primary-black); +.bodyXl) { + color: var(--primary-black); font-family: var(--font-britti-sans); } +*/ .bodyBig, .bodyNormal, @@ -24,8 +27,8 @@ .bodyNormal, .bodyBig, .list { - color: var(--primary-black); - font-family: var(--font-britti-sans); + /*color: var(--primary-black); + font-family: var(--font-britti-sans);*/ line-height: 140%; } diff --git a/src/styles/global.css b/src/styles/global.css index d20a2e753..8eea2f120 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -27,6 +27,8 @@ html { --focus-color: #8b0f40; + --blue-dark: #0014CD; + /* TODO: upgrade color-scheme with correct colors */ --secondary-red: #f0503f; @@ -47,6 +49,7 @@ body { width: 100vw; background-color: var(--primary-bg); font-family: var(--font-britti-sans); + color: var(--primary-black); } h1,