diff --git a/doc-site/.vitepress/theme/styles/nve_theme.css b/doc-site/.vitepress/theme/styles/nve_theme.css
index 32e6bdc8..e965a1a0 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);
@@ -369,6 +370,11 @@
   --color-feedback-border-emphasized-error: var(--color-shades-functional-red-800);
   --color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-900);
   --color-feedback-border-emphasized-success: var(--color-shades-functional-green-800);
+  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
+  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
+  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
+  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
+  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
   --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
   --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
@@ -379,11 +385,6 @@
   --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050);
   --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000);
   --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150);
-  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
-  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
-  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
-  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
-  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999);
@@ -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 */
@@ -910,7 +911,7 @@
   --color-brand-foreground-primary: var(--color-shades-accent-200);
   --color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
-  --color-brand-foreground-secondary-on-bg: var(--color-shades-grey-000);
+  --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-000);
   --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-100);
   --color-brand-border-secondary: var(--color-shades-brand-200);
@@ -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);
@@ -1023,6 +1025,11 @@
   --color-feedback-border-emphasized-error: var(--color-shades-functional-red-400);
   --color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-700);
   --color-feedback-border-emphasized-success: var(--color-shades-functional-green-700);
+  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
+  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
+  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
+  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
+  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
   --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
   --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
@@ -1033,11 +1040,6 @@
   --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050);
   --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000);
   --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150);
-  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
-  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
-  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
-  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
-  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999);
diff --git a/doc-site/.vitepress/theme/styles/rme_theme.css b/doc-site/.vitepress/theme/styles/rme_theme.css
index bba6db13..e3f4e705 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);
@@ -369,6 +370,11 @@
   --color-feedback-border-emphasized-error: var(--color-shades-functional-red-800);
   --color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-900);
   --color-feedback-border-emphasized-success: var(--color-shades-functional-green-800);
+  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
+  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
+  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
+  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
+  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
   --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
   --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
@@ -379,11 +385,6 @@
   --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050);
   --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000);
   --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150);
-  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
-  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
-  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
-  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
-  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999);
@@ -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 */
@@ -910,7 +911,7 @@
   --color-brand-foreground-primary: var(--color-shades-accent-200);
   --color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
-  --color-brand-foreground-secondary-on-bg: var(--color-shades-grey-000);
+  --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-000);
   --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-100);
   --color-brand-border-secondary: var(--color-shades-brand-200);
@@ -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);
@@ -1023,6 +1025,11 @@
   --color-feedback-border-emphasized-error: var(--color-shades-functional-red-400);
   --color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-700);
   --color-feedback-border-emphasized-success: var(--color-shades-functional-green-700);
+  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
+  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
+  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
+  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
+  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
   --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
   --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
@@ -1033,11 +1040,6 @@
   --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050);
   --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000);
   --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150);
-  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
-  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
-  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
-  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
-  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999);
diff --git a/doc-site/.vitepress/theme/styles/varsom_theme.css b/doc-site/.vitepress/theme/styles/varsom_theme.css
index 578ff252..0045903a 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);
@@ -369,6 +370,11 @@
   --color-feedback-border-emphasized-error: var(--color-shades-functional-red-800);
   --color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-900);
   --color-feedback-border-emphasized-success: var(--color-shades-functional-green-800);
+  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
+  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
+  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
+  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
+  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
   --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
   --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
@@ -379,11 +385,6 @@
   --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050);
   --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000);
   --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150);
-  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
-  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
-  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
-  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
-  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999);
@@ -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 */
@@ -910,7 +911,7 @@
   --color-brand-foreground-primary: var(--color-shades-accent-200);
   --color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
-  --color-brand-foreground-secondary-on-bg: var(--color-shades-grey-000);
+  --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-000);
   --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-100);
   --color-brand-border-secondary: var(--color-shades-brand-200);
@@ -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);
@@ -1023,6 +1025,11 @@
   --color-feedback-border-emphasized-error: var(--color-shades-functional-red-400);
   --color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-700);
   --color-feedback-border-emphasized-success: var(--color-shades-functional-green-700);
+  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
+  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
+  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
+  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
+  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
   --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
   --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
@@ -1033,11 +1040,6 @@
   --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050);
   --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000);
   --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150);
-  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
-  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
-  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
-  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
-  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999);
diff --git a/public/css/nve.css b/public/css/nve.css
index 489412ab..92da43f0 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);
@@ -375,6 +376,11 @@
   --color-feedback-border-emphasized-error: var(--color-shades-functional-red-800);
   --color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-900);
   --color-feedback-border-emphasized-success: var(--color-shades-functional-green-800);
+  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
+  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
+  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
+  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
+  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
   --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
   --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
@@ -385,11 +391,6 @@
   --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050);
   --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000);
   --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150);
