From 42aa251e974e280b940d07535d733de22bbab0e7 Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Fri, 30 Jan 2026 14:47:12 +0100 Subject: [PATCH 1/2] fix(tokens): ny farge color.neutrals.foreground.white (fargen forblir hvit i darkmode) --- tokens/$themes.json | 10 ++++++++-- tokens/public/theme/dark.json | 5 +++++ tokens/public/theme/light.json | 5 +++++ 3 files changed, 18 insertions(+), 2 deletions(-) diff --git a/tokens/$themes.json b/tokens/$themes.json index 6feab797..15e3b32b 100644 --- a/tokens/$themes.json +++ b/tokens/$themes.json @@ -786,10 +786,12 @@ "color.neutrals.background.secondary-dim": "414fbcc0b42c04fbd1299717a5181225d92f7d22", "color.neutrals.background.tertiary-dim": "5115dd3c64f36f7344f90d7e3e4e66ef4cfca41f", "color.neutrals.foreground.primary": "7b2ff23323a73b6f8edd49f2c37edea6954b8aaa", - "color.neutrals.foreground.subtle": "6e13c02d15cf3087e46295c3477f15f4a909eff1", "color.neutrals.foreground.secondary": "10c4639425f61a800abba08dfa494d39ada3b4d3", + "color.neutrals.foreground.subtle": "6e13c02d15cf3087e46295c3477f15f4a909eff1", + "color.neutrals.foreground.faint": "8c234986013c9d4dc75e34485850dd3b54a7d913", "color.neutrals.foreground.inverted": "8005180da696d48ef536a96c6de2bebeca01a6d4", "color.neutrals.border.default": "20ca8407100173ab471d9cc300f1a3983368f183", + "color.neutrals.border.emphasized": "eb05ea9fb11b7d919631446adecd9a48b7ebf586", "color.neutrals.border.mute": "5d9a8fc9b75c1ce8463f3178e9e6414b4d18b75a", "color.neutrals.border.subtle": "283146ae0147ec4b20f312edb29074250f5359fa", "color.neutrals.border.disabled": "a8444debb4e0f90291787d98e1b17d825155c091", @@ -965,7 +967,8 @@ "color.supplemental.charts.foreground.data-15": "668c11340044b4c6b3b44ab5943bad27c27fe765", "color.supplemental.charts.foreground.data-16": "97cb134a13566c031a9d135828921fd22a1f153a", "color.supplemental.charts.foreground.data-17": "7bd6a09ac6aa1e4abe25b9b2b94ca0fa7694975f", - "color.supplemental.charts.foreground.data-18": "7a132b9ef5600954c29d0570bc721468a30c4def" + "color.supplemental.charts.foreground.data-18": "7a132b9ef5600954c29d0570bc721468a30c4def", + "color.neutrals.foreground.white": "11168c53c24d9fed3af85c6d68a225dd9dc33f46" }, "group": "Theme" }, @@ -1152,8 +1155,11 @@ "color.neutrals.foreground.primary": "7b2ff23323a73b6f8edd49f2c37edea6954b8aaa", "color.neutrals.foreground.secondary": "10c4639425f61a800abba08dfa494d39ada3b4d3", "color.neutrals.foreground.subtle": "6e13c02d15cf3087e46295c3477f15f4a909eff1", + "color.neutrals.foreground.faint": "8c234986013c9d4dc75e34485850dd3b54a7d913", "color.neutrals.foreground.inverted": "8005180da696d48ef536a96c6de2bebeca01a6d4", + "color.neutrals.foreground.white": "11168c53c24d9fed3af85c6d68a225dd9dc33f46", "color.neutrals.border.default": "20ca8407100173ab471d9cc300f1a3983368f183", + "color.neutrals.border.emphasized": "eb05ea9fb11b7d919631446adecd9a48b7ebf586", "color.neutrals.border.mute": "5d9a8fc9b75c1ce8463f3178e9e6414b4d18b75a", "color.neutrals.border.subtle": "283146ae0147ec4b20f312edb29074250f5359fa", "color.neutrals.border.disabled": "a8444debb4e0f90291787d98e1b17d825155c091", diff --git a/tokens/public/theme/dark.json b/tokens/public/theme/dark.json index 101bfb46..cce045df 100644 --- a/tokens/public/theme/dark.json +++ b/tokens/public/theme/dark.json @@ -106,6 +106,11 @@ "inverted": { "$type": "color", "$value": "{color-shades.functional.neutralgrey.999}" + }, + "white": { + "$type": "color", + "$value": "{color-shades.functional.neutralgrey.000}", + "$description": "Fargen forblir hvit i darkmode" } }, "border": { diff --git a/tokens/public/theme/light.json b/tokens/public/theme/light.json index 2cfced39..38c7f057 100644 --- a/tokens/public/theme/light.json +++ b/tokens/public/theme/light.json @@ -104,6 +104,11 @@ "inverted": { "$type": "color", "$value": "{color-shades.functional.neutralgrey.000}" + }, + "white": { + "$type": "color", + "$value": "{color-shades.functional.neutralgrey.000}", + "$description": "Fargen forblir hvit i darkmode" } }, "border": { From 9df6e15dc98ae32860cad34b536af217e7fcfb9c Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Fri, 30 Jan 2026 13:48:05 +0000 Subject: [PATCH 2/2] =?UTF-8?q?(tokens):=20oppdatert=20css=20basert=20p?= =?UTF-8?q?=C3=A5=20nye=20tokens?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- doc-site/.vitepress/theme/styles/nve_theme.css | 4 +++- doc-site/.vitepress/theme/styles/rme_theme.css | 4 +++- doc-site/.vitepress/theme/styles/varsom_theme.css | 4 +++- public/css/nve.css | 3 ++- public/css/nve_dark.css | 1 + public/css/rme.css | 3 ++- public/css/rme_dark.css | 1 + public/css/varsom.css | 3 ++- public/css/varsom_dark.css | 1 + 9 files changed, 18 insertions(+), 6 deletions(-) diff --git a/doc-site/.vitepress/theme/styles/nve_theme.css b/doc-site/.vitepress/theme/styles/nve_theme.css index 32e6bdc8..1200ed0b 100644 --- a/doc-site/.vitepress/theme/styles/nve_theme.css +++ b/doc-site/.vitepress/theme/styles/nve_theme.css @@ -272,6 +272,7 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000); + --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-500); --color-neutrals-border-emphasized: var(--color-shades-grey-999); --color-neutrals-border-mute: var(--color-shades-grey-300); @@ -626,7 +627,6 @@ --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --font-size-medium: var(--dimension-5x); /** 18 px */ --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); @@ -648,6 +648,7 @@ --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ @@ -926,6 +927,7 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999); + --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-300); --color-neutrals-border-emphasized: var(--color-shades-grey-000); --color-neutrals-border-mute: var(--color-shades-grey-600); diff --git a/doc-site/.vitepress/theme/styles/rme_theme.css b/doc-site/.vitepress/theme/styles/rme_theme.css index bba6db13..afd62443 100644 --- a/doc-site/.vitepress/theme/styles/rme_theme.css +++ b/doc-site/.vitepress/theme/styles/rme_theme.css @@ -272,6 +272,7 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000); + --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-500); --color-neutrals-border-emphasized: var(--color-shades-grey-999); --color-neutrals-border-mute: var(--color-shades-grey-300); @@ -626,7 +627,6 @@ --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --font-size-medium: var(--dimension-5x); /** 18 px */ --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); @@ -648,6 +648,7 @@ --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ @@ -926,6 +927,7 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999); + --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-300); --color-neutrals-border-emphasized: var(--color-shades-grey-000); --color-neutrals-border-mute: var(--color-shades-grey-600); diff --git a/doc-site/.vitepress/theme/styles/varsom_theme.css b/doc-site/.vitepress/theme/styles/varsom_theme.css index 578ff252..f11de936 100644 --- a/doc-site/.vitepress/theme/styles/varsom_theme.css +++ b/doc-site/.vitepress/theme/styles/varsom_theme.css @@ -272,6 +272,7 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000); + --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-500); --color-neutrals-border-emphasized: var(--color-shades-grey-999); --color-neutrals-border-mute: var(--color-shades-grey-300); @@ -626,7 +627,6 @@ --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --font-size-medium: var(--dimension-5x); /** 18 px */ --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); @@ -648,6 +648,7 @@ --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ @@ -926,6 +927,7 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999); + --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-300); --color-neutrals-border-emphasized: var(--color-shades-grey-000); --color-neutrals-border-mute: var(--color-shades-grey-600); diff --git a/public/css/nve.css b/public/css/nve.css index 489412ab..60ef0036 100644 --- a/public/css/nve.css +++ b/public/css/nve.css @@ -278,6 +278,7 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000); + --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-500); --color-neutrals-border-emphasized: var(--color-shades-grey-999); --color-neutrals-border-mute: var(--color-shades-grey-300); @@ -632,7 +633,6 @@ --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --font-size-medium: var(--dimension-5x); /** 18 px */ --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); @@ -654,6 +654,7 @@ --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ diff --git a/public/css/nve_dark.css b/public/css/nve_dark.css index 78c62d05..8dd127bb 100644 --- a/public/css/nve_dark.css +++ b/public/css/nve_dark.css @@ -278,6 +278,7 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999); + --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-300); --color-neutrals-border-emphasized: var(--color-shades-grey-000); --color-neutrals-border-mute: var(--color-shades-grey-600); diff --git a/public/css/rme.css b/public/css/rme.css index 124f6faa..c542e533 100644 --- a/public/css/rme.css +++ b/public/css/rme.css @@ -278,6 +278,7 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000); + --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-500); --color-neutrals-border-emphasized: var(--color-shades-grey-999); --color-neutrals-border-mute: var(--color-shades-grey-300); @@ -632,7 +633,6 @@ --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --font-size-medium: var(--dimension-5x); /** 18 px */ --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); @@ -654,6 +654,7 @@ --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ diff --git a/public/css/rme_dark.css b/public/css/rme_dark.css index 665de056..61da52f7 100644 --- a/public/css/rme_dark.css +++ b/public/css/rme_dark.css @@ -278,6 +278,7 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999); + --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-300); --color-neutrals-border-emphasized: var(--color-shades-grey-000); --color-neutrals-border-mute: var(--color-shades-grey-600); diff --git a/public/css/varsom.css b/public/css/varsom.css index 8592604d..615b6825 100644 --- a/public/css/varsom.css +++ b/public/css/varsom.css @@ -278,6 +278,7 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000); + --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-500); --color-neutrals-border-emphasized: var(--color-shades-grey-999); --color-neutrals-border-mute: var(--color-shades-grey-300); @@ -632,7 +633,6 @@ --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --font-size-medium: var(--dimension-5x); /** 18 px */ --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); @@ -654,6 +654,7 @@ --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ diff --git a/public/css/varsom_dark.css b/public/css/varsom_dark.css index a57c8980..187ccc61 100644 --- a/public/css/varsom_dark.css +++ b/public/css/varsom_dark.css @@ -278,6 +278,7 @@ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200); --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800); --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999); + --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */ --color-neutrals-border-default: var(--color-shades-grey-300); --color-neutrals-border-emphasized: var(--color-shades-grey-000); --color-neutrals-border-mute: var(--color-shades-grey-600);