Repository: digdir/designsystemet
Pull request #3502: chore: updated portal theme colors
Author: login: Febakke
Created: 2025-04-28T07:34:09Z | Merged: 2025-04-28T11:36:37Z



Diff:
diff --git a/.changeset/tough-crabs-prove.md b/.changeset/tough-crabs-prove.md
new file mode 100644
index 0000000000..663cab1090
--- /dev/null
+++ b/.changeset/tough-crabs-prove.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-theme": patch
+---
+
+Update "Portal" theme colors 
diff --git a/design-tokens/primitives/modes/color-scheme/dark/portal.json b/design-tokens/primitives/modes/color-scheme/dark/portal.json
index b16bf1e234..8b1a36a692 100644
--- a/design-tokens/primitives/modes/color-scheme/dark/portal.json
+++ b/design-tokens/primitives/modes/color-scheme/dark/portal.json
@@ -3,63 +3,63 @@
     "accent": {
       "1": {
         "$type": "color",
-        "$value": "#20112f"
+        "$value": "#111920"
       },
       "2": {
         "$type": "color",
-        "$value": "#2a163e"
+        "$value": "#17202a"
       },
       "3": {
         "$type": "color",
-        "$value": "#351b4e"
+        "$value": "#1d2935"
       },
       "4": {
         "$type": "color",
-        "$value": "#3c1f59"
+        "$value": "#212f3d"
       },
       "5": {
         "$type": "color",
-        "$value": "#462568"
+        "$value": "#273747"
       },
       "6": {
         "$type": "color",
-        "$value": "#543473"
+        "$value": "#304559"
       },
       "7": {
         "$type": "color",
-        "$value": "#60437e"
+        "$value": "#3a526a"
       },
       "8": {
         "$type": "color",
-        "$value": "#8e79a3"
+        "$value": "#6d849a"
       },
       "9": {
         "$type": "color",
-        "$value": "#b1a2bf"
+        "$value": "#9aaab9"
       },
       "10": {
         "$type": "color",
-        "$value": "#b1a2bf"
+        "$value": "#9aaab9"
       },
       "11": {
         "$type": "color",
-        "$value": "#eeebf1"
+        "$value": "#e9edf0"
       },
       "12": {
         "$type": "color",
-        "$value": "#baa2cd"
+        "$value": "#7693b0"
       },
       "13": {
         "$type": "color",
-        "$value": "#a88bc0"
+        "$value": "#90a8bf"
       },
       "14": {
         "$type": "color",
-        "$value": "#9673b3"
+        "$value": "#aabcce"
       },
       "15": {
         "$type": "color",
-        "$value": "#1d1a20"
+        "$value": "#161c21"
       },
       "16": {
         "$type": "color",
@@ -69,63 +69,63 @@
     "brand1": {
       "1": {
         "$type": "color",
-        "$value": "#1d1425"
+        "$value": "#171819"
       },
       "2": {
         "$type": "color",
-        "$value": "#261b31"
+        "$value": "#1e2022"
       },
       "3": {
         "$type": "color",
-        "$value": "#30223e"
+        "$value": "#26282a"
       },
       "4": {
         "$type": "color",
-        "$value": "#372747"
+        "$value": "#2b2e31"
       },
       "5": {
         "$type": "color",
-        "$value": "#412d52"
+        "$value": "#333639"
       },
       "6": {
         "$type": "color",
-        "$value": "#513867"
+        "$value": "#404347"
       },
       "7": {
         "$type": "color",
-        "$value": "#61437b"
+        "$value": "#4c5055"
       },
       "8": {
         "$type": "color",
-        "$value": "#9b6ec4"
+        "$value": "#7b828a"
       },
       "9": {
         "$type": "color",
-        "$value": "#ba9cd6"
+        "$value": "#a0a9b3"
       },
       "10": {
         "$type": "color",
-        "$value": "#ba9cd6"
+        "$value": "#a0a9b3"
       },
       "11": {
         "$type": "color",
-        "$value": "#f0eaf6"
+        "$value": "#e2eefa"
       },
       "12": {
         "$type": "color",
-        "$value": "#9652cb"
+        "$value": "#141618"
       },
       "13": {
         "$type": "color",
-        "$value": "#7d45aa"
+        "$value": "#24272b"
       },
       "14": {
         "$type": "color",
-        "$value": "#643788"
+        "$value": "#34393d"
       },
       "15": {
         "$type": "color",
-        "$value": "#fbf8fd"
+        "$value": "#a2a3a4"
       },
       "16": {
         "$type": "color",
@@ -135,63 +135,63 @@
     "brand2": {
       "1": {
         "$type": "color",
-        "$value": "#1f1420"
+        "$value": "#1b1713"
       },
       "2": {
         "$type": "color",
-        "$value": "#291a2a"
+        "$value": "#241e19"
       },
       "3": {
         "$type": "color",
-        "$value": "#342135"
+        "$value": "#2e2720"
       },
       "4": {
         "$type": "color",
-        "$value": "#3c263d"
+        "$value": "#342c25"
       },
       "5": {
         "$type": "color",
-        "$value": "#462d47"
+        "$value": "#3d342b"
       },
       "6": {
         "$type": "color",
-        "$value": "#573859"
+        "$value": "#4d4136"
       },
       "7": {
         "$type": "color",
-        "$value": "#68436a"
+        "$value": "#5b4d41"
       },
       "8": {
         "$type": "color",
-        "$value": "#a86cab"
+        "$value": "#947d69"
       },
       "9": {
         "$type": "color",
-        "$value": "#d491d6"
+        "$value": "#c0a388"
       },
       "10": {
         "$type": "color",
-        "$value": "#d491d6"
+        "$value": "#c0a388"
       },
       "11": {
         "$type": "color",
-        "$value": "#f6e8f7"
+        "$value": "#faeadb"
       },
       "12": {
         "$type": "color",
-        "$value": "#773d79"
+        "$value": "#2e241b"
       },
       "13": {
         "$type": "color",
-        "$value": "#5d305f"
+        "$value": "#423528"
       },
       "14": {
         "$type": "color",
-        "$value": "#442345"
+        "$value": "#584635"
       },
       "15": {
         "$type": "color",
-        "$value": "#f4f0f4"
+        "$value": "#bcb9b6"
       },
       "16": {
         "$type": "color",
@@ -201,63 +201,63 @@
     "brand3": {
       "1": {
         "$type": "color",
-        "$value": "#21141c"
+        "$value": "#211416"
       },
       "2": {
         "$type": "color",
-        "$value": "#2c1a25"
+        "$value": "#2c1b1d"
       },
       "3": {
         "$type": "color",
-        "$value": "#37212f"
+        "$value": "#372224"
       },
       "4": {
         "$type": "color",
-        "$value": "#3f2636"
+        "$value": "#402729"
       },
       "5": {
         "$type": "color",
-        "$value": "#4a2c3f"
+        "$value": "#4a2e30"
       },
       "6": {
         "$type": "color",
-        "$value": "#5d374f"
+        "$value": "#5d393d"
       },
       "7": {
         "$type": "color",
-        "$value": "#6f415f"
+        "$value": "#6f4448"
       },
       "8": {
         "$type": "color",
-        "$value": "#b26a98"
+        "$value": "#b36e74"
       },
       "9": {
         "$type": "color",
-        "$value": "#db91c0"
+        "$value": "#d3999e"
       },
       "10": {
         "$type": "color",
-        "$value": "#db91c0"
+        "$value": "#d3999e"
       },
       "11": {
         "$type": "color",
-        "$value": "#f8e8f2"
+        "$value": "#f6e9eb"
       },
       "12": {
         "$type": "color",
-        "$value": "#873e6f"
+        "$value": "#954a53"
       },
       "13": {
         "$type": "color",
-        "$value": "#6a3158"
+        "$value": "#783c43"
       },
       "14": {
         "$type": "color",
-        "$value": "#4f2441"
+        "$value": "#5d2e34"
       },
       "15": {
         "$type": "color",
-        "$value": "#f9f6f8"
+        "$value": "#eee2e4"
       },
       "16": {
         "$type": "color",
@@ -267,35 +267,35 @@
     "neutral": {
       "1": {
         "$type": "color",
-        "$value": "#13181f"
+        "$value": "#13181e"
       },
       "2": {
         "$type": "color",
-        "$value": "#192029"
+        "$value": "#192028"
       },
       "3": {
         "$type": "color",
-        "$value": "#202834"
+        "$value": "#1f2932"
       },
       "4": {
         "$type": "color",
-        "$value": "#262e3a"
+        "$value": "#242f3a"
       },
       "5": {
         "$type": "color",
-        "$value": "#2e3641"
+        "$value": "#2c3641"
       },
       "6": {
         "$type": "color",
-        "$value": "#3c444e"
+        "$value": "#3a444e"
       },
       "7": {
         "$type": "color",
-        "$value": "#49515a"
+        "$value": "#48515a"
       },
       "8": {
         "$type": "color",
-        "$value": "#7c8289"
+        "$value": "#7b8289"
       },
       "9": {
         "$type": "color",
@@ -311,19 +311,19 @@
       },
       "12": {
         "$type": "color",
-        "$value": "#a6acb2"
+        "$value": "#a5acb2"
       },
       "13": {
         "$type": "color",
-        "$value": "#90979f"
+        "$value": "#8f979f"
       },
       "14": {
         "$type": "color",
-        "$value": "#7a828c"
+        "$value": "#79828c"
       },
       "15": {
         "$type": "color",
-        "$value": "#1b1c1d"
+        "$value": "#1a1b1c"
       },
       "16": {
         "$type": "color",
diff --git a/design-tokens/primitives/modes/color-scheme/light/portal.json b/design-tokens/primitives/modes/color-scheme/light/portal.json
index aed8e7aae2..dfab10d1ad 100644
--- a/design-tokens/primitives/modes/color-scheme/light/portal.json
+++ b/design-tokens/primitives/modes/color-scheme/light/portal.json
@@ -7,7 +7,7 @@
       },
       "2": {
         "$type": "color",
-        "$value": "#f6f2f8"
+        "$value": "#f1f4f7"
       },
       "3": {
         "$type": "color",
@@ -15,51 +15,51 @@
       },
       "4": {
         "$type": "color",
-        "$value": "#ede6f2"
+        "$value": "#e3e9ef"
       },
       "5": {
         "$type": "color",
-        "$value": "#e1d6e9"
+        "$value": "#d2dbe5"
       },
       "6": {
         "$type": "color",
-        "$value": "#d3c5df"
+        "$value": "#beccd9"
       },
       "7": {
         "$type": "color",
-        "$value": "#c8b5d7"
+        "$value": "#acbecf"
       },
       "8": {
         "$type": "color",
-        "$value": "#8f69ad"
+        "$value": "#597c9f"
       },
       "9": {
         "$type": "color",
-        "$value": "#77489c"
+        "$value": "#376089"
       },
       "10": {
         "$type": "color",
-        "$value": "#77489c"
+        "$value": "#376089"
       },
       "11": {
         "$type": "color",
-        "$value": "#410d69"
+        "$value": "#1a2d40"
       },
       "12": {
         "$type": "color",
-        "$value": "#4D107D"
+        "$value": "#38628C"
       },
       "13": {
         "$type": "color",
-        "$value": "#612b8c"
+        "$value": "#2d4e70"
       },
       "14": {
         "$type": "color",
-        "$value": "#734399"
+        "$value": "#223c56"
       },
       "15": {
         "$type": "color",
-        "$value": "#d4c6e0"
+        "$value": "#dde4eb"
       },
       "16": {
         "$type": "color",
@@ -73,7 +73,7 @@
       },
       "2": {
         "$type": "color",
-        "$value": "#f7f1fc"
+        "$value": "#ebf5ff"
       },
       "3": {
         "$type": "color",
@@ -81,51 +81,51 @@
       },
       "4": {
         "$type": "color",
-        "$value": "#f0e4f9"
+        "$value": "#d8ebfe"
       },
       "5": {
         "$type": "color",
-        "$value": "#e6d3f6"
+        "$value": "#cadcee"
       },
       "6": {
         "$type": "color",
-        "$value": "#dbc0f2"
+        "$value": "#bcccdc"
       },
       "7": {
         "$type": "color",
-        "$value": "#d2aeee"
+        "$value": "#aebdcd"
       },
       "8": {
         "$type": "color",
-        "$value": "#9e57d7"
+        "$value": "#707a84"
       },
       "9": {
         "$type": "color",
-        "$value": "#7b43a6"
+        "$value": "#575e66"
       },
       "10": {
         "$type": "color",
-        "$value": "#7b43a6"
+        "$value": "#575e66"
       },
       "11": {
         "$type": "color",
-        "$value": "#3a204e"
+        "$value": "#282c2f"
       },
       "12": {
         "$type": "color",
-        "$value": "#A259DC"
+        "$value": "#D9ECFF"
       },
       "13": {
         "$type": "color",
-        "$value": "#b276e2"
+        "$value": "#c4d5e6"
       },
       "14": {
         "$type": "color",
-        "$value": "#c291e8"
+        "$value": "#b0bfce"
       },
       "15": {
         "$type": "color",
-        "$value": "#0a050d"
+        "$value": "#484e54"
       },
       "16": {
         "$type": "color",
@@ -139,7 +139,7 @@
       },
       "2": {
         "$type": "color",
-        "$value": "#fcf0fc"
+        "$value": "#fff1e5"
       },
       "3": {
         "$type": "color",
@@ -147,51 +147,51 @@
       },
       "4": {
         "$type": "color",
-        "$value": "#f8e2f9"
+        "$value": "#ffe4cb"
       },
       "5": {
         "$type": "color",
-        "$value": "#f4cef6"
+        "$value": "#ffd2a8"
       },
       "6": {
         "$type": "color",
-        "$value": "#efb8f1"
+        "$value": "#f3c092"
       },
       "7": {
         "$type": "color",
-        "$value": "#eaa3ed"
+        "$value": "#e2b387"
       },
       "8": {
         "$type": "color",
-        "$value": "#ac59b0"
+        "$value": "#917357"
       },
       "9": {
         "$type": "color",
-        "$value": "#854588"
+        "$value": "#705943"
       },
       "10": {
         "$type": "color",
-        "$value": "#854588"
+        "$value": "#705943"
       },
       "11": {
         "$type": "color",
-        "$value": "#3e2040"
+        "$value": "#34291f"
       },
       "12": {
         "$type": "color",
-        "$value": "#DF73E4"
+        "$value": "#FFCA99"
       },
       "13": {
         "$type": "color",
-        "$value": "#e795eb"
+        "$value": "#e5b589"
       },
       "14": {
         "$type": "color",
-        "$value": "#eeb5f1"
+        "$value": "#caa079"
       },
       "15": {
         "$type": "color",
-        "$value": "#170c18"
+        "$value": "#47382b"
       },
       "16": {
         "$type": "color",
@@ -205,7 +205,7 @@
       },
       "2": {
         "$type": "color",
-        "$value": "#fdf0f9"
+        "$value": "#fbf1f2"
       },
       "3": {
         "$type": "color",
@@ -213,51 +213,51 @@
       },
       "4": {
         "$type": "color",
-        "$value": "#fae2f2"
+        "$value": "#f8e4e6"
       },
       "5": {
         "$type": "color",
-        "$value": "#f7ceea"
+        "$value": "#f3d2d6"
       },
       "6": {
         "$type": "color",
-        "$value": "#f4b8e1"
+        "$value": "#eebec4"
       },
       "7": {
         "$type": "color",
-        "$value": "#f1a4d8"
+        "$value": "#e9acb3"
       },
       "8": {
         "$type": "color",
-        "$value": "#b95498"
+        "$value": "#b95c67"
       },
       "9": {
         "$type": "color",
-        "$value": "#8f4176"
+        "$value": "#8f4750"
       },
       "10": {
         "$type": "color",
-        "$value": "#8f4176"
+        "$value": "#8f4750"
       },
       "11": {
         "$type": "color",
-        "$value": "#431f37"
+        "$value": "#432125"
       },
       "12": {
         "$type": "color",
-        "$value": "#E86ABF"
+        "$value": "#D96C79"
       },
       "13": {
         "$type": "color",
-        "$value": "#ed8ece"
+        "$value": "#e18b95"
       },
       "14": {
         "$type": "color",
-        "$value": "#f3aedc"
+        "$value": "#e8a7af"
       },
       "15": {
         "$type": "color",
-        "$value": "#10070d"
+        "$value": "#271316"
       },
       "16": {
         "$type": "color",
@@ -283,47 +283,47 @@
       },
       "5": {
         "$type": "color",
-        "$value": "#d8dadd"
+        "$value": "#d7dadd"
       },
       "6": {
         "$type": "color",
-        "$value": "#c7cacf"
+        "$value": "#c6cacf"
       },
       "7": {
         "$type": "color",
-        "$value": "#b8bcc1"
+        "$value": "#b7bcc1"
       },
       "8": {
         "$type": "color",
-        "$value": "#717a84"
+        "$value": "#707a84"
       },
       "9": {
         "$type": "color",
-        "$value": "#545e6b"
+        "$value": "#525f6b"
       },
       "10": {
         "$type": "color",
-        "$value": "#545e6b"
+        "$value": "#525f6b"
       },
       "11": {
         "$type": "color",
-        "$value": "#1f2c3d"
+        "$value": "#1e2d3c"
       },
       "12": {
         "$type": "color",
-        "$value": "#1E2B3C"
+        "$value": "#203040"
       },
       "13": {
         "$type": "color",
-        "$value": "#313d4d"
+        "$value": "#334250"
       },
       "14": {
         "$type": "color",
-        "$value": "#444f5d"
+        "$value": "#475562"
       },
       "15": {
         "$type": "color",
-        "$value": "#babec4"
+        "$value": "#c0c5c9"
       },
       "16": {
         "$type": "color",
diff --git a/packages/cli/internal.config.json b/packages/cli/internal.config.json
index 19f70aeeac..b1a84ad64a 100644
--- a/packages/cli/internal.config.json
+++ b/packages/cli/internal.config.json
@@ -45,14 +45,14 @@
     "portal": {
       "colors": {
         "main": {
-          "accent": "#4D107D"
+          "accent": "#38628C"
         },
         "support": {
-          "brand1": "#A259DC",
-          "brand2": "#DF73E4",
-          "brand3": "#E86ABF"
+          "brand1": "#D9ECFF",
+          "brand2": "#FFCA99",
+          "brand3": "#D96C79"
         },
-        "neutral": "#1E2B3C"
+        "neutral": "#203040"
       }
     }
   }
diff --git a/packages/theme/brand/altinn.css b/packages/theme/brand/altinn.css
index 614767532e..37cda86f57 100644
--- a/packages/theme/brand/altinn.css
+++ b/packages/theme/brand/altinn.css
@@ -2,7 +2,7 @@
 
 @layer ds.theme, ds.base, ds.utilities, ds.components;
 
-/* This file is generated by @digdir/designsystemet@1.0.3 */
+/* This file is generated by @digdir/designsystemet@1.0.4 */
 
 @layer ds.theme.color-scheme.light {
 :root, [data-color-scheme="light"] {
diff --git a/packages/theme/brand/digdir.css b/packages/theme/brand/digdir.css
index cfa1feceef..f2f646eb42 100644
--- a/packages/theme/brand/digdir.css
+++ b/packages/theme/brand/digdir.css
@@ -2,7 +2,7 @@
 
 @layer ds.theme, ds.base, ds.utilities, ds.components;
 
-/* This file is generated by @digdir/designsystemet@1.0.3 */
+/* This file is generated by @digdir/designsystemet@1.0.4 */
 
 @layer ds.theme.color-scheme.light {
 :root, [data-color-scheme="light"] {
diff --git a/packages/theme/brand/portal.css b/packages/theme/brand/portal.css
index c5f11b45e8..6ff9efcde7 100644
--- a/packages/theme/brand/portal.css
+++ b/packages/theme/brand/portal.css
@@ -2,89 +2,89 @@
 
 @layer ds.theme, ds.base, ds.utilities, ds.components;
 
-/* This file is generated by @digdir/designsystemet@1.0.3 */
+/* This file is generated by @digdir/designsystemet@1.0.4 */
 
 @layer ds.theme.color-scheme.light {
 :root, [data-color-scheme="light"] {
   --ds-color-accent-background-default: #ffffff;
-  --ds-color-accent-background-tinted: #f6f2f8;
+  --ds-color-accent-background-tinted: #f1f4f7;
   --ds-color-accent-surface-default: #ffffff;
-  --ds-color-accent-surface-tinted: #ede6f2;
-  --ds-color-accent-surface-hover: #e1d6e9;
-  --ds-color-accent-surface-active: #d3c5df;
-  --ds-color-accent-border-subtle: #c8b5d7;
-  --ds-color-accent-border-default: #8f69ad;
-  --ds-color-accent-border-strong: #77489c;
-  --ds-color-accent-text-subtle: #77489c;
-  --ds-color-accent-text-default: #410d69;
-  --ds-color-accent-base-default: #4D107D;
-  --ds-color-accent-base-hover: #612b8c;
-  --ds-color-accent-base-active: #734399;
-  --ds-color-accent-base-contrast-subtle: #d4c6e0;
+  --ds-color-accent-surface-tinted: #e3e9ef;
+  --ds-color-accent-surface-hover: #d2dbe5;
+  --ds-color-accent-surface-active: #beccd9;
+  --ds-color-accent-border-subtle: #acbecf;
+  --ds-color-accent-border-default: #597c9f;
+  --ds-color-accent-border-strong: #376089;
+  --ds-color-accent-text-subtle: #376089;
+  --ds-color-accent-text-default: #1a2d40;
+  --ds-color-accent-base-default: #38628C;
+  --ds-color-accent-base-hover: #2d4e70;
+  --ds-color-accent-base-active: #223c56;
+  --ds-color-accent-base-contrast-subtle: #dde4eb;
   --ds-color-accent-base-contrast-default: #ffffff;
   --ds-color-neutral-background-default: #ffffff;
   --ds-color-neutral-background-tinted: #f3f4f4;
   --ds-color-neutral-surface-default: #ffffff;
   --ds-color-neutral-surface-tinted: #e7e9ea;
-  --ds-color-neutral-surface-hover: #d8dadd;
-  --ds-color-neutral-surface-active: #c7cacf;
-  --ds-color-neutral-border-subtle: #b8bcc1;
-  --ds-color-neutral-border-default: #717a84;
-  --ds-color-neutral-border-strong: #545e6b;
-  --ds-color-neutral-text-subtle: #545e6b;
-  --ds-color-neutral-text-default: #1f2c3d;
-  --ds-color-neutral-base-default: #1E2B3C;
-  --ds-color-neutral-base-hover: #313d4d;
-  --ds-color-neutral-base-active: #444f5d;
-  --ds-color-neutral-base-contrast-subtle: #babec4;
+  --ds-color-neutral-surface-hover: #d7dadd;
+  --ds-color-neutral-surface-active: #c6cacf;
+  --ds-color-neutral-border-subtle: #b7bcc1;
+  --ds-color-neutral-border-default: #707a84;
+  --ds-color-neutral-border-strong: #525f6b;
+  --ds-color-neutral-text-subtle: #525f6b;
+  --ds-color-neutral-text-default: #1e2d3c;
+  --ds-color-neutral-base-default: #203040;
+  --ds-color-neutral-base-hover: #334250;
+  --ds-color-neutral-base-active: #475562;
+  --ds-color-neutral-base-contrast-subtle: #c0c5c9;
   --ds-color-neutral-base-contrast-default: #ffffff;
   --ds-color-brand1-background-default: #ffffff;
-  --ds-color-brand1-background-tinted: #f7f1fc;
+  --ds-color-brand1-background-tinted: #ebf5ff;
   --ds-color-brand1-surface-default: #ffffff;
-  --ds-color-brand1-surface-tinted: #f0e4f9;
-  --ds-color-brand1-surface-hover: #e6d3f6;
-  --ds-color-brand1-surface-active: #dbc0f2;
-  --ds-color-brand1-border-subtle: #d2aeee;
-  --ds-color-brand1-border-default: #9e57d7;
-  --ds-color-brand1-border-strong: #7b43a6;
-  --ds-color-brand1-text-subtle: #7b43a6;
-  --ds-color-brand1-text-default: #3a204e;
-  --ds-color-brand1-base-default: #A259DC;
-  --ds-color-brand1-base-hover: #b276e2;
-  --ds-color-brand1-base-active: #c291e8;
-  --ds-color-brand1-base-contrast-subtle: #0a050d;
+  --ds-color-brand1-surface-tinted: #d8ebfe;
+  --ds-color-brand1-surface-hover: #cadcee;
+  --ds-color-brand1-surface-active: #bcccdc;
+  --ds-color-brand1-border-subtle: #aebdcd;
+  --ds-color-brand1-border-default: #707a84;
+  --ds-color-brand1-border-strong: #575e66;
+  --ds-color-brand1-text-subtle: #575e66;
+  --ds-color-brand1-text-default: #282c2f;
+  --ds-color-brand1-base-default: #D9ECFF;
+  --ds-color-brand1-base-hover: #c4d5e6;
+  --ds-color-brand1-base-active: #b0bfce;
+  --ds-color-brand1-base-contrast-subtle: #484e54;
   --ds-color-brand1-base-contrast-default: #000000;
   --ds-color-brand2-background-default: #ffffff;
-  --ds-color-brand2-background-tinted: #fcf0fc;
+  --ds-color-brand2-background-tinted: #fff1e5;
   --ds-color-brand2-surface-default: #ffffff;
-  --ds-color-brand2-surface-tinted: #f8e2f9;
-  --ds-color-brand2-surface-hover: #f4cef6;
-  --ds-color-brand2-surface-active: #efb8f1;
-  --ds-color-brand2-border-subtle: #eaa3ed;
-  --ds-color-brand2-border-default: #ac59b0;
-  --ds-color-brand2-border-strong: #854588;
-  --ds-color-brand2-text-subtle: #854588;
-  --ds-color-brand2-text-default: #3e2040;
-  --ds-color-brand2-base-default: #DF73E4;
-  --ds-color-brand2-base-hover: #e795eb;
-  --ds-color-brand2-base-active: #eeb5f1;
-  --ds-color-brand2-base-contrast-subtle: #170c18;
+  --ds-color-brand2-surface-tinted: #ffe4cb;
+  --ds-color-brand2-surface-hover: #ffd2a8;
+  --ds-color-brand2-surface-active: #f3c092;
+  --ds-color-brand2-border-subtle: #e2b387;
+  --ds-color-brand2-border-default: #917357;
+  --ds-color-brand2-border-strong: #705943;
+  --ds-color-brand2-text-subtle: #705943;
+  --ds-color-brand2-text-default: #34291f;
+  --ds-color-brand2-base-default: #FFCA99;
+  --ds-color-brand2-base-hover: #e5b589;
+  --ds-color-brand2-base-active: #caa079;
+  --ds-color-brand2-base-contrast-subtle: #47382b;
   --ds-color-brand2-base-contrast-default: #000000;
   --ds-color-brand3-background-default: #ffffff;
-  --ds-color-brand3-background-tinted: #fdf0f9;
+  --ds-color-brand3-background-tinted: #fbf1f2;
   --ds-color-brand3-surface-default: #ffffff;
-  --ds-color-brand3-surface-tinted: #fae2f2;
-  --ds-color-brand3-surface-hover: #f7ceea;
-  --ds-color-brand3-surface-active: #f4b8e1;
-  --ds-color-brand3-border-subtle: #f1a4d8;
-  --ds-color-brand3-border-default: #b95498;
-  --ds-color-brand3-border-strong: #8f4176;
-  --ds-color-brand3-text-subtle: #8f4176;
-  --ds-color-brand3-text-default: #431f37;
-  --ds-color-brand3-base-default: #E86ABF;
-  --ds-color-brand3-base-hover: #ed8ece;
-  --ds-color-brand3-base-active: #f3aedc;
-  --ds-color-brand3-base-contrast-subtle: #10070d;
+  --ds-color-brand3-surface-tinted: #f8e4e6;
+  --ds-color-brand3-surface-hover: #f3d2d6;
+  --ds-color-brand3-surface-active: #eebec4;
+  --ds-color-brand3-border-subtle: #e9acb3;
+  --ds-color-brand3-border-default: #b95c67;
+  --ds-color-brand3-border-strong: #8f4750;
+  --ds-color-brand3-text-subtle: #8f4750;
+  --ds-color-brand3-text-default: #432125;
+  --ds-color-brand3-base-default: #D96C79;
+  --ds-color-brand3-base-hover: #e18b95;
+  --ds-color-brand3-base-active: #e8a7af;
+  --ds-color-brand3-base-contrast-subtle: #271316;
   --ds-color-brand3-base-contrast-default: #000000;
   --ds-color-success-background-default: #ffffff;
   --ds-color-success-background-tinted: #ecf6ee;
@@ -151,7 +151,7 @@
   --ds-color-warning-base-contrast-subtle: #271a04;
   --ds-color-warning-base-contrast-default: #000000;
   --ds-color-focus-inner: #ffffff;
-  --ds-color-focus-outer: #1f2c3d;
+  --ds-color-focus-outer: #1e2d3c;
   --ds-link-color-visited: #663299;
 
   color-scheme: light;
@@ -160,84 +160,84 @@
 @media (prefers-color-scheme: light) {
   [data-color-scheme="auto"] {
   --ds-color-accent-background-default: #ffffff;
-  --ds-color-accent-background-tinted: #f6f2f8;
+  --ds-color-accent-background-tinted: #f1f4f7;
   --ds-color-accent-surface-default: #ffffff;
-  --ds-color-accent-surface-tinted: #ede6f2;
-  --ds-color-accent-surface-hover: #e1d6e9;
-  --ds-color-accent-surface-active: #d3c5df;
-  --ds-color-accent-border-subtle: #c8b5d7;
-  --ds-color-accent-border-default: #8f69ad;
-  --ds-color-accent-border-strong: #77489c;
-  --ds-color-accent-text-subtle: #77489c;
-  --ds-color-accent-text-default: #410d69;
-  --ds-color-accent-base-default: #4D107D;
-  --ds-color-accent-base-hover: #612b8c;
-  --ds-color-accent-base-active: #734399;
-  --ds-color-accent-base-contrast-subtle: #d4c6e0;
+  --ds-color-accent-surface-tinted: #e3e9ef;
+  --ds-color-accent-surface-hover: #d2dbe5;
+  --ds-color-accent-surface-active: #beccd9;
+  --ds-color-accent-border-subtle: #acbecf;
+  --ds-color-accent-border-default: #597c9f;
+  --ds-color-accent-border-strong: #376089;
+  --ds-color-accent-text-subtle: #376089;
+  --ds-color-accent-text-default: #1a2d40;
+  --ds-color-accent-base-default: #38628C;
+  --ds-color-accent-base-hover: #2d4e70;
+  --ds-color-accent-base-active: #223c56;
+  --ds-color-accent-base-contrast-subtle: #dde4eb;
   --ds-color-accent-base-contrast-default: #ffffff;
   --ds-color-neutral-background-default: #ffffff;
   --ds-color-neutral-background-tinted: #f3f4f4;
   --ds-color-neutral-surface-default: #ffffff;
   --ds-color-neutral-surface-tinted: #e7e9ea;
-  --ds-color-neutral-surface-hover: #d8dadd;
-  --ds-color-neutral-surface-active: #c7cacf;
-  --ds-color-neutral-border-subtle: #b8bcc1;
-  --ds-color-neutral-border-default: #717a84;
-  --ds-color-neutral-border-strong: #545e6b;
-  --ds-color-neutral-text-subtle: #545e6b;
-  --ds-color-neutral-text-default: #1f2c3d;
-  --ds-color-neutral-base-default: #1E2B3C;
-  --ds-color-neutral-base-hover: #313d4d;
-  --ds-color-neutral-base-active: #444f5d;
-  --ds-color-neutral-base-contrast-subtle: #babec4;
+  --ds-color-neutral-surface-hover: #d7dadd;
+  --ds-color-neutral-surface-active: #c6cacf;
+  --ds-color-neutral-border-subtle: #b7bcc1;
+  --ds-color-neutral-border-default: #707a84;
+  --ds-color-neutral-border-strong: #525f6b;
+  --ds-color-neutral-text-subtle: #525f6b;
+  --ds-color-neutral-text-default: #1e2d3c;
+  --ds-color-neutral-base-default: #203040;
+  --ds-color-neutral-base-hover: #334250;
+  --ds-color-neutral-base-active: #475562;
+  --ds-color-neutral-base-contrast-subtle: #c0c5c9;
   --ds-color-neutral-base-contrast-default: #ffffff;
   --ds-color-brand1-background-default: #ffffff;
-  --ds-color-brand1-background-tinted: #f7f1fc;
+  --ds-color-brand1-background-tinted: #ebf5ff;
   --ds-color-brand1-surface-default: #ffffff;
-  --ds-color-brand1-surface-tinted: #f0e4f9;
-  --ds-color-brand1-surface-hover: #e6d3f6;
-  --ds-color-brand1-surface-active: #dbc0f2;
-  --ds-color-brand1-border-subtle: #d2aeee;
-  --ds-color-brand1-border-default: #9e57d7;
-  --ds-color-brand1-border-strong: #7b43a6;
-  --ds-color-brand1-text-subtle: #7b43a6;
-  --ds-color-brand1-text-default: #3a204e;
-  --ds-color-brand1-base-default: #A259DC;
-  --ds-color-brand1-base-hover: #b276e2;
-  --ds-color-brand1-base-active: #c291e8;
-  --ds-color-brand1-base-contrast-subtle: #0a050d;
+  --ds-color-brand1-surface-tinted: #d8ebfe;
+  --ds-color-brand1-surface-hover: #cadcee;
+  --ds-color-brand1-surface-active: #bcccdc;
+  --ds-color-brand1-border-subtle: #aebdcd;
+  --ds-color-brand1-border-default: #707a84;
+  --ds-color-brand1-border-strong: #575e66;
+  --ds-color-brand1-text-subtle: #575e66;
+  --ds-color-brand1-text-default: #282c2f;
+  --ds-color-brand1-base-default: #D9ECFF;
+  --ds-color-brand1-base-hover: #c4d5e6;
+  --ds-color-brand1-base-active: #b0bfce;
+  --ds-color-brand1-base-contrast-subtle: #484e54;
   --ds-color-brand1-base-contrast-default: #000000;
   --ds-color-brand2-background-default: #ffffff;
-  --ds-color-brand2-background-tinted: #fcf0fc;
+  --ds-color-brand2-background-tinted: #fff1e5;
   --ds-color-brand2-surface-default: #ffffff;
-  --ds-color-brand2-surface-tinted: #f8e2f9;
-  --ds-color-brand2-surface-hover: #f4cef6;
-  --ds-color-brand2-surface-active: #efb8f1;
-  --ds-color-brand2-border-subtle: #eaa3ed;
-  --ds-color-brand2-border-default: #ac59b0;
-  --ds-color-brand2-border-strong: #854588;
-  --ds-color-brand2-text-subtle: #854588;
-  --ds-color-brand2-text-default: #3e2040;
-  --ds-color-brand2-base-default: #DF73E4;
-  --ds-color-brand2-base-hover: #e795eb;
-  --ds-color-brand2-base-active: #eeb5f1;
-  --ds-color-brand2-base-contrast-subtle: #170c18;
+  --ds-color-brand2-surface-tinted: #ffe4cb;
+  --ds-color-brand2-surface-hover: #ffd2a8;
+  --ds-color-brand2-surface-active: #f3c092;
+  --ds-color-brand2-border-subtle: #e2b387;
+  --ds-color-brand2-border-default: #917357;
+  --ds-color-brand2-border-strong: #705943;
+  --ds-color-brand2-text-subtle: #705943;
+  --ds-color-brand2-text-default: #34291f;
+  --ds-color-brand2-base-default: #FFCA99;
+  --ds-color-brand2-base-hover: #e5b589;
+  --ds-color-brand2-base-active: #caa079;
+  --ds-color-brand2-base-contrast-subtle: #47382b;
   --ds-color-brand2-base-contrast-default: #000000;
   --ds-color-brand3-background-default: #ffffff;
-  --ds-color-brand3-background-tinted: #fdf0f9;
+  --ds-color-brand3-background-tinted: #fbf1f2;
   --ds-color-brand3-surface-default: #ffffff;
-  --ds-color-brand3-surface-tinted: #fae2f2;
-  --ds-color-brand3-surface-hover: #f7ceea;
-  --ds-color-brand3-surface-active: #f4b8e1;
-  --ds-color-brand3-border-subtle: #f1a4d8;
-  --ds-color-brand3-border-default: #b95498;
-  --ds-color-brand3-border-strong: #8f4176;
-  --ds-color-brand3-text-subtle: #8f4176;
-  --ds-color-brand3-text-default: #431f37;
-  --ds-color-brand3-base-default: #E86ABF;
-  --ds-color-brand3-base-hover: #ed8ece;
-  --ds-color-brand3-base-active: #f3aedc;
-  --ds-color-brand3-base-contrast-subtle: #10070d;
+  --ds-color-brand3-surface-tinted: #f8e4e6;
+  --ds-color-brand3-surface-hover: #f3d2d6;
+  --ds-color-brand3-surface-active: #eebec4;
+  --ds-color-brand3-border-subtle: #e9acb3;
+  --ds-color-brand3-border-default: #b95c67;
+  --ds-color-brand3-border-strong: #8f4750;
+  --ds-color-brand3-text-subtle: #8f4750;
+  --ds-color-brand3-text-default: #432125;
+  --ds-color-brand3-base-default: #D96C79;
+  --ds-color-brand3-base-hover: #e18b95;
+  --ds-color-brand3-base-active: #e8a7af;
+  --ds-color-brand3-base-contrast-subtle: #271316;
   --ds-color-brand3-base-contrast-default: #000000;
   --ds-color-success-background-default: #ffffff;
   --ds-color-success-background-tinted: #ecf6ee;
@@ -304,7 +304,7 @@
   --ds-color-warning-base-contrast-subtle: #271a04;
   --ds-color-warning-base-contrast-default: #000000;
   --ds-color-focus-inner: #ffffff;
-  --ds-color-focus-outer: #1f2c3d;
+  --ds-color-focus-outer: #1e2d3c;
   --ds-link-color-visited: #663299;
 
   color-scheme: light;
@@ -502,85 +502,85 @@
 
 @layer ds.theme.color-scheme.dark {
 [data-color-scheme="dark"] {
-  --ds-color-accent-background-default: #20112f;
-  --ds-color-accent-background-tinted: #2a163e;
-  --ds-color-accent-surface-default: #351b4e;
-  --ds-color-accent-surface-tinted: #3c1f59;
-  --ds-color-accent-surface-hover: #462568;
-  --ds-color-accent-surface-active: #543473;
-  --ds-color-accent-border-subtle: #60437e;
-  --ds-color-accent-border-default: #8e79a3;
-  --ds-color-accent-border-strong: #b1a2bf;
-  --ds-color-accent-text-subtle: #b1a2bf;
-  --ds-color-accent-text-default: #eeebf1;
-  --ds-color-accent-base-default: #baa2cd;
-  --ds-color-accent-base-hover: #a88bc0;
-  --ds-color-accent-base-active: #9673b3;
-  --ds-color-accent-base-contrast-subtle: #1d1a20;
+  --ds-color-accent-background-default: #111920;
+  --ds-color-accent-background-tinted: #17202a;
+  --ds-color-accent-surface-default: #1d2935;
+  --ds-color-accent-surface-tinted: #212f3d;
+  --ds-color-accent-surface-hover: #273747;
+  --ds-color-accent-surface-active: #304559;
+  --ds-color-accent-border-subtle: #3a526a;
+  --ds-color-accent-border-default: #6d849a;
+  --ds-color-accent-border-strong: #9aaab9;
+  --ds-color-accent-text-subtle: #9aaab9;
+  --ds-color-accent-text-default: #e9edf0;
+  --ds-color-accent-base-default: #7693b0;
+  --ds-color-accent-base-hover: #90a8bf;
+  --ds-color-accent-base-active: #aabcce;
+  --ds-color-accent-base-contrast-subtle: #161c21;
   --ds-color-accent-base-contrast-default: #000000;
-  --ds-color-neutral-background-default: #13181f;
-  --ds-color-neutral-background-tinted: #192029;
-  --ds-color-neutral-surface-default: #202834;
-  --ds-color-neutral-surface-tinted: #262e3a;
-  --ds-color-neutral-surface-hover: #2e3641;
-  --ds-color-neutral-surface-active: #3c444e;
-  --ds-color-neutral-border-subtle: #49515a;
-  --ds-color-neutral-border-default: #7c8289;
+  --ds-color-neutral-background-default: #13181e;
+  --ds-color-neutral-background-tinted: #192028;
+  --ds-color-neutral-surface-default: #1f2932;
+  --ds-color-neutral-surface-tinted: #242f3a;
+  --ds-color-neutral-surface-hover: #2c3641;
+  --ds-color-neutral-surface-active: #3a444e;
+  --ds-color-neutral-border-subtle: #48515a;
+  --ds-color-neutral-border-default: #7b8289;
   --ds-color-neutral-border-strong: #a4a8ad;
   --ds-color-neutral-text-subtle: #a4a8ad;
   --ds-color-neutral-text-default: #ebeced;
-  --ds-color-neutral-base-default: #a6acb2;
-  --ds-color-neutral-base-hover: #90979f;
-  --ds-color-neutral-base-active: #7a828c;
-  --ds-color-neutral-base-contrast-subtle: #1b1c1d;
+  --ds-color-neutral-base-default: #a5acb2;
+  --ds-color-neutral-base-hover: #8f979f;
+  --ds-color-neutral-base-active: #79828c;
+  --ds-color-neutral-base-contrast-subtle: #1a1b1c;
   --ds-color-neutral-base-contrast-default: #000000;
-  --ds-color-brand1-background-default: #1d1425;
-  --ds-color-brand1-background-tinted: #261b31;
-  --ds-color-brand1-surface-default: #30223e;
-  --ds-color-brand1-surface-tinted: #372747;
-  --ds-color-brand1-surface-hover: #412d52;
-  --ds-color-brand1-surface-active: #513867;
-  --ds-color-brand1-border-subtle: #61437b;
-  --ds-color-brand1-border-default: #9b6ec4;
-  --ds-color-brand1-border-strong: #ba9cd6;
-  --ds-color-brand1-text-subtle: #ba9cd6;
-  --ds-color-brand1-text-default: #f0eaf6;
-  --ds-color-brand1-base-default: #9652cb;
-  --ds-color-brand1-base-hover: #7d45aa;
-  --ds-color-brand1-base-active: #643788;
-  --ds-color-brand1-base-contrast-subtle: #fbf8fd;
+  --ds-color-brand1-background-default: #171819;
+  --ds-color-brand1-background-tinted: #1e2022;
+  --ds-color-brand1-surface-default: #26282a;
+  --ds-color-brand1-surface-tinted: #2b2e31;
+  --ds-color-brand1-surface-hover: #333639;
+  --ds-color-brand1-surface-active: #404347;
+  --ds-color-brand1-border-subtle: #4c5055;
+  --ds-color-brand1-border-default: #7b828a;
+  --ds-color-brand1-border-strong: #a0a9b3;
+  --ds-color-brand1-text-subtle: #a0a9b3;
+  --ds-color-brand1-text-default: #e2eefa;
+  --ds-color-brand1-base-default: #141618;
+  --ds-color-brand1-base-hover: #24272b;
+  --ds-color-brand1-base-active: #34393d;
+  --ds-color-brand1-base-contrast-subtle: #a2a3a4;
   --ds-color-brand1-base-contrast-default: #ffffff;
-  --ds-color-brand2-background-default: #1f1420;
-  --ds-color-brand2-background-tinted: #291a2a;
-  --ds-color-brand2-surface-default: #342135;
-  --ds-color-brand2-surface-tinted: #3c263d;
-  --ds-color-brand2-surface-hover: #462d47;
-  --ds-color-brand2-surface-active: #573859;
-  --ds-color-brand2-border-subtle: #68436a;
-  --ds-color-brand2-border-default: #a86cab;
-  --ds-color-brand2-border-strong: #d491d6;
-  --ds-color-brand2-text-subtle: #d491d6;
-  --ds-color-brand2-text-default: #f6e8f7;
-  --ds-color-brand2-base-default: #773d79;
-  --ds-color-brand2-base-hover: #5d305f;
-  --ds-color-brand2-base-active: #442345;
-  --ds-color-brand2-base-contrast-subtle: #f4f0f4;
+  --ds-color-brand2-background-default: #1b1713;
+  --ds-color-brand2-background-tinted: #241e19;
+  --ds-color-brand2-surface-default: #2e2720;
+  --ds-color-brand2-surface-tinted: #342c25;
+  --ds-color-brand2-surface-hover: #3d342b;
+  --ds-color-brand2-surface-active: #4d4136;
+  --ds-color-brand2-border-subtle: #5b4d41;
+  --ds-color-brand2-border-default: #947d69;
+  --ds-color-brand2-border-strong: #c0a388;
+  --ds-color-brand2-text-subtle: #c0a388;
+  --ds-color-brand2-text-default: #faeadb;
+  --ds-color-brand2-base-default: #2e241b;
+  --ds-color-brand2-base-hover: #423528;
+  --ds-color-brand2-base-active: #584635;
+  --ds-color-brand2-base-contrast-subtle: #bcb9b6;
   --ds-color-brand2-base-contrast-default: #ffffff;
-  --ds-color-brand3-background-default: #21141c;
-  --ds-color-brand3-background-tinted: #2c1a25;
-  --ds-color-brand3-surface-default: #37212f;
-  --ds-color-brand3-surface-tinted: #3f2636;
-  --ds-color-brand3-surface-hover: #4a2c3f;
-  --ds-color-brand3-surface-active: #5d374f;
-  --ds-color-brand3-border-subtle: #6f415f;
-  --ds-color-brand3-border-default: #b26a98;
-  --ds-color-brand3-border-strong: #db91c0;
-  --ds-color-brand3-text-subtle: #db91c0;
-  --ds-color-brand3-text-default: #f8e8f2;
-  --ds-color-brand3-base-default: #873e6f;
-  --ds-color-brand3-base-hover: #6a3158;
-  --ds-color-brand3-base-active: #4f2441;
-  --ds-color-brand3-base-contrast-subtle: #f9f6f8;
+  --ds-color-brand3-background-default: #211416;
+  --ds-color-brand3-background-tinted: #2c1b1d;
+  --ds-color-brand3-surface-default: #372224;
+  --ds-color-brand3-surface-tinted: #402729;
+  --ds-color-brand3-surface-hover: #4a2e30;
+  --ds-color-brand3-surface-active: #5d393d;
+  --ds-color-brand3-border-subtle: #6f4448;
+  --ds-color-brand3-border-default: #b36e74;
+  --ds-color-brand3-border-strong: #d3999e;
+  --ds-color-brand3-text-subtle: #d3999e;
+  --ds-color-brand3-text-default: #f6e9eb;
+  --ds-color-brand3-base-default: #954a53;
+  --ds-color-brand3-base-hover: #783c43;
+  --ds-color-brand3-base-active: #5d2e34;
+  --ds-color-brand3-base-contrast-subtle: #eee2e4;
   --ds-color-brand3-base-contrast-default: #ffffff;
   --ds-color-success-background-default: #0d1b0d;
   --ds-color-success-background-tinted: #112411;
@@ -646,7 +646,7 @@
   --ds-color-warning-base-active: #946211;
   --ds-color-warning-base-contrast-subtle: #e6e2d9;
   --ds-color-warning-base-contrast-default: #ffffff;
-  --ds-color-focus-inner: #13181f;
+  --ds-color-focus-inner: #13181e;
   --ds-color-focus-outer: #ebeced;
   --ds-link-color-visited: #b49acd;
 
@@ -655,85 +655,85 @@
  
 @media (prefers-color-scheme: dark) {
   [data-color-scheme="auto"] {
-  --ds-color-accent-background-default: #20112f;
-  --ds-color-accent-background-tinted: #2a163e;
-  --ds-color-accent-surface-default: #351b4e;
-  --ds-color-accent-surface-tinted: #3c1f59;
-  --ds-color-accent-surface-hover: #462568;
-  --ds-color-accent-surface-active: #543473;
-  --ds-color-accent-border-subtle: #60437e;
-  --ds-color-accent-border-default: #8e79a3;
-  --ds-color-accent-border-strong: #b1a2bf;
-  --ds-color-accent-text-subtle: #b1a2bf;
-  --ds-color-accent-text-default: #eeebf1;
-  --ds-color-accent-base-default: #baa2cd;
-  --ds-color-accent-base-hover: #a88bc0;
-  --ds-color-accent-base-active: #9673b3;
-  --ds-color-accent-base-contrast-subtle: #1d1a20;
+  --ds-color-accent-background-default: #111920;
+  --ds-color-accent-background-tinted: #17202a;
+  --ds-color-accent-surface-default: #1d2935;
+  --ds-color-accent-surface-tinted: #212f3d;
+  --ds-color-accent-surface-hover: #273747;
+  --ds-color-accent-surface-active: #304559;
+  --ds-color-accent-border-subtle: #3a526a;
+  --ds-color-accent-border-default: #6d849a;
+  --ds-color-accent-border-strong: #9aaab9;
+  --ds-color-accent-text-subtle: #9aaab9;
+  --ds-color-accent-text-default: #e9edf0;
+  --ds-color-accent-base-default: #7693b0;
+  --ds-color-accent-base-hover: #90a8bf;
+  --ds-color-accent-base-active: #aabcce;
+  --ds-color-accent-base-contrast-subtle: #161c21;
   --ds-color-accent-base-contrast-default: #000000;
-  --ds-color-neutral-background-default: #13181f;
-  --ds-color-neutral-background-tinted: #192029;
-  --ds-color-neutral-surface-default: #202834;
-  --ds-color-neutral-surface-tinted: #262e3a;
-  --ds-color-neutral-surface-hover: #2e3641;
-  --ds-color-neutral-surface-active: #3c444e;
-  --ds-color-neutral-border-subtle: #49515a;
-  --ds-color-neutral-border-default: #7c8289;
+  --ds-color-neutral-background-default: #13181e;
+  --ds-color-neutral-background-tinted: #192028;
+  --ds-color-neutral-surface-default: #1f2932;
+  --ds-color-neutral-surface-tinted: #242f3a;
+  --ds-color-neutral-surface-hover: #2c3641;
+  --ds-color-neutral-surface-active: #3a444e;
+  --ds-color-neutral-border-subtle: #48515a;
+  --ds-color-neutral-border-default: #7b8289;
   --ds-color-neutral-border-strong: #a4a8ad;
   --ds-color-neutral-text-subtle: #a4a8ad;
   --ds-color-neutral-text-default: #ebeced;
-  --ds-color-neutral-base-default: #a6acb2;
-  --ds-color-neutral-base-hover: #90979f;
-  --ds-color-neutral-base-active: #7a828c;
-  --ds-color-neutral-base-contrast-subtle: #1b1c1d;
+  --ds-color-neutral-base-default: #a5acb2;
+  --ds-color-neutral-base-hover: #8f979f;
+  --ds-color-neutral-base-active: #79828c;
+  --ds-color-neutral-base-contrast-subtle: #1a1b1c;
   --ds-color-neutral-base-contrast-default: #000000;
-  --ds-color-brand1-background-default: #1d1425;
-  --ds-color-brand1-background-tinted: #261b31;
-  --ds-color-brand1-surface-default: #30223e;
-  --ds-color-brand1-surface-tinted: #372747;
-  --ds-color-brand1-surface-hover: #412d52;
-  --ds-color-brand1-surface-active: #513867;
-  --ds-color-brand1-border-subtle: #61437b;
-  --ds-color-brand1-border-default: #9b6ec4;
-  --ds-color-brand1-border-strong: #ba9cd6;
-  --ds-color-brand1-text-subtle: #ba9cd6;
-  --ds-color-brand1-text-default: #f0eaf6;
-  --ds-color-brand1-base-default: #9652cb;
-  --ds-color-brand1-base-hover: #7d45aa;
-  --ds-color-brand1-base-active: #643788;
-  --ds-color-brand1-base-contrast-subtle: #fbf8fd;
+  --ds-color-brand1-background-default: #171819;
+  --ds-color-brand1-background-tinted: #1e2022;
+  --ds-color-brand1-surface-default: #26282a;
+  --ds-color-brand1-surface-tinted: #2b2e31;
+  --ds-color-brand1-surface-hover: #333639;
+  --ds-color-brand1-surface-active: #404347;
+  --ds-color-brand1-border-subtle: #4c5055;
+  --ds-color-brand1-border-default: #7b828a;
+  --ds-color-brand1-border-strong: #a0a9b3;
+  --ds-color-brand1-text-subtle: #a0a9b3;
+  --ds-color-brand1-text-default: #e2eefa;
+  --ds-color-brand1-base-default: #141618;
+  --ds-color-brand1-base-hover: #24272b;
+  --ds-color-brand1-base-active: #34393d;
+  --ds-color-brand1-base-contrast-subtle: #a2a3a4;
   --ds-color-brand1-base-contrast-default: #ffffff;
-  --ds-color-brand2-background-default: #1f1420;
-  --ds-color-brand2-background-tinted: #291a2a;
-  --ds-color-brand2-surface-default: #342135;
-  --ds-color-brand2-surface-tinted: #3c263d;
-  --ds-color-brand2-surface-hover: #462d47;
-  --ds-color-brand2-surface-active: #573859;
-  --ds-color-brand2-border-subtle: #68436a;
-  --ds-color-brand2-border-default: #a86cab;
-  --ds-color-brand2-border-strong: #d491d6;
-  --ds-color-brand2-text-subtle: #d491d6;
-  --ds-color-brand2-text-default: #f6e8f7;
-  --ds-color-brand2-base-default: #773d79;
-  --ds-color-brand2-base-hover: #5d305f;
-  --ds-color-brand2-base-active: #442345;
-  --ds-color-brand2-base-contrast-subtle: #f4f0f4;
+  --ds-color-brand2-background-default: #1b1713;
+  --ds-color-brand2-background-tinted: #241e19;
+  --ds-color-brand2-surface-default: #2e2720;
+  --ds-color-brand2-surface-tinted: #342c25;
+  --ds-color-brand2-surface-hover: #3d342b;
+  --ds-color-brand2-surface-active: #4d4136;
+  --ds-color-brand2-border-subtle: #5b4d41;
+  --ds-color-brand2-border-default: #947d69;
+  --ds-color-brand2-border-strong: #c0a388;
+  --ds-color-brand2-text-subtle: #c0a388;
+  --ds-color-brand2-text-default: #faeadb;
+  --ds-color-brand2-base-default: #2e241b;
+  --ds-color-brand2-base-hover: #423528;
+  --ds-color-brand2-base-active: #584635;
+  --ds-color-brand2-base-contrast-subtle: #bcb9b6;
   --ds-color-brand2-base-contrast-default: #ffffff;
-  --ds-color-brand3-background-default: #21141c;
-  --ds-color-brand3-background-tinted: #2c1a25;
-  --ds-color-brand3-surface-default: #37212f;
-  --ds-color-brand3-surface-tinted: #3f2636;
-  --ds-color-brand3-surface-hover: #4a2c3f;
-  --ds-color-brand3-surface-active: #5d374f;
-  --ds-color-brand3-border-subtle: #6f415f;
-  --ds-color-brand3-border-default: #b26a98;
-  --ds-color-brand3-border-strong: #db91c0;
-  --ds-color-brand3-text-subtle: #db91c0;
-  --ds-color-brand3-text-default: #f8e8f2;
-  --ds-color-brand3-base-default: #873e6f;
-  --ds-color-brand3-base-hover: #6a3158;
-  --ds-color-brand3-base-active: #4f2441;
-  --ds-color-brand3-base-contrast-subtle: #f9f6f8;
+  --ds-color-brand3-background-default: #211416;
+  --ds-color-brand3-background-tinted: #2c1b1d;
+  --ds-color-brand3-surface-default: #372224;
+  --ds-color-brand3-surface-tinted: #402729;
+  --ds-color-brand3-surface-hover: #4a2e30;
+  --ds-color-brand3-surface-active: #5d393d;
+  --ds-color-brand3-border-subtle: #6f4448;
+  --ds-color-brand3-border-default: #b36e74;
+  --ds-color-brand3-border-strong: #d3999e;
+  --ds-color-brand3-text-subtle: #d3999e;
+  --ds-color-brand3-text-default: #f6e9eb;
+  --ds-color-brand3-base-default: #954a53;
+  --ds-color-brand3-base-hover: #783c43;
+  --ds-color-brand3-base-active: #5d2e34;
+  --ds-color-brand3-base-contrast-subtle: #eee2e4;
   --ds-color-brand3-base-contrast-default: #ffffff;
   --ds-color-success-background-default: #0d1b0d;
   --ds-color-success-background-tinted: #112411;
@@ -799,7 +799,7 @@
   --ds-color-warning-base-active: #946211;
   --ds-color-warning-base-contrast-subtle: #e6e2d9;
   --ds-color-warning-base-contrast-default: #ffffff;
-  --ds-color-focus-inner: #13181f;
+  --ds-color-focus-inner: #13181e;
   --ds-color-focus-outer: #ebeced;
   --ds-link-color-visited: #b49acd;
 
diff --git a/packages/theme/brand/uutilsynet.css b/packages/theme/brand/uutilsynet.css
index e958be1ffa..b54564ce51 100644
--- a/packages/theme/brand/uutilsynet.css
+++ b/packages/theme/brand/uutilsynet.css
@@ -2,7 +2,7 @@
 
 @layer ds.theme, ds.base, ds.utilities, ds.components;
 
-/* This file is generated by @digdir/designsystemet@1.0.3 */
+/* This file is generated by @digdir/designsystemet@1.0.4 */
 
 @layer ds.theme.color-scheme.light {
 :root, [data-color-scheme="light"] {


Reviews:
user: login: mimarz
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-04-28T10:17:45Z
user: login: mimarz
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-04-28T10:18:36Z
user: login: mimarz
state: APPROVED
author_association: COLLABORATOR
submitted_at: 2025-04-28T11:36:28Z

Review comments:
diff_hunk: @@ -0,0 +1,6 @@
+---
+"@digdir/designsystemet": patch
path: .changeset/tough-crabs-prove.md
user: login: mimarz
body: ```suggestion
```
created_at: 2025-04-28T10:17:45Z
author_association: COLLABORATOR
diff_hunk: @@ -0,0 +1,6 @@
+---
+"@digdir/designsystemet": patch
+"@digdir/designsystemet-theme": patch
+---
+
+Added new colors to the internal theme "Portal" 
path: .changeset/tough-crabs-prove.md
user: login: mimarz
body: ```suggestion
Update "Portal" theme colors 
```
created_at: 2025-04-28T10:18:36Z
author_association: COLLABORATOR

PR comments:
user: login: changeset-bot[bot]
created_at: 2025-04-28T07:34:13Z
body: ###  🦋  Changeset detected

Latest commit: 5d243b07aa1232c7f5650202bdb78558398853d5

**The changes in this PR will be included in the next version bump.**

<details><summary>This PR includes changesets to release 4 packages</summary>

  | Name                         | Type  |
| ---------------------------- | ----- |
| @digdir/designsystemet-theme | Patch |
| @digdir/designsystemet       | Patch |
| @digdir/designsystemet-css   | Patch |
| @digdir/designsystemet-react | Patch |

</details>

Not sure what this means? [Click here  to learn what changesets are](https://github.com/changesets/changesets/blob/main/docs/adding-a-changeset.md).

[Click here if you're a maintainer who wants to add another changeset to this PR](https://github.com/digdir/designsystemet/new/Adding-new-colors-to-portal?filename=.changeset/proud-planets-kneel.md&value=---%0A%22%40digdir%2Fdesignsystemet%22%3A%20patch%0A%22%40digdir%2Fdesignsystemet-theme%22%3A%20patch%0A---%0A%0Achore%3A%20updated%20portal%20theme%20colors%0A)


author_association: NONE
user: login: github-actions[bot]
created_at: 2025-04-28T07:34:28Z
body: **Preview deployments for this pull request:**

[Storybook](https://pr-3502.storybook.designsystemet.no) - `28. Apr 2025 - 13:02`
author_association: CONTRIBUTOR
user: login: github-actions[bot]
created_at: 2025-04-28T07:35:39Z
body: <h2>Coverage Report</h2>
<table> <thead> <tr> <th align="center">Status</th> <th align="left">Category</th> <th align="right">Percentage</th> <th align="right">Covered / Total</th> </tr> </thead> <tbody> <tr> <td align="center">🔵</td> <td align="left">Lines</td> <td align="right">49.01%</td> <td align="right">3308 / 6749</td> </tr> <tr> <td align="center">🔵</td> <td align="left">Statements</td> <td align="right">49.01%</td> <td align="right">3308 / 6749</td> </tr> <tr> <td align="center">🔵</td> <td align="left">Functions</td> <td align="right">83.26%</td> <td align="right">219 / 263</td> </tr> <tr> <td align="center">🔵</td> <td align="left">Branches</td> <td align="right">77.82%</td> <td align="right">579 / 744</td> </tr> </tbody> </table><details><summary>File Coverage</summary>No changed files found.</details>
<em>Generated in workflow <a href=https://github.com/digdir/designsystemet/actions/runs/14706140674>#2804</a> for commit <a href="https://github.com/digdir/designsystemet/commit/5d243b07aa1232c7f5650202bdb78558398853d5">5d243b0</a> by the <a href="https://github.com/davelosert/vitest-coverage-report-action">Vitest Coverage Report Action</a></em>

<!-- vitest-coverage-report-marker-root -->
author_association: CONTRIBUTOR