-  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
-  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
-  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
-  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
-  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999);
@@ -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..4d9c278d 100644
--- a/public/css/nve_dark.css
+++ b/public/css/nve_dark.css
@@ -262,7 +262,7 @@
   --color-brand-foreground-primary: var(--color-shades-accent-200);
   --color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
-  --color-brand-foreground-secondary-on-bg: var(--color-shades-grey-000);
+  --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-000);
   --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-100);
   --color-brand-border-secondary: var(--color-shades-brand-200);
@@ -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);
@@ -375,6 +376,11 @@
   --color-feedback-border-emphasized-error: var(--color-shades-functional-red-400);
   --color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-700);
   --color-feedback-border-emphasized-success: var(--color-shades-functional-green-700);
+  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
+  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
+  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
+  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
+  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
   --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
   --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
@@ -385,11 +391,6 @@
   --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050);
   --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000);
   --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150);
-  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
-  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
-  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
-  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
-  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999);
diff --git a/public/css/rme.css b/public/css/rme.css
index 124f6faa..69e0faec 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);
@@ -375,6 +376,11 @@
   --color-feedback-border-emphasized-error: var(--color-shades-functional-red-800);
   --color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-900);
   --color-feedback-border-emphasized-success: var(--color-shades-functional-green-800);
+  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
+  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
+  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
+  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
+  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
   --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
   --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
@@ -385,11 +391,6 @@
   --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050);
   --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000);
   --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150);
-  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
-  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
-  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
-  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
-  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999);
@@ -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..e1ad1bd8 100644
--- a/public/css/rme_dark.css
+++ b/public/css/rme_dark.css
@@ -262,7 +262,7 @@
   --color-brand-foreground-primary: var(--color-shades-accent-200);
   --color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
-  --color-brand-foreground-secondary-on-bg: var(--color-shades-grey-000);
+  --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-000);
   --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-100);
   --color-brand-border-secondary: var(--color-shades-brand-200);
@@ -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);
@@ -375,6 +376,11 @@
   --color-feedback-border-emphasized-error: var(--color-shades-functional-red-400);
   --color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-700);
   --color-feedback-border-emphasized-success: var(--color-shades-functional-green-700);
+  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
+  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
+  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
+  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
+  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
   --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
   --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
@@ -385,11 +391,6 @@
   --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050);
   --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000);
   --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150);
-  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
-  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
-  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
-  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
-  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999);
diff --git a/public/css/varsom.css b/public/css/varsom.css
index 8592604d..bf7a5ff0 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);
@@ -375,6 +376,11 @@
   --color-feedback-border-emphasized-error: var(--color-shades-functional-red-800);
   --color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-900);
   --color-feedback-border-emphasized-success: var(--color-shades-functional-green-800);
+  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
+  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
+  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
+  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
+  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
   --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
   --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
@@ -385,11 +391,6 @@
   --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050);
   --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000);
   --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150);
-  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
-  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
-  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
-  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
-  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999);
@@ -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..1832c811 100644
--- a/public/css/varsom_dark.css
+++ b/public/css/varsom_dark.css
@@ -262,7 +262,7 @@
   --color-brand-foreground-primary: var(--color-shades-accent-200);
   --color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
-  --color-brand-foreground-secondary-on-bg: var(--color-shades-grey-000);
+  --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-000);
   --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-100);
   --color-brand-border-secondary: var(--color-shades-brand-200);
@@ -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);
@@ -375,6 +376,11 @@
   --color-feedback-border-emphasized-error: var(--color-shades-functional-red-400);
   --color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-700);
   --color-feedback-border-emphasized-success: var(--color-shades-functional-green-700);
+  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
+  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
+  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
+  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
+  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
   --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
   --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
@@ -385,11 +391,6 @@
   --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050);
   --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000);
   --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150);
-  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
-  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
-  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
-  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
-  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
   --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999);
   --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999);
diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index 314bf0a2..bf4a6598 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -11,4 +11,4 @@
     "public/theme/light",
     "public/theme/dark"
   ]
-}
+}
\ No newline at end of file
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..9c59359b 100644
--- a/tokens/public/theme/dark.json
+++ b/tokens/public/theme/dark.json
@@ -36,7 +36,7 @@
         },
         "secondary-on-bg": {
           "$type": "color",
-          "$value": "{color-shades.grey.000}"
+          "$value": "{color-shades.brand.000}"
         },
         "tertiary-on-bg": {
           "$type": "color",
@@ -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": {
@@ -573,70 +578,70 @@
     },
     "dangerlevel": {
       "background": {
-        "mute": {
+        "default": {
           "level1": {
             "$type": "color",
-            "$value": "{color-shades.functional.green.150}"
+            "$value": "{color-shades.functional.green.500}"
           },
           "level2": {
             "$type": "color",
-            "$value": "{color-shades.functional.yellow.200}"
+            "$value": "{color-shades.functional.yellow.500}"
           },
           "level3": {
             "$type": "color",
-            "$value": "{color-shades.functional.orange.150}"
+            "$value": "{color-shades.functional.orange.400}"
           },
           "level4": {
             "$type": "color",
-            "$value": "{color-shades.functional.red.050}"
+            "$value": "{color-shades.functional.red.500}"
           },
           "level5": {
             "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.200}"
+            "$value": "{color-shades.functional.neutralgrey.950}"
           }
         },
-        "subtle": {
+        "mute": {
           "level1": {
             "$type": "color",
-            "$value": "{color-shades.functional.green.100}"
+            "$value": "{color-shades.functional.green.150}"
           },
           "level2": {
             "$type": "color",
-            "$value": "{color-shades.functional.yellow.100}"
+            "$value": "{color-shades.functional.yellow.200}"
           },
           "level3": {
             "$type": "color",
-            "$value": "{color-shades.functional.orange.050}"
+            "$value": "{color-shades.functional.orange.150}"
           },
           "level4": {
             "$type": "color",
-            "$value": "{color-shades.functional.red.000}"
+            "$value": "{color-shades.functional.red.050}"
           },
           "level5": {
             "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.150}"
+            "$value": "{color-shades.functional.neutralgrey.200}"
           }
         },
-        "default": {
+        "subtle": {
           "level1": {
             "$type": "color",
-            "$value": "{color-shades.functional.green.500}"
+            "$value": "{color-shades.functional.green.100}"
           },
           "level2": {
             "$type": "color",
-            "$value": "{color-shades.functional.yellow.500}"
+            "$value": "{color-shades.functional.yellow.100}"
           },
           "level3": {
             "$type": "color",
-            "$value": "{color-shades.functional.orange.400}"
+            "$value": "{color-shades.functional.orange.050}"
           },
           "level4": {
             "$type": "color",
-            "$value": "{color-shades.functional.red.500}"
+            "$value": "{color-shades.functional.red.000}"
           },
           "level5": {
             "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.950}"
+            "$value": "{color-shades.functional.neutralgrey.150}"
           }
         }
       },
diff --git a/tokens/public/theme/light.json b/tokens/public/theme/light.json
index 2cfced39..97f4ad47 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": {
@@ -572,70 +577,70 @@
     },
     "dangerlevel": {
       "background": {
-        "mute": {
+        "default": {
           "level1": {
             "$type": "color",
-            "$value": "{color-shades.functional.green.150}"
+            "$value": "{color-shades.functional.green.500}"
           },
           "level2": {
             "$type": "color",
-            "$value": "{color-shades.functional.yellow.200}"
+            "$value": "{color-shades.functional.yellow.500}"
           },
           "level3": {
             "$type": "color",
-            "$value": "{color-shades.functional.orange.150}"
+            "$value": "{color-shades.functional.orange.400}"
           },
           "level4": {
             "$type": "color",
-            "$value": "{color-shades.functional.red.050}"
+            "$value": "{color-shades.functional.red.500}"
           },
           "level5": {
             "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.200}"
+            "$value": "{color-shades.functional.neutralgrey.950}"
           }
         },
-        "subtle": {
+        "mute": {
           "level1": {
             "$type": "color",
-            "$value": "{color-shades.functional.green.100}"
+            "$value": "{color-shades.functional.green.150}"
           },
           "level2": {
             "$type": "color",
-            "$value": "{color-shades.functional.yellow.100}"
+            "$value": "{color-shades.functional.yellow.200}"
           },
           "level3": {
             "$type": "color",
-            "$value": "{color-shades.functional.orange.050}"
+            "$value": "{color-shades.functional.orange.150}"
           },
           "level4": {
             "$type": "color",
-            "$value": "{color-shades.functional.red.000}"
+            "$value": "{color-shades.functional.red.050}"
           },
           "level5": {
             "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.150}"
+            "$value": "{color-shades.functional.neutralgrey.200}"
           }
         },
-        "default": {
+        "subtle": {
           "level1": {
             "$type": "color",
-            "$value": "{color-shades.functional.green.500}"
+            "$value": "{color-shades.functional.green.100}"
           },
           "level2": {
             "$type": "color",
-            "$value": "{color-shades.functional.yellow.500}"
+            "$value": "{color-shades.functional.yellow.100}"
           },
           "level3": {
             "$type": "color",
-            "$value": "{color-shades.functional.orange.400}"
+            "$value": "{color-shades.functional.orange.050}"
           },
           "level4": {
             "$type": "color",
-            "$value": "{color-shades.functional.red.500}"
+            "$value": "{color-shades.functional.red.000}"
           },
           "level5": {
             "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.950}"
+            "$value": "{color-shades.functional.neutralgrey.150}"
           }
         }
       },