From 361b42bf0f8d67bfda928ecabe2a4b7e9ab2e81d Mon Sep 17 00:00:00 2001
From: svc-instui <231108445+svc-instui@users.noreply.github.com>
Date: Wed, 15 Apr 2026 17:42:24 +0200
Subject: [PATCH 01/18] chore: update sidenav token values

---
 .../ui-scripts/lib/build/tokensStudio/$themes.json   |  8 ++++----
 .../tokensStudio/canvas/component/SideNavBarNew.json | 12 ++++++------
 .../rebrand/component/SideNavBarNew.json             | 12 ++++++------
 3 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
index 2daea66328..6fcbff7fed 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
@@ -1771,7 +1771,6 @@
       "sideNavBarNew.mainNavMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622",
       "sideNavBarNew.mainNavMinimizedMargin": "75ee35f23275e35fd50ef460d901a465230b7b1d",
       "sideNavBarNew.mainNavGap": "4fa820104165eac11b31e43c85eb0526b454254d",
-      "sideNavBarNew.mainNavMinimizedGap": "63387662de0605ef17cf19b058dd48783b252c8d",
       "sideNavBarNew.navItemsGap": "00008d3a76b80546bab5238b1202635f83f30c19",
       "sideNavBarNew.borderRadius": "8ef3b3b14810122cacc7e1c190c20e425d4ddd3e",
       "sideNavBarNew.minimizedBorderRadius": "1ec44553a6da0a2883b34e713a5232b9b1a342b3",
@@ -1792,6 +1791,7 @@
       "sideNavBarItemNew.selectedInnerFocusOutlineColor": "9a904fc6e765c27ec8b58fb358f07b4a8079448d",
       "sideNavBarItemNew.outerFocusOutlineColor": "21797498ad79f4f4ecab223db172bb2a8ad98311",
       "sideNavBarItemNew.selectedOuterFocusOutlineColor": "da601cdd931536f68faa6473a19ca9ec0a6da856",
+      "sideNavBarNew.borderWidth": "41fc164299272ff07a760d4a31e39dee357180cc",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
@@ -3916,7 +3916,6 @@
       "sideNavBarNew.mainNavMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622",
       "sideNavBarNew.mainNavMinimizedMargin": "75ee35f23275e35fd50ef460d901a465230b7b1d",
       "sideNavBarNew.mainNavGap": "4fa820104165eac11b31e43c85eb0526b454254d",
-      "sideNavBarNew.mainNavMinimizedGap": "63387662de0605ef17cf19b058dd48783b252c8d",
       "sideNavBarNew.navItemsGap": "00008d3a76b80546bab5238b1202635f83f30c19",
       "sideNavBarNew.borderRadius": "8ef3b3b14810122cacc7e1c190c20e425d4ddd3e",
       "sideNavBarNew.minimizedBorderRadius": "1ec44553a6da0a2883b34e713a5232b9b1a342b3",
@@ -3937,6 +3936,7 @@
       "sideNavBarItemNew.selectedInnerFocusOutlineColor": "9a904fc6e765c27ec8b58fb358f07b4a8079448d",
       "sideNavBarItemNew.outerFocusOutlineColor": "21797498ad79f4f4ecab223db172bb2a8ad98311",
       "sideNavBarItemNew.selectedOuterFocusOutlineColor": "da601cdd931536f68faa6473a19ca9ec0a6da856",
+      "sideNavBarNew.borderWidth": "41fc164299272ff07a760d4a31e39dee357180cc",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
@@ -6126,7 +6126,6 @@
       "sideNavBarNew.mainNavMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622",
       "sideNavBarNew.mainNavMinimizedMargin": "75ee35f23275e35fd50ef460d901a465230b7b1d",
       "sideNavBarNew.mainNavGap": "4fa820104165eac11b31e43c85eb0526b454254d",
-      "sideNavBarNew.mainNavMinimizedGap": "63387662de0605ef17cf19b058dd48783b252c8d",
       "sideNavBarNew.navItemsGap": "00008d3a76b80546bab5238b1202635f83f30c19",
       "sideNavBarNew.borderRadius": "8ef3b3b14810122cacc7e1c190c20e425d4ddd3e",
       "sideNavBarNew.minimizedBorderRadius": "1ec44553a6da0a2883b34e713a5232b9b1a342b3",
@@ -6146,6 +6145,7 @@
       "sideNavBarItemNew.outerFocusOutlineColor": "21797498ad79f4f4ecab223db172bb2a8ad98311",
       "sideNavBarItemNew.selectedOuterFocusOutlineColor": "da601cdd931536f68faa6473a19ca9ec0a6da856",
       "sideNavBarItemNew.verticalPadding": "1d7136e7e2bbeb156fc66f4d7d3a0d811cc6b6ee",
+      "sideNavBarNew.borderWidth": "41fc164299272ff07a760d4a31e39dee357180cc",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
@@ -8273,7 +8273,6 @@
       "sideNavBarNew.mainNavMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622",
       "sideNavBarNew.mainNavMinimizedMargin": "75ee35f23275e35fd50ef460d901a465230b7b1d",
       "sideNavBarNew.mainNavGap": "4fa820104165eac11b31e43c85eb0526b454254d",
-      "sideNavBarNew.mainNavMinimizedGap": "63387662de0605ef17cf19b058dd48783b252c8d",
       "sideNavBarNew.navItemsGap": "00008d3a76b80546bab5238b1202635f83f30c19",
       "sideNavBarNew.borderRadius": "8ef3b3b14810122cacc7e1c190c20e425d4ddd3e",
       "sideNavBarNew.minimizedBorderRadius": "1ec44553a6da0a2883b34e713a5232b9b1a342b3",
@@ -8293,6 +8292,7 @@
       "sideNavBarItemNew.outerFocusOutlineColor": "21797498ad79f4f4ecab223db172bb2a8ad98311",
       "sideNavBarItemNew.selectedOuterFocusOutlineColor": "da601cdd931536f68faa6473a19ca9ec0a6da856",
       "sideNavBarItemNew.verticalPadding": "1d7136e7e2bbeb156fc66f4d7d3a0d811cc6b6ee",
+      "sideNavBarNew.borderWidth": "41fc164299272ff07a760d4a31e39dee357180cc",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
index 27f43197fa..155f0b6d56 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
@@ -13,7 +13,7 @@
       "type": "color"
     },
     "minimizedminWidth": {
-      "value": "3.375rem",
+      "value": "6.5rem",
       "type": "sizing"
     },
     "toggleTransition": {
@@ -21,7 +21,7 @@
       "type": "other"
     },
     "minWidth": {
-      "value": "5.25rem",
+      "value": "17.25rem",
       "type": "sizing"
     },
     "margin": {
@@ -44,10 +44,6 @@
       "value": "{spacing.padding.container.xxs}",
       "type": "spacing"
     },
-    "mainNavMinimizedGap": {
-      "value": "0rem",
-      "type": "spacing"
-    },
     "navItemsGap": {
       "value": "0rem",
       "type": "spacing"
@@ -85,6 +81,10 @@
     "borderColor": {
       "value": "{color.stroke.base}",
       "type": "color"
+    },
+    "borderWidth": {
+      "value": "{borderWidth.sm}",
+      "type": "borderWidth"
     }
   },
   "sideNavBarItemNew": {
diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
index 1a1b16e9c7..1238c60c61 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
@@ -17,7 +17,7 @@
       "type": "color"
     },
     "minimizedminWidth": {
-      "value": "6.75rem",
+      "value": "6.5rem",
       "type": "sizing"
     },
     "toggleTransition": {
@@ -25,7 +25,7 @@
       "type": "other"
     },
     "minWidth": {
-      "value": "17rem",
+      "value": "17.25rem",
       "type": "sizing"
     },
     "margin": {
@@ -48,10 +48,6 @@
       "value": "{spacing.padding.container.xxs}",
       "type": "spacing"
     },
-    "mainNavMinimizedGap": {
-      "value": "0rem",
-      "type": "spacing"
-    },
     "navItemsGap": {
       "value": "{spacing.spaceXs}",
       "type": "spacing"
@@ -85,6 +81,10 @@
     "minimizedBorderRadius": {
       "value": "{borderRadius.container.sm}",
       "type": "borderRadius"
+    },
+    "borderWidth": {
+      "value": "{borderWidth.sm}",
+      "type": "borderWidth"
     }
   },
   "sideNavBarItemNew": {

From 0023f8be9d7bd4ae2bd5bc281eeff53b88c1b60a Mon Sep 17 00:00:00 2001
From: svc-instui <231108445+svc-instui@users.noreply.github.com>
Date: Wed, 15 Apr 2026 18:03:58 +0200
Subject: [PATCH 02/18] chore: update navbar token values

---
 .../lib/build/tokensStudio/canvas/component/SideNavBarNew.json  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
index 155f0b6d56..fe4554baf0 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
@@ -79,7 +79,7 @@
       "type": "borderRadius"
     },
     "borderColor": {
-      "value": "{color.stroke.base}",
+      "value": "{color.stroke.strong}",
       "type": "color"
     },
     "borderWidth": {

From 7da8e1f635774ec009cd1b386c95cdf3f7ff9c60 Mon Sep 17 00:00:00 2001
From: svc-instui <231108445+svc-instui@users.noreply.github.com>
Date: Wed, 15 Apr 2026 18:16:25 +0200
Subject: [PATCH 03/18] chore: update sidenav token value

---
 .../lib/build/tokensStudio/canvas/component/SideNavBarNew.json  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
index fe4554baf0..09dcaaa593 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
@@ -41,7 +41,7 @@
       "type": "spacing"
     },
     "mainNavGap": {
-      "value": "{spacing.padding.container.xxs}",
+      "value": "0rem",
       "type": "spacing"
     },
     "navItemsGap": {

From 3c9068ddb33a275d92ba0bde8080e891d710d9de Mon Sep 17 00:00:00 2001
From: svc-instui <231108445+svc-instui@users.noreply.github.com>
Date: Thu, 16 Apr 2026 11:48:23 +0200
Subject: [PATCH 04/18] chore: update sidenav width values in canvas themes

---
 .../build/tokensStudio/canvas/component/SideNavBarNew.json    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
index 09dcaaa593..520605b52d 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
@@ -13,7 +13,7 @@
       "type": "color"
     },
     "minimizedminWidth": {
-      "value": "6.5rem",
+      "value": "5.75rem",
       "type": "sizing"
     },
     "toggleTransition": {
@@ -21,7 +21,7 @@
       "type": "other"
     },
     "minWidth": {
-      "value": "17.25rem",
+      "value": "15.75rem",
       "type": "sizing"
     },
     "margin": {

From fc502b2073558c9643acad9137055764ca10fa29 Mon Sep 17 00:00:00 2001
From: svc-instui <231108445+svc-instui@users.noreply.github.com>
Date: Fri, 17 Apr 2026 09:40:56 +0200
Subject: [PATCH 05/18] chore: update sidenav tokens

---
 .../lib/build/tokensStudio/canvas/component/SideNavBarNew.json  | 2 +-
 .../lib/build/tokensStudio/rebrand/component/SideNavBarNew.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
index 520605b52d..ce3eab4b8e 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
@@ -117,7 +117,7 @@
       "type": "fontFamilies"
     },
     "fontSize": {
-      "value": "{fontSize.textSm}",
+      "value": "{fontSize.textBase}",
       "type": "fontSizes"
     },
     "fontWeight": {
diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
index 1238c60c61..da6053a87b 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
@@ -113,7 +113,7 @@
       "type": "fontFamilies"
     },
     "fontSize": {
-      "value": "{fontSize.textSm}",
+      "value": "{fontSize.textBase}",
       "type": "fontSizes"
     },
     "fontWeight": {

From 6d071b4ca15b84943fa4dcce008416fd1213fd77 Mon Sep 17 00:00:00 2001
From: svc-instui <231108445+svc-instui@users.noreply.github.com>
Date: Fri, 17 Apr 2026 10:33:05 +0200
Subject: [PATCH 06/18] chore: rename sidenav tokens and add option color
 tokens

---
 .../lib/build/tokensStudio/$themes.json       | 136 ++++++++-------
 .../canvas/component/SideNavBarNew.json       | 156 ++++++++++--------
 .../rebrand/component/SideNavBarNew.json      | 156 ++++++++++--------
 3 files changed, 238 insertions(+), 210 deletions(-)

diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
index 6fcbff7fed..a4741dc6b4 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
@@ -1775,23 +1775,25 @@
       "sideNavBarNew.borderRadius": "8ef3b3b14810122cacc7e1c190c20e425d4ddd3e",
       "sideNavBarNew.minimizedBorderRadius": "1ec44553a6da0a2883b34e713a5232b9b1a342b3",
       "sideNavBarNew.borderColor": "14f52d598353c94a9e32e45fb8a992e259d768d7",
-      "sideNavBarItemNew.iconWrapperHeight": "e4e7badf90bcabc66ade4c37f6b922ca9143f351",
-      "sideNavBarItemNew.borderRadius": "66492417be08179bc118fb9b83990b384a6daebc",
-      "sideNavBarItemNew.backgroundColor": "629af40584e738929a8575b29436581704204b61",
-      "sideNavBarItemNew.horizontalPadding": "728353a6c07e37f03877ea4842d506233404da6a",
-      "sideNavBarItemNew.verticalPadding": "1d7136e7e2bbeb156fc66f4d7d3a0d811cc6b6ee",
-      "sideNavBarItemNew.fontColor": "2f319736126acb5fd7c3bbafeab748f89c04ca4a",
-      "sideNavBarItemNew.fontFamily": "f5c8f947f87e9e199119a13657fb437ee1c29b55",
-      "sideNavBarItemNew.fontSize": "6f2c8223141ed42322d9326c2a4f031b17872006",
-      "sideNavBarItemNew.fontWeight": "80ddb2215929e35dba2bd11d4c6158a388ab6d08",
-      "sideNavBarItemNew.hoverBackgroundColor": "51b245d0cadd90c56eb23e5c131a06057d2b96e6",
-      "sideNavBarItemNew.selectedBackgroundColor": "fe4c5293d5f694697e0cac1c910a6fcdd858a0e2",
-      "sideNavBarItemNew.selectedFontColor": "ae3c1d9b9be224d1481541b55fb3986dfeb0b230",
-      "sideNavBarItemNew.innerFocusOutlineColor": "b51de15a8aa6a70df57530d950af550ff4fa5da1",
-      "sideNavBarItemNew.selectedInnerFocusOutlineColor": "9a904fc6e765c27ec8b58fb358f07b4a8079448d",
-      "sideNavBarItemNew.outerFocusOutlineColor": "21797498ad79f4f4ecab223db172bb2a8ad98311",
-      "sideNavBarItemNew.selectedOuterFocusOutlineColor": "da601cdd931536f68faa6473a19ca9ec0a6da856",
       "sideNavBarNew.borderWidth": "41fc164299272ff07a760d4a31e39dee357180cc",
+      "sideNavBarNew.item.iconWrapperHeight": "e4e7badf90bcabc66ade4c37f6b922ca9143f351",
+      "sideNavBarNew.item.borderRadius": "94e5d2c0093717a3fc2fcc5169ba3e11efdf063d",
+      "sideNavBarNew.item.backgroundColor": "ceb2d4400f3a45956591c9f5f7e1e10476feabb1",
+      "sideNavBarNew.item.horizontalPadding": "728353a6c07e37f03877ea4842d506233404da6a",
+      "sideNavBarNew.item.verticalPadding": "1d7136e7e2bbeb156fc66f4d7d3a0d811cc6b6ee",
+      "sideNavBarNew.item.fontColor": "2f93d3ed0960cfea59712af893d622b6dfbd01f2",
+      "sideNavBarNew.item.fontFamily": "cfc4e2fc17c53f0ca978efc078a013968a3bd704",
+      "sideNavBarNew.item.fontSize": "bfa715a996d5463bf240aca44d4726297a10ab0f",
+      "sideNavBarNew.item.fontWeight": "70b00dec6b69c4a69bff262ace88c6cd6ca60e4a",
+      "sideNavBarNew.item.hoverBackgroundColor": "02ecb8a8500672ba54248252f5bf5c7e05757523",
+      "sideNavBarNew.item.selectedBackgroundColor": "81fc02483fbbc7e7dd536f9146d67ffdf5200fc0",
+      "sideNavBarNew.item.selectedFontColor": "d98ec32510148df78f8a75be57c45f8e2e3acac9",
+      "sideNavBarNew.item.innerFocusOutlineColor": "d02104a23e354a28816594c965e592d1b7584f43",
+      "sideNavBarNew.item.selectedInnerFocusOutlineColor": "9e2a5708aefbf940c60d6aa7d3876c1f24f12ec9",
+      "sideNavBarNew.item.outerFocusOutlineColor": "56eeaf7937e36c3e50d4eef1f151130040e79f22",
+      "sideNavBarNew.item.selectedOuterFocusOutlineColor": "9dc7dd8efc7552799b4199c5ad1c0cc8b0819640",
+      "sideNavBarNew.drilldownOption.backgroundColor": "ea5fa3257494d54eb46ec0234475dd48f059cfeb",
+      "sideNavBarNew.drilldownOption.textColor": "2092e108fdd51ee7c39ebdf7048cc6de95fce287",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
@@ -3920,23 +3922,25 @@
       "sideNavBarNew.borderRadius": "8ef3b3b14810122cacc7e1c190c20e425d4ddd3e",
       "sideNavBarNew.minimizedBorderRadius": "1ec44553a6da0a2883b34e713a5232b9b1a342b3",
       "sideNavBarNew.borderColor": "14f52d598353c94a9e32e45fb8a992e259d768d7",
-      "sideNavBarItemNew.iconWrapperHeight": "e4e7badf90bcabc66ade4c37f6b922ca9143f351",
-      "sideNavBarItemNew.borderRadius": "66492417be08179bc118fb9b83990b384a6daebc",
-      "sideNavBarItemNew.backgroundColor": "629af40584e738929a8575b29436581704204b61",
-      "sideNavBarItemNew.horizontalPadding": "728353a6c07e37f03877ea4842d506233404da6a",
-      "sideNavBarItemNew.verticalPadding": "1d7136e7e2bbeb156fc66f4d7d3a0d811cc6b6ee",
-      "sideNavBarItemNew.fontColor": "2f319736126acb5fd7c3bbafeab748f89c04ca4a",
-      "sideNavBarItemNew.fontFamily": "f5c8f947f87e9e199119a13657fb437ee1c29b55",
-      "sideNavBarItemNew.fontSize": "6f2c8223141ed42322d9326c2a4f031b17872006",
-      "sideNavBarItemNew.fontWeight": "80ddb2215929e35dba2bd11d4c6158a388ab6d08",
-      "sideNavBarItemNew.hoverBackgroundColor": "51b245d0cadd90c56eb23e5c131a06057d2b96e6",
-      "sideNavBarItemNew.selectedBackgroundColor": "fe4c5293d5f694697e0cac1c910a6fcdd858a0e2",
-      "sideNavBarItemNew.selectedFontColor": "ae3c1d9b9be224d1481541b55fb3986dfeb0b230",
-      "sideNavBarItemNew.innerFocusOutlineColor": "b51de15a8aa6a70df57530d950af550ff4fa5da1",
-      "sideNavBarItemNew.selectedInnerFocusOutlineColor": "9a904fc6e765c27ec8b58fb358f07b4a8079448d",
-      "sideNavBarItemNew.outerFocusOutlineColor": "21797498ad79f4f4ecab223db172bb2a8ad98311",
-      "sideNavBarItemNew.selectedOuterFocusOutlineColor": "da601cdd931536f68faa6473a19ca9ec0a6da856",
       "sideNavBarNew.borderWidth": "41fc164299272ff07a760d4a31e39dee357180cc",
+      "sideNavBarNew.item.iconWrapperHeight": "e4e7badf90bcabc66ade4c37f6b922ca9143f351",
+      "sideNavBarNew.item.borderRadius": "94e5d2c0093717a3fc2fcc5169ba3e11efdf063d",
+      "sideNavBarNew.item.backgroundColor": "ceb2d4400f3a45956591c9f5f7e1e10476feabb1",
+      "sideNavBarNew.item.horizontalPadding": "728353a6c07e37f03877ea4842d506233404da6a",
+      "sideNavBarNew.item.verticalPadding": "1d7136e7e2bbeb156fc66f4d7d3a0d811cc6b6ee",
+      "sideNavBarNew.item.fontColor": "2f93d3ed0960cfea59712af893d622b6dfbd01f2",
+      "sideNavBarNew.item.fontFamily": "cfc4e2fc17c53f0ca978efc078a013968a3bd704",
+      "sideNavBarNew.item.fontSize": "bfa715a996d5463bf240aca44d4726297a10ab0f",
+      "sideNavBarNew.item.fontWeight": "70b00dec6b69c4a69bff262ace88c6cd6ca60e4a",
+      "sideNavBarNew.item.hoverBackgroundColor": "02ecb8a8500672ba54248252f5bf5c7e05757523",
+      "sideNavBarNew.item.selectedBackgroundColor": "81fc02483fbbc7e7dd536f9146d67ffdf5200fc0",
+      "sideNavBarNew.item.selectedFontColor": "d98ec32510148df78f8a75be57c45f8e2e3acac9",
+      "sideNavBarNew.item.innerFocusOutlineColor": "d02104a23e354a28816594c965e592d1b7584f43",
+      "sideNavBarNew.item.selectedInnerFocusOutlineColor": "9e2a5708aefbf940c60d6aa7d3876c1f24f12ec9",
+      "sideNavBarNew.item.outerFocusOutlineColor": "56eeaf7937e36c3e50d4eef1f151130040e79f22",
+      "sideNavBarNew.item.selectedOuterFocusOutlineColor": "9dc7dd8efc7552799b4199c5ad1c0cc8b0819640",
+      "sideNavBarNew.drilldownOption.backgroundColor": "ea5fa3257494d54eb46ec0234475dd48f059cfeb",
+      "sideNavBarNew.drilldownOption.textColor": "2092e108fdd51ee7c39ebdf7048cc6de95fce287",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
@@ -6129,23 +6133,25 @@
       "sideNavBarNew.navItemsGap": "00008d3a76b80546bab5238b1202635f83f30c19",
       "sideNavBarNew.borderRadius": "8ef3b3b14810122cacc7e1c190c20e425d4ddd3e",
       "sideNavBarNew.minimizedBorderRadius": "1ec44553a6da0a2883b34e713a5232b9b1a342b3",
-      "sideNavBarItemNew.iconWrapperHeight": "e4e7badf90bcabc66ade4c37f6b922ca9143f351",
-      "sideNavBarItemNew.borderRadius": "66492417be08179bc118fb9b83990b384a6daebc",
-      "sideNavBarItemNew.backgroundColor": "629af40584e738929a8575b29436581704204b61",
-      "sideNavBarItemNew.horizontalPadding": "728353a6c07e37f03877ea4842d506233404da6a",
-      "sideNavBarItemNew.fontColor": "2f319736126acb5fd7c3bbafeab748f89c04ca4a",
-      "sideNavBarItemNew.fontFamily": "f5c8f947f87e9e199119a13657fb437ee1c29b55",
-      "sideNavBarItemNew.fontSize": "6f2c8223141ed42322d9326c2a4f031b17872006",
-      "sideNavBarItemNew.fontWeight": "80ddb2215929e35dba2bd11d4c6158a388ab6d08",
-      "sideNavBarItemNew.hoverBackgroundColor": "51b245d0cadd90c56eb23e5c131a06057d2b96e6",
-      "sideNavBarItemNew.selectedBackgroundColor": "fe4c5293d5f694697e0cac1c910a6fcdd858a0e2",
-      "sideNavBarItemNew.selectedFontColor": "ae3c1d9b9be224d1481541b55fb3986dfeb0b230",
-      "sideNavBarItemNew.innerFocusOutlineColor": "b51de15a8aa6a70df57530d950af550ff4fa5da1",
-      "sideNavBarItemNew.selectedInnerFocusOutlineColor": "9a904fc6e765c27ec8b58fb358f07b4a8079448d",
-      "sideNavBarItemNew.outerFocusOutlineColor": "21797498ad79f4f4ecab223db172bb2a8ad98311",
-      "sideNavBarItemNew.selectedOuterFocusOutlineColor": "da601cdd931536f68faa6473a19ca9ec0a6da856",
-      "sideNavBarItemNew.verticalPadding": "1d7136e7e2bbeb156fc66f4d7d3a0d811cc6b6ee",
       "sideNavBarNew.borderWidth": "41fc164299272ff07a760d4a31e39dee357180cc",
+      "sideNavBarNew.item.horizontalPadding": "728353a6c07e37f03877ea4842d506233404da6a",
+      "sideNavBarNew.item.verticalPadding": "1d7136e7e2bbeb156fc66f4d7d3a0d811cc6b6ee",
+      "sideNavBarNew.item.iconWrapperHeight": "e4e7badf90bcabc66ade4c37f6b922ca9143f351",
+      "sideNavBarNew.item.borderRadius": "94e5d2c0093717a3fc2fcc5169ba3e11efdf063d",
+      "sideNavBarNew.item.backgroundColor": "ceb2d4400f3a45956591c9f5f7e1e10476feabb1",
+      "sideNavBarNew.item.fontColor": "2f93d3ed0960cfea59712af893d622b6dfbd01f2",
+      "sideNavBarNew.item.fontFamily": "cfc4e2fc17c53f0ca978efc078a013968a3bd704",
+      "sideNavBarNew.item.fontSize": "bfa715a996d5463bf240aca44d4726297a10ab0f",
+      "sideNavBarNew.item.fontWeight": "70b00dec6b69c4a69bff262ace88c6cd6ca60e4a",
+      "sideNavBarNew.item.hoverBackgroundColor": "02ecb8a8500672ba54248252f5bf5c7e05757523",
+      "sideNavBarNew.item.selectedBackgroundColor": "81fc02483fbbc7e7dd536f9146d67ffdf5200fc0",
+      "sideNavBarNew.item.selectedFontColor": "d98ec32510148df78f8a75be57c45f8e2e3acac9",
+      "sideNavBarNew.item.innerFocusOutlineColor": "d02104a23e354a28816594c965e592d1b7584f43",
+      "sideNavBarNew.item.selectedInnerFocusOutlineColor": "9e2a5708aefbf940c60d6aa7d3876c1f24f12ec9",
+      "sideNavBarNew.item.outerFocusOutlineColor": "56eeaf7937e36c3e50d4eef1f151130040e79f22",
+      "sideNavBarNew.item.selectedOuterFocusOutlineColor": "9dc7dd8efc7552799b4199c5ad1c0cc8b0819640",
+      "sideNavBarNew.drilldownOption.backgroundColor": "ea5fa3257494d54eb46ec0234475dd48f059cfeb",
+      "sideNavBarNew.drilldownOption.textColor": "2092e108fdd51ee7c39ebdf7048cc6de95fce287",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
@@ -8276,23 +8282,25 @@
       "sideNavBarNew.navItemsGap": "00008d3a76b80546bab5238b1202635f83f30c19",
       "sideNavBarNew.borderRadius": "8ef3b3b14810122cacc7e1c190c20e425d4ddd3e",
       "sideNavBarNew.minimizedBorderRadius": "1ec44553a6da0a2883b34e713a5232b9b1a342b3",
-      "sideNavBarItemNew.iconWrapperHeight": "e4e7badf90bcabc66ade4c37f6b922ca9143f351",
-      "sideNavBarItemNew.borderRadius": "66492417be08179bc118fb9b83990b384a6daebc",
-      "sideNavBarItemNew.backgroundColor": "629af40584e738929a8575b29436581704204b61",
-      "sideNavBarItemNew.horizontalPadding": "728353a6c07e37f03877ea4842d506233404da6a",
-      "sideNavBarItemNew.fontColor": "2f319736126acb5fd7c3bbafeab748f89c04ca4a",
-      "sideNavBarItemNew.fontFamily": "f5c8f947f87e9e199119a13657fb437ee1c29b55",
-      "sideNavBarItemNew.fontSize": "6f2c8223141ed42322d9326c2a4f031b17872006",
-      "sideNavBarItemNew.fontWeight": "80ddb2215929e35dba2bd11d4c6158a388ab6d08",
-      "sideNavBarItemNew.hoverBackgroundColor": "51b245d0cadd90c56eb23e5c131a06057d2b96e6",
-      "sideNavBarItemNew.selectedBackgroundColor": "fe4c5293d5f694697e0cac1c910a6fcdd858a0e2",
-      "sideNavBarItemNew.selectedFontColor": "ae3c1d9b9be224d1481541b55fb3986dfeb0b230",
-      "sideNavBarItemNew.innerFocusOutlineColor": "b51de15a8aa6a70df57530d950af550ff4fa5da1",
-      "sideNavBarItemNew.selectedInnerFocusOutlineColor": "9a904fc6e765c27ec8b58fb358f07b4a8079448d",
-      "sideNavBarItemNew.outerFocusOutlineColor": "21797498ad79f4f4ecab223db172bb2a8ad98311",
-      "sideNavBarItemNew.selectedOuterFocusOutlineColor": "da601cdd931536f68faa6473a19ca9ec0a6da856",
-      "sideNavBarItemNew.verticalPadding": "1d7136e7e2bbeb156fc66f4d7d3a0d811cc6b6ee",
       "sideNavBarNew.borderWidth": "41fc164299272ff07a760d4a31e39dee357180cc",
+      "sideNavBarNew.item.horizontalPadding": "728353a6c07e37f03877ea4842d506233404da6a",
+      "sideNavBarNew.item.verticalPadding": "1d7136e7e2bbeb156fc66f4d7d3a0d811cc6b6ee",
+      "sideNavBarNew.item.iconWrapperHeight": "e4e7badf90bcabc66ade4c37f6b922ca9143f351",
+      "sideNavBarNew.item.borderRadius": "94e5d2c0093717a3fc2fcc5169ba3e11efdf063d",
+      "sideNavBarNew.item.backgroundColor": "ceb2d4400f3a45956591c9f5f7e1e10476feabb1",
+      "sideNavBarNew.item.fontColor": "2f93d3ed0960cfea59712af893d622b6dfbd01f2",
+      "sideNavBarNew.item.fontFamily": "cfc4e2fc17c53f0ca978efc078a013968a3bd704",
+      "sideNavBarNew.item.fontSize": "bfa715a996d5463bf240aca44d4726297a10ab0f",
+      "sideNavBarNew.item.fontWeight": "70b00dec6b69c4a69bff262ace88c6cd6ca60e4a",
+      "sideNavBarNew.item.hoverBackgroundColor": "02ecb8a8500672ba54248252f5bf5c7e05757523",
+      "sideNavBarNew.item.selectedBackgroundColor": "81fc02483fbbc7e7dd536f9146d67ffdf5200fc0",
+      "sideNavBarNew.item.selectedFontColor": "d98ec32510148df78f8a75be57c45f8e2e3acac9",
+      "sideNavBarNew.item.innerFocusOutlineColor": "d02104a23e354a28816594c965e592d1b7584f43",
+      "sideNavBarNew.item.selectedInnerFocusOutlineColor": "9e2a5708aefbf940c60d6aa7d3876c1f24f12ec9",
+      "sideNavBarNew.item.outerFocusOutlineColor": "56eeaf7937e36c3e50d4eef1f151130040e79f22",
+      "sideNavBarNew.item.selectedOuterFocusOutlineColor": "9dc7dd8efc7552799b4199c5ad1c0cc8b0819640",
+      "sideNavBarNew.drilldownOption.backgroundColor": "ea5fa3257494d54eb46ec0234475dd48f059cfeb",
+      "sideNavBarNew.drilldownOption.textColor": "2092e108fdd51ee7c39ebdf7048cc6de95fce287",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
index ce3eab4b8e..aad3e8967c 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
@@ -85,80 +85,90 @@
     "borderWidth": {
       "value": "{borderWidth.sm}",
       "type": "borderWidth"
-    }
-  },
-  "sideNavBarItemNew": {
-    "iconWrapperHeight": {
-      "value": "2.25rem",
-      "type": "sizing"
-    },
-    "borderRadius": {
-      "value": "0rem",
-      "type": "borderRadius"
-    },
-    "backgroundColor": {
-      "value": "transparent",
-      "type": "color"
-    },
-    "horizontalPadding": {
-      "value": "0.375rem",
-      "type": "spacing"
-    },
-    "verticalPadding": {
-      "value": "0.25rem",
-      "type": "spacing"
-    },
-    "fontColor": {
-      "value": "{color.text.onColor}",
-      "type": "color"
-    },
-    "fontFamily": {
-      "value": "{fontFamily.base}",
-      "type": "fontFamilies"
     },
-    "fontSize": {
-      "value": "{fontSize.textBase}",
-      "type": "fontSizes"
-    },
-    "fontWeight": {
-      "value": "{fontWeight.body.base}",
-      "type": "fontWeights"
-    },
-    "hoverBackgroundColor": {
-      "value": "{color.background.interactive.action.primary.hover}",
-      "type": "color"
-    },
-    "lineHeight": {
-      "value": "{lineHeight.paragraph.base}",
-      "type": "lineHeights"
-    },
-    "linkTextDecoration": {
-      "value": "none",
-      "type": "other"
-    },
-    "selectedBackgroundColor": {
-      "value": "{color.background.base}",
-      "type": "color"
-    },
-    "selectedFontColor": {
-      "value": "{color.text.interactive.navigation.primary.base}",
-      "type": "color"
-    },
-    "innerFocusOutlineColor": {
-      "value": "{color.stroke.interactive.focusRing.onColor}",
-      "type": "color"
-    },
-    "selectedInnerFocusOutlineColor": {
-      "value": "{color.stroke.interactive.focusRing.base}",
-      "type": "color"
-    },
-    "outerFocusOutlineColor": {
-      "value": "{color.stroke.base}",
-      "type": "color"
-    },
-    "selectedOuterFocusOutlineColor": {
-      "value": "{color.stroke.interactive.focusRing.onColor}",
-      "type": "color"
+    "item": {
+      "iconWrapperHeight": {
+        "value": "2.25rem",
+        "type": "sizing"
+      },
+      "borderRadius": {
+        "value": "0rem",
+        "type": "borderRadius"
+      },
+      "backgroundColor": {
+        "value": "transparent",
+        "type": "color"
+      },
+      "horizontalPadding": {
+        "value": "0.375rem",
+        "type": "spacing"
+      },
+      "verticalPadding": {
+        "value": "0.25rem",
+        "type": "spacing"
+      },
+      "fontColor": {
+        "value": "{color.text.onColor}",
+        "type": "color"
+      },
+      "fontFamily": {
+        "value": "{fontFamily.base}",
+        "type": "fontFamilies"
+      },
+      "fontSize": {
+        "value": "{fontSize.textBase}",
+        "type": "fontSizes"
+      },
+      "fontWeight": {
+        "value": "{fontWeight.body.base}",
+        "type": "fontWeights"
+      },
+      "hoverBackgroundColor": {
+        "value": "{color.background.interactive.action.primary.hover}",
+        "type": "color"
+      },
+      "lineHeight": {
+        "value": "{lineHeight.paragraph.base}",
+        "type": "lineHeights"
+      },
+      "linkTextDecoration": {
+        "value": "none",
+        "type": "other"
+      },
+      "selectedBackgroundColor": {
+        "value": "{color.background.base}",
+        "type": "color"
+      },
+      "selectedFontColor": {
+        "value": "{color.text.interactive.navigation.primary.base}",
+        "type": "color"
+      },
+      "innerFocusOutlineColor": {
+        "value": "{color.stroke.interactive.focusRing.onColor}",
+        "type": "color"
+      },
+      "selectedInnerFocusOutlineColor": {
+        "value": "{color.stroke.interactive.focusRing.base}",
+        "type": "color"
+      },
+      "outerFocusOutlineColor": {
+        "value": "{color.stroke.base}",
+        "type": "color"
+      },
+      "selectedOuterFocusOutlineColor": {
+        "value": "{color.stroke.interactive.focusRing.onColor}",
+        "type": "color"
+      }
+    },
+    "drilldownOption": {
+      "backgroundColor": {
+        "value": "{color.transparentColor}",
+        "type": "color"
+      },
+      "textColor": {
+        "value": "{color.text.onColor}",
+        "type": "color"
+      }
     }
   }
 }
\ No newline at end of file
diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
index da6053a87b..fac07d55c5 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
@@ -85,80 +85,90 @@
     "borderWidth": {
       "value": "{borderWidth.sm}",
       "type": "borderWidth"
-    }
-  },
-  "sideNavBarItemNew": {
-    "iconWrapperHeight": {
-      "value": "2.25rem",
-      "type": "sizing"
-    },
-    "borderRadius": {
-      "value": "{borderRadius.lg}",
-      "type": "borderRadius"
-    },
-    "backgroundColor": {
-      "value": "transparent",
-      "type": "color"
-    },
-    "horizontalPadding": {
-      "value": "{spacing.spaceSm}",
-      "type": "spacing"
-    },
-    "fontColor": {
-      "value": "{color.text.base}",
-      "type": "color"
     },
-    "fontFamily": {
-      "value": "{fontFamily.base}",
-      "type": "fontFamilies"
-    },
-    "fontSize": {
-      "value": "{fontSize.textBase}",
-      "type": "fontSizes"
-    },
-    "fontWeight": {
-      "value": "{fontWeight.body.base}",
-      "type": "fontWeights"
-    },
-    "hoverBackgroundColor": {
-      "value": "{color.background.interactive.action.tertiary.hover}",
-      "type": "color"
-    },
-    "lineHeight": {
-      "value": "{lineHeight.paragraph.base}",
-      "type": "lineHeights"
-    },
-    "linkTextDecoration": {
-      "value": "none",
-      "type": "other"
-    },
-    "selectedBackgroundColor": {
-      "value": "{color.background.brand}",
-      "type": "color"
-    },
-    "selectedFontColor": {
-      "value": "{color.text.inverse}",
-      "type": "color"
-    },
-    "innerFocusOutlineColor": {
-      "value": "{color.stroke.interactive.focusRing.base}",
-      "type": "color"
-    },
-    "selectedInnerFocusOutlineColor": {
-      "value": "{color.icon.inverse}",
-      "type": "color"
-    },
-    "outerFocusOutlineColor": {
-      "value": "{color.transparentColor}",
-      "type": "color"
-    },
-    "selectedOuterFocusOutlineColor": {
-      "value": "{color.transparentColor}",
-      "type": "color"
-    },
-    "verticalPadding": {
-      "value": "0.25rem",
-      "type": "spacing"
+    "item": {
+      "horizontalPadding": {
+        "value": "{spacing.spaceSm}",
+        "type": "spacing"
+      },
+      "verticalPadding": {
+        "value": "0.25rem",
+        "type": "spacing"
+      },
+      "iconWrapperHeight": {
+        "value": "2.25rem",
+        "type": "sizing"
+      },
+      "borderRadius": {
+        "value": "{borderRadius.lg}",
+        "type": "borderRadius"
+      },
+      "backgroundColor": {
+        "value": "transparent",
+        "type": "color"
+      },
+      "fontColor": {
+        "value": "{color.text.base}",
+        "type": "color"
+      },
+      "fontFamily": {
+        "value": "{fontFamily.base}",
+        "type": "fontFamilies"
+      },
+      "fontSize": {
+        "value": "{fontSize.textBase}",
+        "type": "fontSizes"
+      },
+      "fontWeight": {
+        "value": "{fontWeight.body.base}",
+        "type": "fontWeights"
+      },
+      "hoverBackgroundColor": {
+        "value": "{color.background.interactive.action.tertiary.hover}",
+        "type": "color"
+      },
+      "lineHeight": {
+        "value": "{lineHeight.paragraph.base}",
+        "type": "lineHeights"
+      },
+      "linkTextDecoration": {
+        "value": "none",
+        "type": "other"
+      },
+      "selectedBackgroundColor": {
+        "value": "{color.background.brand}",
+        "type": "color"
+      },
+      "selectedFontColor": {
+        "value": "{color.text.inverse}",
+        "type": "color"
+      },
+      "innerFocusOutlineColor": {
+        "value": "{color.stroke.interactive.focusRing.base}",
+        "type": "color"
+      },
+      "selectedInnerFocusOutlineColor": {
+        "value": "{color.icon.inverse}",
+        "type": "color"
+      },
+      "outerFocusOutlineColor": {
+        "value": "{color.transparentColor}",
+        "type": "color"
+      },
+      "selectedOuterFocusOutlineColor": {
+        "value": "{color.transparentColor}",
+        "type": "color"
+      }
+    },
+    "drilldownOption": {
+      "backgroundColor": {
+        "value": "{color.transparentColor}",
+        "type": "color"
+      },
+      "textColor": {
+        "value": "{color.text.base}",
+        "type": "color"
+      }
     }
   }
 }
\ No newline at end of file

From d4579d304e4db5ff46548db28da28eb7ee1d05fd Mon Sep 17 00:00:00 2001
From: svc-instui <231108445+svc-instui@users.noreply.github.com>
Date: Fri, 17 Apr 2026 11:39:09 +0200
Subject: [PATCH 07/18] chore: sidenav collapsebutton color

---
 .../ui-scripts/lib/build/tokensStudio/$themes.json     |  8 ++++++++
 .../tokensStudio/canvas/component/SideNavBarNew.json   | 10 ++++++++++
 .../tokensStudio/rebrand/component/SideNavBarNew.json  | 10 ++++++++++
 3 files changed, 28 insertions(+)

diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
index a4741dc6b4..ab8ecc342c 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
@@ -1794,6 +1794,8 @@
       "sideNavBarNew.item.selectedOuterFocusOutlineColor": "9dc7dd8efc7552799b4199c5ad1c0cc8b0819640",
       "sideNavBarNew.drilldownOption.backgroundColor": "ea5fa3257494d54eb46ec0234475dd48f059cfeb",
       "sideNavBarNew.drilldownOption.textColor": "2092e108fdd51ee7c39ebdf7048cc6de95fce287",
+      "sideNavBarNew.drilldownOption.logoutTextColor": "9e6ae6cfe9d2900bfa92c4f686f56c55ef5544a7",
+      "sideNavBarNew.collapseButton.textColor": "e49f8a5cfc3eb635496339e727a08ef745f848b8",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
@@ -3941,6 +3943,8 @@
       "sideNavBarNew.item.selectedOuterFocusOutlineColor": "9dc7dd8efc7552799b4199c5ad1c0cc8b0819640",
       "sideNavBarNew.drilldownOption.backgroundColor": "ea5fa3257494d54eb46ec0234475dd48f059cfeb",
       "sideNavBarNew.drilldownOption.textColor": "2092e108fdd51ee7c39ebdf7048cc6de95fce287",
+      "sideNavBarNew.drilldownOption.logoutTextColor": "9e6ae6cfe9d2900bfa92c4f686f56c55ef5544a7",
+      "sideNavBarNew.collapseButton.textColor": "e49f8a5cfc3eb635496339e727a08ef745f848b8",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
@@ -6152,6 +6156,8 @@
       "sideNavBarNew.item.selectedOuterFocusOutlineColor": "9dc7dd8efc7552799b4199c5ad1c0cc8b0819640",
       "sideNavBarNew.drilldownOption.backgroundColor": "ea5fa3257494d54eb46ec0234475dd48f059cfeb",
       "sideNavBarNew.drilldownOption.textColor": "2092e108fdd51ee7c39ebdf7048cc6de95fce287",
+      "sideNavBarNew.drilldownOption.logoutTextColor": "9e6ae6cfe9d2900bfa92c4f686f56c55ef5544a7",
+      "sideNavBarNew.collapseButton.textColor": "e49f8a5cfc3eb635496339e727a08ef745f848b8",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
@@ -8301,6 +8307,8 @@
       "sideNavBarNew.item.selectedOuterFocusOutlineColor": "9dc7dd8efc7552799b4199c5ad1c0cc8b0819640",
       "sideNavBarNew.drilldownOption.backgroundColor": "ea5fa3257494d54eb46ec0234475dd48f059cfeb",
       "sideNavBarNew.drilldownOption.textColor": "2092e108fdd51ee7c39ebdf7048cc6de95fce287",
+      "sideNavBarNew.drilldownOption.logoutTextColor": "9e6ae6cfe9d2900bfa92c4f686f56c55ef5544a7",
+      "sideNavBarNew.collapseButton.textColor": "e49f8a5cfc3eb635496339e727a08ef745f848b8",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
index aad3e8967c..f1d2440feb 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
@@ -165,6 +165,16 @@
         "value": "{color.transparentColor}",
         "type": "color"
       },
+      "textColor": {
+        "value": "{color.text.onColor}",
+        "type": "color"
+      },
+      "logoutTextColor": {
+        "value": "{color.text.onColor}",
+        "type": "color"
+      }
+    },
+    "collapseButton": {
       "textColor": {
         "value": "{color.text.onColor}",
         "type": "color"
diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
index fac07d55c5..4bd11b414f 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
@@ -165,6 +165,16 @@
         "value": "{color.transparentColor}",
         "type": "color"
       },
+      "textColor": {
+        "value": "{color.text.base}",
+        "type": "color"
+      },
+      "logoutTextColor": {
+        "value": "{color.text.error}",
+        "type": "color"
+      }
+    },
+    "collapseButton": {
       "textColor": {
         "value": "{color.text.base}",
         "type": "color"

From 411c7769b4a96d53b1955375bb41f2a567810694 Mon Sep 17 00:00:00 2001
From: svc-instui <231108445+svc-instui@users.noreply.github.com>
Date: Mon, 20 Apr 2026 12:29:24 +0200
Subject: [PATCH 08/18] chore: update sidenav token values

---
 .../ui-scripts/lib/build/tokensStudio/$themes.json   |  8 ++++++++
 .../tokensStudio/canvas/component/SideNavBarNew.json | 12 ++++++++++--
 .../rebrand/component/SideNavBarNew.json             |  8 ++++++++
 3 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
index ab8ecc342c..19854b9b21 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
@@ -1787,7 +1787,9 @@
       "sideNavBarNew.item.fontWeight": "70b00dec6b69c4a69bff262ace88c6cd6ca60e4a",
       "sideNavBarNew.item.hoverBackgroundColor": "02ecb8a8500672ba54248252f5bf5c7e05757523",
       "sideNavBarNew.item.selectedBackgroundColor": "81fc02483fbbc7e7dd536f9146d67ffdf5200fc0",
+      "sideNavBarNew.item.selectedAccountBackgroundColor": "7bdc23159e9daef749cfbf0060e126ae7e1fac5d",
       "sideNavBarNew.item.selectedFontColor": "d98ec32510148df78f8a75be57c45f8e2e3acac9",
+      "sideNavBarNew.item.selectedAccountFontColor": "1721da1c5721b453030e3ce37d5695ac8b0606c1",
       "sideNavBarNew.item.innerFocusOutlineColor": "d02104a23e354a28816594c965e592d1b7584f43",
       "sideNavBarNew.item.selectedInnerFocusOutlineColor": "9e2a5708aefbf940c60d6aa7d3876c1f24f12ec9",
       "sideNavBarNew.item.outerFocusOutlineColor": "56eeaf7937e36c3e50d4eef1f151130040e79f22",
@@ -3936,7 +3938,9 @@
       "sideNavBarNew.item.fontWeight": "70b00dec6b69c4a69bff262ace88c6cd6ca60e4a",
       "sideNavBarNew.item.hoverBackgroundColor": "02ecb8a8500672ba54248252f5bf5c7e05757523",
       "sideNavBarNew.item.selectedBackgroundColor": "81fc02483fbbc7e7dd536f9146d67ffdf5200fc0",
+      "sideNavBarNew.item.selectedAccountBackgroundColor": "7bdc23159e9daef749cfbf0060e126ae7e1fac5d",
       "sideNavBarNew.item.selectedFontColor": "d98ec32510148df78f8a75be57c45f8e2e3acac9",
+      "sideNavBarNew.item.selectedAccountFontColor": "1721da1c5721b453030e3ce37d5695ac8b0606c1",
       "sideNavBarNew.item.innerFocusOutlineColor": "d02104a23e354a28816594c965e592d1b7584f43",
       "sideNavBarNew.item.selectedInnerFocusOutlineColor": "9e2a5708aefbf940c60d6aa7d3876c1f24f12ec9",
       "sideNavBarNew.item.outerFocusOutlineColor": "56eeaf7937e36c3e50d4eef1f151130040e79f22",
@@ -6149,7 +6153,9 @@
       "sideNavBarNew.item.fontWeight": "70b00dec6b69c4a69bff262ace88c6cd6ca60e4a",
       "sideNavBarNew.item.hoverBackgroundColor": "02ecb8a8500672ba54248252f5bf5c7e05757523",
       "sideNavBarNew.item.selectedBackgroundColor": "81fc02483fbbc7e7dd536f9146d67ffdf5200fc0",
+      "sideNavBarNew.item.selectedAccountBackgroundColor": "7bdc23159e9daef749cfbf0060e126ae7e1fac5d",
       "sideNavBarNew.item.selectedFontColor": "d98ec32510148df78f8a75be57c45f8e2e3acac9",
+      "sideNavBarNew.item.selectedAccountFontColor": "1721da1c5721b453030e3ce37d5695ac8b0606c1",
       "sideNavBarNew.item.innerFocusOutlineColor": "d02104a23e354a28816594c965e592d1b7584f43",
       "sideNavBarNew.item.selectedInnerFocusOutlineColor": "9e2a5708aefbf940c60d6aa7d3876c1f24f12ec9",
       "sideNavBarNew.item.outerFocusOutlineColor": "56eeaf7937e36c3e50d4eef1f151130040e79f22",
@@ -8300,7 +8306,9 @@
       "sideNavBarNew.item.fontWeight": "70b00dec6b69c4a69bff262ace88c6cd6ca60e4a",
       "sideNavBarNew.item.hoverBackgroundColor": "02ecb8a8500672ba54248252f5bf5c7e05757523",
       "sideNavBarNew.item.selectedBackgroundColor": "81fc02483fbbc7e7dd536f9146d67ffdf5200fc0",
+      "sideNavBarNew.item.selectedAccountBackgroundColor": "7bdc23159e9daef749cfbf0060e126ae7e1fac5d",
       "sideNavBarNew.item.selectedFontColor": "d98ec32510148df78f8a75be57c45f8e2e3acac9",
+      "sideNavBarNew.item.selectedAccountFontColor": "1721da1c5721b453030e3ce37d5695ac8b0606c1",
       "sideNavBarNew.item.innerFocusOutlineColor": "d02104a23e354a28816594c965e592d1b7584f43",
       "sideNavBarNew.item.selectedInnerFocusOutlineColor": "9e2a5708aefbf940c60d6aa7d3876c1f24f12ec9",
       "sideNavBarNew.item.outerFocusOutlineColor": "56eeaf7937e36c3e50d4eef1f151130040e79f22",
diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
index f1d2440feb..6dff81cf87 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
@@ -79,7 +79,7 @@
       "type": "borderRadius"
     },
     "borderColor": {
-      "value": "{color.stroke.strong}",
+      "value": "{color.stroke.base}",
       "type": "color"
     },
     "borderWidth": {
@@ -104,7 +104,7 @@
         "type": "spacing"
       },
       "verticalPadding": {
-        "value": "0.25rem",
+        "value": "0.375rem",
         "type": "spacing"
       },
       "fontColor": {
@@ -139,10 +139,18 @@
         "value": "{color.background.base}",
         "type": "color"
       },
+      "selectedAccountBackgroundColor": {
+        "value": "{color.background.interactive.action.tertiary.active}",
+        "type": "color"
+      },
       "selectedFontColor": {
         "value": "{color.text.interactive.navigation.primary.base}",
         "type": "color"
       },
+      "selectedAccountFontColor": {
+        "value": "{color.text.interactive.navigation.primary.base}",
+        "type": "color"
+      },
       "innerFocusOutlineColor": {
         "value": "{color.stroke.interactive.focusRing.onColor}",
         "type": "color"
diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
index 4bd11b414f..f8bc7f480e 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
@@ -139,10 +139,18 @@
         "value": "{color.background.brand}",
         "type": "color"
       },
+      "selectedAccountBackgroundColor": {
+        "value": "{color.background.interactive.action.tertiary.active}",
+        "type": "color"
+      },
       "selectedFontColor": {
         "value": "{color.text.inverse}",
         "type": "color"
       },
+      "selectedAccountFontColor": {
+        "value": "{color.text.base}",
+        "type": "color"
+      },
       "innerFocusOutlineColor": {
         "value": "{color.stroke.interactive.focusRing.base}",
         "type": "color"

From a20c5cdab6bf0c94d90bfaf0229cd5393445b8bc Mon Sep 17 00:00:00 2001
From: svc-instui <231108445+svc-instui@users.noreply.github.com>
Date: Mon, 20 Apr 2026 19:10:13 +0200
Subject: [PATCH 09/18] chore: update sidenav tokens

---
 .../lib/build/tokensStudio/$themes.json       | 92 +++++++++++++++----
 .../canvas/component/SideNavBarNew.json       | 68 +++++++++++++-
 .../rebrand/component/SideNavBarNew.json      | 84 ++++++++++++++---
 3 files changed, 206 insertions(+), 38 deletions(-)

diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
index 19854b9b21..fca55859c3 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
@@ -1763,7 +1763,7 @@
       "sideNavBarItem.selectedOuterFocusOutlineColor": "9ea14802b86ba57e3a7bb99712404d8a2b69efa5",
       "sideNavBarNew.backgroundColor": "dddffc88ec0a1892123b01512366c3865ba8d540",
       "sideNavBarNew.fill": "02f59bd62ce0d0e03bb5aabd10d1ad655d605777",
-      "sideNavBarNew.fontColor": "66d844d18e912d1ea5c288e104dfe23766cc4103",
+      "sideNavBarNew.textColor": "66d844d18e912d1ea5c288e104dfe23766cc4103",
       "sideNavBarNew.minimizedminWidth": "da7d1ad006920f84e29e054773e12c8956c6eb90",
       "sideNavBarNew.minWidth": "f67a5a785e3909cbb8ba70c35801c8d0c52f8c19",
       "sideNavBarNew.margin": "63b172969812789654d95184b467f4bb283e75f5",
@@ -1786,18 +1786,31 @@
       "sideNavBarNew.item.fontSize": "bfa715a996d5463bf240aca44d4726297a10ab0f",
       "sideNavBarNew.item.fontWeight": "70b00dec6b69c4a69bff262ace88c6cd6ca60e4a",
       "sideNavBarNew.item.hoverBackgroundColor": "02ecb8a8500672ba54248252f5bf5c7e05757523",
-      "sideNavBarNew.item.selectedBackgroundColor": "81fc02483fbbc7e7dd536f9146d67ffdf5200fc0",
+      "sideNavBarNew.item.currentBackgroundColor": "81fc02483fbbc7e7dd536f9146d67ffdf5200fc0",
+      "sideNavBarNew.item.selectedBackgroundColor": "15e15ea19f8926a1fe696cb2876789a8403648c8",
       "sideNavBarNew.item.selectedAccountBackgroundColor": "7bdc23159e9daef749cfbf0060e126ae7e1fac5d",
-      "sideNavBarNew.item.selectedFontColor": "d98ec32510148df78f8a75be57c45f8e2e3acac9",
+      "sideNavBarNew.item.currentTextColor": "d98ec32510148df78f8a75be57c45f8e2e3acac9",
       "sideNavBarNew.item.selectedAccountFontColor": "1721da1c5721b453030e3ce37d5695ac8b0606c1",
       "sideNavBarNew.item.innerFocusOutlineColor": "d02104a23e354a28816594c965e592d1b7584f43",
       "sideNavBarNew.item.selectedInnerFocusOutlineColor": "9e2a5708aefbf940c60d6aa7d3876c1f24f12ec9",
       "sideNavBarNew.item.outerFocusOutlineColor": "56eeaf7937e36c3e50d4eef1f151130040e79f22",
       "sideNavBarNew.item.selectedOuterFocusOutlineColor": "9dc7dd8efc7552799b4199c5ad1c0cc8b0819640",
       "sideNavBarNew.drilldownOption.backgroundColor": "ea5fa3257494d54eb46ec0234475dd48f059cfeb",
+      "sideNavBarNew.drilldownOption.hoverBackgroundColor": "b37022c7913d7c1cc4480eb05a2db1b46ad47dbb",
+      "sideNavBarNew.drilldownOption.selectedBackgroundColor": "c86e8eb55a8746bc88d9387d7310c0aef31c05e6",
       "sideNavBarNew.drilldownOption.textColor": "2092e108fdd51ee7c39ebdf7048cc6de95fce287",
+      "sideNavBarNew.drilldownOption.selectedTextColor": "45116223a459a9925fb62b0f219832839f48535e",
       "sideNavBarNew.drilldownOption.logoutTextColor": "9e6ae6cfe9d2900bfa92c4f686f56c55ef5544a7",
-      "sideNavBarNew.collapseButton.textColor": "e49f8a5cfc3eb635496339e727a08ef745f848b8",
+      "sideNavBarNew.button.textColor": "e49f8a5cfc3eb635496339e727a08ef745f848b8",
+      "sideNavBarNew.subNav.strokeColor": "4a327f977b588ed6ff8ba4c9b575c1371d5cc1c3",
+      "sideNavBarNew.subNav.textColor": "483375d59aff55f1440516d21205652bf8db3664",
+      "sideNavBarNew.subNav.padding": "bb80c9865177d0169af71453035f1e150859f29b",
+      "sideNavBarNew.subNav.gap": "62700a9997eebdd14e1ad95abf5c2fa0d2e75da5",
+      "sideNavBarNew.institutionLogo.textColor": "f612873b2bfe90a39edabd260d41a1139a3ac239",
+      "sideNavBarNew.insitutionLogo.padding": "fe4d8400a78ffab1104343d6efb0fa9ebc2a1eed",
+      "sideNavBarNew.insitutionLogo.gap": "a102e2648a3e99dbb7ed0e3bff00fadf79cbcbae",
+      "sideNavBarNew.institutionLogo.strokeColor": "7710c8271b4f67db1c947a8123f0721cde396f93",
+      "sideNavBarNew.drilldownOption.borderRadius": "0c1dd787e34fd57c15395192bc4c34ef78fa320e",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
@@ -3914,7 +3927,7 @@
       "sideNavBarItem.selectedOuterFocusOutlineColor": "9ea14802b86ba57e3a7bb99712404d8a2b69efa5",
       "sideNavBarNew.backgroundColor": "dddffc88ec0a1892123b01512366c3865ba8d540",
       "sideNavBarNew.fill": "02f59bd62ce0d0e03bb5aabd10d1ad655d605777",
-      "sideNavBarNew.fontColor": "66d844d18e912d1ea5c288e104dfe23766cc4103",
+      "sideNavBarNew.textColor": "66d844d18e912d1ea5c288e104dfe23766cc4103",
       "sideNavBarNew.minimizedminWidth": "da7d1ad006920f84e29e054773e12c8956c6eb90",
       "sideNavBarNew.minWidth": "f67a5a785e3909cbb8ba70c35801c8d0c52f8c19",
       "sideNavBarNew.margin": "63b172969812789654d95184b467f4bb283e75f5",
@@ -3937,18 +3950,31 @@
       "sideNavBarNew.item.fontSize": "bfa715a996d5463bf240aca44d4726297a10ab0f",
       "sideNavBarNew.item.fontWeight": "70b00dec6b69c4a69bff262ace88c6cd6ca60e4a",
       "sideNavBarNew.item.hoverBackgroundColor": "02ecb8a8500672ba54248252f5bf5c7e05757523",
-      "sideNavBarNew.item.selectedBackgroundColor": "81fc02483fbbc7e7dd536f9146d67ffdf5200fc0",
+      "sideNavBarNew.item.currentBackgroundColor": "81fc02483fbbc7e7dd536f9146d67ffdf5200fc0",
+      "sideNavBarNew.item.selectedBackgroundColor": "15e15ea19f8926a1fe696cb2876789a8403648c8",
       "sideNavBarNew.item.selectedAccountBackgroundColor": "7bdc23159e9daef749cfbf0060e126ae7e1fac5d",
-      "sideNavBarNew.item.selectedFontColor": "d98ec32510148df78f8a75be57c45f8e2e3acac9",
+      "sideNavBarNew.item.currentTextColor": "d98ec32510148df78f8a75be57c45f8e2e3acac9",
       "sideNavBarNew.item.selectedAccountFontColor": "1721da1c5721b453030e3ce37d5695ac8b0606c1",
       "sideNavBarNew.item.innerFocusOutlineColor": "d02104a23e354a28816594c965e592d1b7584f43",
       "sideNavBarNew.item.selectedInnerFocusOutlineColor": "9e2a5708aefbf940c60d6aa7d3876c1f24f12ec9",
       "sideNavBarNew.item.outerFocusOutlineColor": "56eeaf7937e36c3e50d4eef1f151130040e79f22",
       "sideNavBarNew.item.selectedOuterFocusOutlineColor": "9dc7dd8efc7552799b4199c5ad1c0cc8b0819640",
       "sideNavBarNew.drilldownOption.backgroundColor": "ea5fa3257494d54eb46ec0234475dd48f059cfeb",
+      "sideNavBarNew.drilldownOption.hoverBackgroundColor": "b37022c7913d7c1cc4480eb05a2db1b46ad47dbb",
+      "sideNavBarNew.drilldownOption.selectedBackgroundColor": "c86e8eb55a8746bc88d9387d7310c0aef31c05e6",
       "sideNavBarNew.drilldownOption.textColor": "2092e108fdd51ee7c39ebdf7048cc6de95fce287",
+      "sideNavBarNew.drilldownOption.selectedTextColor": "45116223a459a9925fb62b0f219832839f48535e",
       "sideNavBarNew.drilldownOption.logoutTextColor": "9e6ae6cfe9d2900bfa92c4f686f56c55ef5544a7",
-      "sideNavBarNew.collapseButton.textColor": "e49f8a5cfc3eb635496339e727a08ef745f848b8",
+      "sideNavBarNew.button.textColor": "e49f8a5cfc3eb635496339e727a08ef745f848b8",
+      "sideNavBarNew.subNav.strokeColor": "4a327f977b588ed6ff8ba4c9b575c1371d5cc1c3",
+      "sideNavBarNew.subNav.textColor": "483375d59aff55f1440516d21205652bf8db3664",
+      "sideNavBarNew.subNav.padding": "bb80c9865177d0169af71453035f1e150859f29b",
+      "sideNavBarNew.subNav.gap": "62700a9997eebdd14e1ad95abf5c2fa0d2e75da5",
+      "sideNavBarNew.institutionLogo.textColor": "f612873b2bfe90a39edabd260d41a1139a3ac239",
+      "sideNavBarNew.insitutionLogo.padding": "fe4d8400a78ffab1104343d6efb0fa9ebc2a1eed",
+      "sideNavBarNew.insitutionLogo.gap": "a102e2648a3e99dbb7ed0e3bff00fadf79cbcbae",
+      "sideNavBarNew.institutionLogo.strokeColor": "7710c8271b4f67db1c947a8123f0721cde396f93",
+      "sideNavBarNew.drilldownOption.borderRadius": "0c1dd787e34fd57c15395192bc4c34ef78fa320e",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
@@ -6130,7 +6156,7 @@
       "sideNavBarNew.backgroundColor": "dddffc88ec0a1892123b01512366c3865ba8d540",
       "sideNavBarNew.fill": "02f59bd62ce0d0e03bb5aabd10d1ad655d605777",
       "sideNavBarNew.borderColor": "14f52d598353c94a9e32e45fb8a992e259d768d7",
-      "sideNavBarNew.fontColor": "66d844d18e912d1ea5c288e104dfe23766cc4103",
+      "sideNavBarNew.textColor": "66d844d18e912d1ea5c288e104dfe23766cc4103",
       "sideNavBarNew.minimizedminWidth": "da7d1ad006920f84e29e054773e12c8956c6eb90",
       "sideNavBarNew.minWidth": "f67a5a785e3909cbb8ba70c35801c8d0c52f8c19",
       "sideNavBarNew.margin": "63b172969812789654d95184b467f4bb283e75f5",
@@ -6151,19 +6177,32 @@
       "sideNavBarNew.item.fontFamily": "cfc4e2fc17c53f0ca978efc078a013968a3bd704",
       "sideNavBarNew.item.fontSize": "bfa715a996d5463bf240aca44d4726297a10ab0f",
       "sideNavBarNew.item.fontWeight": "70b00dec6b69c4a69bff262ace88c6cd6ca60e4a",
+      "sideNavBarNew.item.innerFocusOutlineColor": "d02104a23e354a28816594c965e592d1b7584f43",
+      "sideNavBarNew.item.outerFocusOutlineColor": "56eeaf7937e36c3e50d4eef1f151130040e79f22",
       "sideNavBarNew.item.hoverBackgroundColor": "02ecb8a8500672ba54248252f5bf5c7e05757523",
-      "sideNavBarNew.item.selectedBackgroundColor": "81fc02483fbbc7e7dd536f9146d67ffdf5200fc0",
+      "sideNavBarNew.item.currentBackgroundColor": "81fc02483fbbc7e7dd536f9146d67ffdf5200fc0",
+      "sideNavBarNew.item.selectedBackgroundColor": "15e15ea19f8926a1fe696cb2876789a8403648c8",
+      "sideNavBarNew.item.currentTextColor": "d98ec32510148df78f8a75be57c45f8e2e3acac9",
       "sideNavBarNew.item.selectedAccountBackgroundColor": "7bdc23159e9daef749cfbf0060e126ae7e1fac5d",
-      "sideNavBarNew.item.selectedFontColor": "d98ec32510148df78f8a75be57c45f8e2e3acac9",
       "sideNavBarNew.item.selectedAccountFontColor": "1721da1c5721b453030e3ce37d5695ac8b0606c1",
-      "sideNavBarNew.item.innerFocusOutlineColor": "d02104a23e354a28816594c965e592d1b7584f43",
       "sideNavBarNew.item.selectedInnerFocusOutlineColor": "9e2a5708aefbf940c60d6aa7d3876c1f24f12ec9",
-      "sideNavBarNew.item.outerFocusOutlineColor": "56eeaf7937e36c3e50d4eef1f151130040e79f22",
       "sideNavBarNew.item.selectedOuterFocusOutlineColor": "9dc7dd8efc7552799b4199c5ad1c0cc8b0819640",
       "sideNavBarNew.drilldownOption.backgroundColor": "ea5fa3257494d54eb46ec0234475dd48f059cfeb",
+      "sideNavBarNew.drilldownOption.hoverBackgroundColor": "b37022c7913d7c1cc4480eb05a2db1b46ad47dbb",
+      "sideNavBarNew.drilldownOption.selectedBackgroundColor": "c86e8eb55a8746bc88d9387d7310c0aef31c05e6",
       "sideNavBarNew.drilldownOption.textColor": "2092e108fdd51ee7c39ebdf7048cc6de95fce287",
+      "sideNavBarNew.drilldownOption.selectedTextColor": "45116223a459a9925fb62b0f219832839f48535e",
       "sideNavBarNew.drilldownOption.logoutTextColor": "9e6ae6cfe9d2900bfa92c4f686f56c55ef5544a7",
-      "sideNavBarNew.collapseButton.textColor": "e49f8a5cfc3eb635496339e727a08ef745f848b8",
+      "sideNavBarNew.button.textColor": "e49f8a5cfc3eb635496339e727a08ef745f848b8",
+      "sideNavBarNew.subNav.strokeColor": "4a327f977b588ed6ff8ba4c9b575c1371d5cc1c3",
+      "sideNavBarNew.subNav.textColor": "483375d59aff55f1440516d21205652bf8db3664",
+      "sideNavBarNew.subNav.padding": "bb80c9865177d0169af71453035f1e150859f29b",
+      "sideNavBarNew.subNav.gap": "62700a9997eebdd14e1ad95abf5c2fa0d2e75da5",
+      "sideNavBarNew.institutionLogo.textColor": "f612873b2bfe90a39edabd260d41a1139a3ac239",
+      "sideNavBarNew.institutionLogo.strokeColor": "7710c8271b4f67db1c947a8123f0721cde396f93",
+      "sideNavBarNew.insitutionLogo.padding": "fe4d8400a78ffab1104343d6efb0fa9ebc2a1eed",
+      "sideNavBarNew.insitutionLogo.gap": "a102e2648a3e99dbb7ed0e3bff00fadf79cbcbae",
+      "sideNavBarNew.drilldownOption.borderRadius": "0c1dd787e34fd57c15395192bc4c34ef78fa320e",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
@@ -8283,7 +8322,7 @@
       "sideNavBarNew.backgroundColor": "dddffc88ec0a1892123b01512366c3865ba8d540",
       "sideNavBarNew.fill": "02f59bd62ce0d0e03bb5aabd10d1ad655d605777",
       "sideNavBarNew.borderColor": "14f52d598353c94a9e32e45fb8a992e259d768d7",
-      "sideNavBarNew.fontColor": "66d844d18e912d1ea5c288e104dfe23766cc4103",
+      "sideNavBarNew.textColor": "66d844d18e912d1ea5c288e104dfe23766cc4103",
       "sideNavBarNew.minimizedminWidth": "da7d1ad006920f84e29e054773e12c8956c6eb90",
       "sideNavBarNew.minWidth": "f67a5a785e3909cbb8ba70c35801c8d0c52f8c19",
       "sideNavBarNew.margin": "63b172969812789654d95184b467f4bb283e75f5",
@@ -8304,19 +8343,32 @@
       "sideNavBarNew.item.fontFamily": "cfc4e2fc17c53f0ca978efc078a013968a3bd704",
       "sideNavBarNew.item.fontSize": "bfa715a996d5463bf240aca44d4726297a10ab0f",
       "sideNavBarNew.item.fontWeight": "70b00dec6b69c4a69bff262ace88c6cd6ca60e4a",
+      "sideNavBarNew.item.innerFocusOutlineColor": "d02104a23e354a28816594c965e592d1b7584f43",
+      "sideNavBarNew.item.outerFocusOutlineColor": "56eeaf7937e36c3e50d4eef1f151130040e79f22",
       "sideNavBarNew.item.hoverBackgroundColor": "02ecb8a8500672ba54248252f5bf5c7e05757523",
-      "sideNavBarNew.item.selectedBackgroundColor": "81fc02483fbbc7e7dd536f9146d67ffdf5200fc0",
+      "sideNavBarNew.item.currentBackgroundColor": "81fc02483fbbc7e7dd536f9146d67ffdf5200fc0",
+      "sideNavBarNew.item.selectedBackgroundColor": "15e15ea19f8926a1fe696cb2876789a8403648c8",
+      "sideNavBarNew.item.currentTextColor": "d98ec32510148df78f8a75be57c45f8e2e3acac9",
       "sideNavBarNew.item.selectedAccountBackgroundColor": "7bdc23159e9daef749cfbf0060e126ae7e1fac5d",
-      "sideNavBarNew.item.selectedFontColor": "d98ec32510148df78f8a75be57c45f8e2e3acac9",
       "sideNavBarNew.item.selectedAccountFontColor": "1721da1c5721b453030e3ce37d5695ac8b0606c1",
-      "sideNavBarNew.item.innerFocusOutlineColor": "d02104a23e354a28816594c965e592d1b7584f43",
       "sideNavBarNew.item.selectedInnerFocusOutlineColor": "9e2a5708aefbf940c60d6aa7d3876c1f24f12ec9",
-      "sideNavBarNew.item.outerFocusOutlineColor": "56eeaf7937e36c3e50d4eef1f151130040e79f22",
       "sideNavBarNew.item.selectedOuterFocusOutlineColor": "9dc7dd8efc7552799b4199c5ad1c0cc8b0819640",
       "sideNavBarNew.drilldownOption.backgroundColor": "ea5fa3257494d54eb46ec0234475dd48f059cfeb",
+      "sideNavBarNew.drilldownOption.hoverBackgroundColor": "b37022c7913d7c1cc4480eb05a2db1b46ad47dbb",
+      "sideNavBarNew.drilldownOption.selectedBackgroundColor": "c86e8eb55a8746bc88d9387d7310c0aef31c05e6",
       "sideNavBarNew.drilldownOption.textColor": "2092e108fdd51ee7c39ebdf7048cc6de95fce287",
+      "sideNavBarNew.drilldownOption.selectedTextColor": "45116223a459a9925fb62b0f219832839f48535e",
       "sideNavBarNew.drilldownOption.logoutTextColor": "9e6ae6cfe9d2900bfa92c4f686f56c55ef5544a7",
-      "sideNavBarNew.collapseButton.textColor": "e49f8a5cfc3eb635496339e727a08ef745f848b8",
+      "sideNavBarNew.button.textColor": "e49f8a5cfc3eb635496339e727a08ef745f848b8",
+      "sideNavBarNew.subNav.strokeColor": "4a327f977b588ed6ff8ba4c9b575c1371d5cc1c3",
+      "sideNavBarNew.subNav.textColor": "483375d59aff55f1440516d21205652bf8db3664",
+      "sideNavBarNew.subNav.padding": "bb80c9865177d0169af71453035f1e150859f29b",
+      "sideNavBarNew.subNav.gap": "62700a9997eebdd14e1ad95abf5c2fa0d2e75da5",
+      "sideNavBarNew.institutionLogo.textColor": "f612873b2bfe90a39edabd260d41a1139a3ac239",
+      "sideNavBarNew.institutionLogo.strokeColor": "7710c8271b4f67db1c947a8123f0721cde396f93",
+      "sideNavBarNew.insitutionLogo.padding": "fe4d8400a78ffab1104343d6efb0fa9ebc2a1eed",
+      "sideNavBarNew.insitutionLogo.gap": "a102e2648a3e99dbb7ed0e3bff00fadf79cbcbae",
+      "sideNavBarNew.drilldownOption.borderRadius": "0c1dd787e34fd57c15395192bc4c34ef78fa320e",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
index 6dff81cf87..29df7bbc7d 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
@@ -8,7 +8,7 @@
       "value": "{color.icon.onColor}",
       "type": "color"
     },
-    "fontColor": {
+    "textColor": {
       "value": "{color.text.onColor}",
       "type": "color"
     },
@@ -100,7 +100,7 @@
         "type": "color"
       },
       "horizontalPadding": {
-        "value": "0.375rem",
+        "value": "0.5rem",
         "type": "spacing"
       },
       "verticalPadding": {
@@ -135,15 +135,19 @@
         "value": "none",
         "type": "other"
       },
-      "selectedBackgroundColor": {
+      "currentBackgroundColor": {
         "value": "{color.background.base}",
         "type": "color"
       },
+      "selectedBackgroundColor": {
+        "value": "{color.background.interactive.action.tertiary.active}",
+        "type": "color"
+      },
       "selectedAccountBackgroundColor": {
         "value": "{color.background.interactive.action.tertiary.active}",
         "type": "color"
       },
-      "selectedFontColor": {
+      "currentTextColor": {
         "value": "{color.text.interactive.navigation.primary.base}",
         "type": "color"
       },
@@ -173,20 +177,74 @@
         "value": "{color.transparentColor}",
         "type": "color"
       },
+      "hoverBackgroundColor": {
+        "value": "{color.background.interactive.action.primary.hover}",
+        "type": "color"
+      },
+      "selectedBackgroundColor": {
+        "value": "{color.background.brand}",
+        "type": "color"
+      },
       "textColor": {
         "value": "{color.text.onColor}",
         "type": "color"
       },
+      "selectedTextColor": {
+        "value": "{color.text.interactive.navigation.primary.base}",
+        "type": "color"
+      },
       "logoutTextColor": {
         "value": "{color.text.onColor}",
         "type": "color"
+      },
+      "borderRadius": {
+        "value": "0rem",
+        "type": "borderRadius"
       }
     },
-    "collapseButton": {
+    "button": {
       "textColor": {
         "value": "{color.text.onColor}",
         "type": "color"
       }
+    },
+    "subNav": {
+      "strokeColor": {
+        "value": "{color.stroke.base}",
+        "type": "color"
+      },
+      "textColor": {
+        "value": "{color.text.onColor}",
+        "type": "color"
+      },
+      "padding": {
+        "value": "{spacing.spaceMd}",
+        "type": "spacing"
+      },
+      "gap": {
+        "value": "{spacing.spaceSm}",
+        "type": "spacing"
+      }
+    },
+    "institutionLogo": {
+      "textColor": {
+        "value": "{color.text.onColor}",
+        "type": "color"
+      },
+      "strokeColor": {
+        "value": "{color.stroke.base}",
+        "type": "color"
+      }
+    },
+    "insitutionLogo": {
+      "padding": {
+        "value": "{spacing.spaceSm}",
+        "type": "spacing"
+      },
+      "gap": {
+        "value": "{spacing.spaceMd}",
+        "type": "spacing"
+      }
     }
   }
 }
\ No newline at end of file
diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
index f8bc7f480e..6e6caf9c3a 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
@@ -12,7 +12,7 @@
       "value": "{color.stroke.muted}",
       "type": "color"
     },
-    "fontColor": {
+    "textColor": {
       "value": "{color.text.base}",
       "type": "color"
     },
@@ -123,6 +123,14 @@
         "value": "{fontWeight.body.base}",
         "type": "fontWeights"
       },
+      "innerFocusOutlineColor": {
+        "value": "{color.stroke.interactive.focusRing.base}",
+        "type": "color"
+      },
+      "outerFocusOutlineColor": {
+        "value": "{color.transparentColor}",
+        "type": "color"
+      },
       "hoverBackgroundColor": {
         "value": "{color.background.interactive.action.tertiary.hover}",
         "type": "color"
@@ -135,34 +143,30 @@
         "value": "none",
         "type": "other"
       },
-      "selectedBackgroundColor": {
+      "currentBackgroundColor": {
         "value": "{color.background.brand}",
         "type": "color"
       },
-      "selectedAccountBackgroundColor": {
+      "selectedBackgroundColor": {
         "value": "{color.background.interactive.action.tertiary.active}",
         "type": "color"
       },
-      "selectedFontColor": {
+      "currentTextColor": {
         "value": "{color.text.inverse}",
         "type": "color"
       },
-      "selectedAccountFontColor": {
-        "value": "{color.text.base}",
+      "selectedAccountBackgroundColor": {
+        "value": "{color.background.interactive.action.tertiary.active}",
         "type": "color"
       },
-      "innerFocusOutlineColor": {
-        "value": "{color.stroke.interactive.focusRing.base}",
+      "selectedAccountFontColor": {
+        "value": "{color.text.base}",
         "type": "color"
       },
       "selectedInnerFocusOutlineColor": {
         "value": "{color.icon.inverse}",
         "type": "color"
       },
-      "outerFocusOutlineColor": {
-        "value": "{color.transparentColor}",
-        "type": "color"
-      },
       "selectedOuterFocusOutlineColor": {
         "value": "{color.transparentColor}",
         "type": "color"
@@ -173,19 +177,73 @@
         "value": "{color.transparentColor}",
         "type": "color"
       },
+      "hoverBackgroundColor": {
+        "value": "{color.background.interactive.action.tertiary.hover}",
+        "type": "color"
+      },
+      "selectedBackgroundColor": {
+        "value": "{color.background.brand}",
+        "type": "color"
+      },
       "textColor": {
         "value": "{color.text.base}",
         "type": "color"
       },
+      "selectedTextColor": {
+        "value": "{color.text.inverse}",
+        "type": "color"
+      },
       "logoutTextColor": {
         "value": "{color.text.error}",
         "type": "color"
+      },
+      "borderRadius": {
+        "value": "{borderRadius.lg}",
+        "type": "borderRadius"
+      }
+    },
+    "button": {
+      "textColor": {
+        "value": "{color.text.base}",
+        "type": "color"
       }
     },
-    "collapseButton": {
+    "subNav": {
+      "strokeColor": {
+        "value": "{color.stroke.muted}",
+        "type": "color"
+      },
       "textColor": {
         "value": "{color.text.base}",
         "type": "color"
+      },
+      "padding": {
+        "value": "{spacing.spaceMd}",
+        "type": "spacing"
+      },
+      "gap": {
+        "value": "{spacing.spaceSm}",
+        "type": "spacing"
+      }
+    },
+    "institutionLogo": {
+      "textColor": {
+        "value": "{color.text.base}",
+        "type": "color"
+      },
+      "strokeColor": {
+        "value": "{color.stroke.muted}",
+        "type": "color"
+      }
+    },
+    "insitutionLogo": {
+      "padding": {
+        "value": "{spacing.spaceSm}",
+        "type": "spacing"
+      },
+      "gap": {
+        "value": "{spacing.spaceMd}",
+        "type": "spacing"
       }
     }
   }

From fab47c6cd1038f13382a23c4c9d76607fabd4c17 Mon Sep 17 00:00:00 2001
From: svc-instui <231108445+svc-instui@users.noreply.github.com>
Date: Fri, 24 Apr 2026 16:50:08 +0200
Subject: [PATCH 10/18] chore: add active bg to sidenav drilldownoption

---
 packages/ui-scripts/lib/build/tokensStudio/$themes.json       | 4 ++++
 .../build/tokensStudio/canvas/component/SideNavBarNew.json    | 4 ++++
 .../build/tokensStudio/rebrand/component/SideNavBarNew.json   | 4 ++++
 3 files changed, 12 insertions(+)

diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
index fca55859c3..8250860c19 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
@@ -1797,6 +1797,7 @@
       "sideNavBarNew.item.selectedOuterFocusOutlineColor": "9dc7dd8efc7552799b4199c5ad1c0cc8b0819640",
       "sideNavBarNew.drilldownOption.backgroundColor": "ea5fa3257494d54eb46ec0234475dd48f059cfeb",
       "sideNavBarNew.drilldownOption.hoverBackgroundColor": "b37022c7913d7c1cc4480eb05a2db1b46ad47dbb",
+      "sideNavBarNew.drilldownOption.activeBackgroundColor": "bfb8a92febac4117ac2177304f2d0378c18ecbf0",
       "sideNavBarNew.drilldownOption.selectedBackgroundColor": "c86e8eb55a8746bc88d9387d7310c0aef31c05e6",
       "sideNavBarNew.drilldownOption.textColor": "2092e108fdd51ee7c39ebdf7048cc6de95fce287",
       "sideNavBarNew.drilldownOption.selectedTextColor": "45116223a459a9925fb62b0f219832839f48535e",
@@ -3961,6 +3962,7 @@
       "sideNavBarNew.item.selectedOuterFocusOutlineColor": "9dc7dd8efc7552799b4199c5ad1c0cc8b0819640",
       "sideNavBarNew.drilldownOption.backgroundColor": "ea5fa3257494d54eb46ec0234475dd48f059cfeb",
       "sideNavBarNew.drilldownOption.hoverBackgroundColor": "b37022c7913d7c1cc4480eb05a2db1b46ad47dbb",
+      "sideNavBarNew.drilldownOption.activeBackgroundColor": "bfb8a92febac4117ac2177304f2d0378c18ecbf0",
       "sideNavBarNew.drilldownOption.selectedBackgroundColor": "c86e8eb55a8746bc88d9387d7310c0aef31c05e6",
       "sideNavBarNew.drilldownOption.textColor": "2092e108fdd51ee7c39ebdf7048cc6de95fce287",
       "sideNavBarNew.drilldownOption.selectedTextColor": "45116223a459a9925fb62b0f219832839f48535e",
@@ -6189,6 +6191,7 @@
       "sideNavBarNew.item.selectedOuterFocusOutlineColor": "9dc7dd8efc7552799b4199c5ad1c0cc8b0819640",
       "sideNavBarNew.drilldownOption.backgroundColor": "ea5fa3257494d54eb46ec0234475dd48f059cfeb",
       "sideNavBarNew.drilldownOption.hoverBackgroundColor": "b37022c7913d7c1cc4480eb05a2db1b46ad47dbb",
+      "sideNavBarNew.drilldownOption.activeBackgroundColor": "bfb8a92febac4117ac2177304f2d0378c18ecbf0",
       "sideNavBarNew.drilldownOption.selectedBackgroundColor": "c86e8eb55a8746bc88d9387d7310c0aef31c05e6",
       "sideNavBarNew.drilldownOption.textColor": "2092e108fdd51ee7c39ebdf7048cc6de95fce287",
       "sideNavBarNew.drilldownOption.selectedTextColor": "45116223a459a9925fb62b0f219832839f48535e",
@@ -8355,6 +8358,7 @@
       "sideNavBarNew.item.selectedOuterFocusOutlineColor": "9dc7dd8efc7552799b4199c5ad1c0cc8b0819640",
       "sideNavBarNew.drilldownOption.backgroundColor": "ea5fa3257494d54eb46ec0234475dd48f059cfeb",
       "sideNavBarNew.drilldownOption.hoverBackgroundColor": "b37022c7913d7c1cc4480eb05a2db1b46ad47dbb",
+      "sideNavBarNew.drilldownOption.activeBackgroundColor": "bfb8a92febac4117ac2177304f2d0378c18ecbf0",
       "sideNavBarNew.drilldownOption.selectedBackgroundColor": "c86e8eb55a8746bc88d9387d7310c0aef31c05e6",
       "sideNavBarNew.drilldownOption.textColor": "2092e108fdd51ee7c39ebdf7048cc6de95fce287",
       "sideNavBarNew.drilldownOption.selectedTextColor": "45116223a459a9925fb62b0f219832839f48535e",
diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
index 29df7bbc7d..20c70c75e8 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
@@ -181,6 +181,10 @@
         "value": "{color.background.interactive.action.primary.hover}",
         "type": "color"
       },
+      "activeBackgroundColor": {
+        "value": "{color.background.interactive.action.primary.active}",
+        "type": "color"
+      },
       "selectedBackgroundColor": {
         "value": "{color.background.brand}",
         "type": "color"
diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
index 6e6caf9c3a..d4800dc6dd 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
@@ -181,6 +181,10 @@
         "value": "{color.background.interactive.action.tertiary.hover}",
         "type": "color"
       },
+      "activeBackgroundColor": {
+        "value": "{color.background.interactive.action.tertiary.active}",
+        "type": "color"
+      },
       "selectedBackgroundColor": {
         "value": "{color.background.brand}",
         "type": "color"

From a9e72b3bb6fd531603955268f2fc8bc5d6d84962 Mon Sep 17 00:00:00 2001
From: svc-instui <231108445+svc-instui@users.noreply.github.com>
Date: Fri, 24 Apr 2026 17:26:19 +0200
Subject: [PATCH 11/18] chore: desc color for option

---
 .../ui-scripts/lib/build/tokensStudio/$themes.json   | 12 ++++++------
 .../tokensStudio/rebrand/component/Options.json      |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
index 8250860c19..cdc0564fb3 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
@@ -1802,16 +1802,16 @@
       "sideNavBarNew.drilldownOption.textColor": "2092e108fdd51ee7c39ebdf7048cc6de95fce287",
       "sideNavBarNew.drilldownOption.selectedTextColor": "45116223a459a9925fb62b0f219832839f48535e",
       "sideNavBarNew.drilldownOption.logoutTextColor": "9e6ae6cfe9d2900bfa92c4f686f56c55ef5544a7",
+      "sideNavBarNew.drilldownOption.borderRadius": "0c1dd787e34fd57c15395192bc4c34ef78fa320e",
       "sideNavBarNew.button.textColor": "e49f8a5cfc3eb635496339e727a08ef745f848b8",
       "sideNavBarNew.subNav.strokeColor": "4a327f977b588ed6ff8ba4c9b575c1371d5cc1c3",
       "sideNavBarNew.subNav.textColor": "483375d59aff55f1440516d21205652bf8db3664",
       "sideNavBarNew.subNav.padding": "bb80c9865177d0169af71453035f1e150859f29b",
       "sideNavBarNew.subNav.gap": "62700a9997eebdd14e1ad95abf5c2fa0d2e75da5",
       "sideNavBarNew.institutionLogo.textColor": "f612873b2bfe90a39edabd260d41a1139a3ac239",
+      "sideNavBarNew.institutionLogo.strokeColor": "7710c8271b4f67db1c947a8123f0721cde396f93",
       "sideNavBarNew.insitutionLogo.padding": "fe4d8400a78ffab1104343d6efb0fa9ebc2a1eed",
       "sideNavBarNew.insitutionLogo.gap": "a102e2648a3e99dbb7ed0e3bff00fadf79cbcbae",
-      "sideNavBarNew.institutionLogo.strokeColor": "7710c8271b4f67db1c947a8123f0721cde396f93",
-      "sideNavBarNew.drilldownOption.borderRadius": "0c1dd787e34fd57c15395192bc4c34ef78fa320e",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
@@ -3967,16 +3967,16 @@
       "sideNavBarNew.drilldownOption.textColor": "2092e108fdd51ee7c39ebdf7048cc6de95fce287",
       "sideNavBarNew.drilldownOption.selectedTextColor": "45116223a459a9925fb62b0f219832839f48535e",
       "sideNavBarNew.drilldownOption.logoutTextColor": "9e6ae6cfe9d2900bfa92c4f686f56c55ef5544a7",
+      "sideNavBarNew.drilldownOption.borderRadius": "0c1dd787e34fd57c15395192bc4c34ef78fa320e",
       "sideNavBarNew.button.textColor": "e49f8a5cfc3eb635496339e727a08ef745f848b8",
       "sideNavBarNew.subNav.strokeColor": "4a327f977b588ed6ff8ba4c9b575c1371d5cc1c3",
       "sideNavBarNew.subNav.textColor": "483375d59aff55f1440516d21205652bf8db3664",
       "sideNavBarNew.subNav.padding": "bb80c9865177d0169af71453035f1e150859f29b",
       "sideNavBarNew.subNav.gap": "62700a9997eebdd14e1ad95abf5c2fa0d2e75da5",
       "sideNavBarNew.institutionLogo.textColor": "f612873b2bfe90a39edabd260d41a1139a3ac239",
+      "sideNavBarNew.institutionLogo.strokeColor": "7710c8271b4f67db1c947a8123f0721cde396f93",
       "sideNavBarNew.insitutionLogo.padding": "fe4d8400a78ffab1104343d6efb0fa9ebc2a1eed",
       "sideNavBarNew.insitutionLogo.gap": "a102e2648a3e99dbb7ed0e3bff00fadf79cbcbae",
-      "sideNavBarNew.institutionLogo.strokeColor": "7710c8271b4f67db1c947a8123f0721cde396f93",
-      "sideNavBarNew.drilldownOption.borderRadius": "0c1dd787e34fd57c15395192bc4c34ef78fa320e",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
@@ -6196,6 +6196,7 @@
       "sideNavBarNew.drilldownOption.textColor": "2092e108fdd51ee7c39ebdf7048cc6de95fce287",
       "sideNavBarNew.drilldownOption.selectedTextColor": "45116223a459a9925fb62b0f219832839f48535e",
       "sideNavBarNew.drilldownOption.logoutTextColor": "9e6ae6cfe9d2900bfa92c4f686f56c55ef5544a7",
+      "sideNavBarNew.drilldownOption.borderRadius": "0c1dd787e34fd57c15395192bc4c34ef78fa320e",
       "sideNavBarNew.button.textColor": "e49f8a5cfc3eb635496339e727a08ef745f848b8",
       "sideNavBarNew.subNav.strokeColor": "4a327f977b588ed6ff8ba4c9b575c1371d5cc1c3",
       "sideNavBarNew.subNav.textColor": "483375d59aff55f1440516d21205652bf8db3664",
@@ -6205,7 +6206,6 @@
       "sideNavBarNew.institutionLogo.strokeColor": "7710c8271b4f67db1c947a8123f0721cde396f93",
       "sideNavBarNew.insitutionLogo.padding": "fe4d8400a78ffab1104343d6efb0fa9ebc2a1eed",
       "sideNavBarNew.insitutionLogo.gap": "a102e2648a3e99dbb7ed0e3bff00fadf79cbcbae",
-      "sideNavBarNew.drilldownOption.borderRadius": "0c1dd787e34fd57c15395192bc4c34ef78fa320e",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
@@ -8363,6 +8363,7 @@
       "sideNavBarNew.drilldownOption.textColor": "2092e108fdd51ee7c39ebdf7048cc6de95fce287",
       "sideNavBarNew.drilldownOption.selectedTextColor": "45116223a459a9925fb62b0f219832839f48535e",
       "sideNavBarNew.drilldownOption.logoutTextColor": "9e6ae6cfe9d2900bfa92c4f686f56c55ef5544a7",
+      "sideNavBarNew.drilldownOption.borderRadius": "0c1dd787e34fd57c15395192bc4c34ef78fa320e",
       "sideNavBarNew.button.textColor": "e49f8a5cfc3eb635496339e727a08ef745f848b8",
       "sideNavBarNew.subNav.strokeColor": "4a327f977b588ed6ff8ba4c9b575c1371d5cc1c3",
       "sideNavBarNew.subNav.textColor": "483375d59aff55f1440516d21205652bf8db3664",
@@ -8372,7 +8373,6 @@
       "sideNavBarNew.institutionLogo.strokeColor": "7710c8271b4f67db1c947a8123f0721cde396f93",
       "sideNavBarNew.insitutionLogo.padding": "fe4d8400a78ffab1104343d6efb0fa9ebc2a1eed",
       "sideNavBarNew.insitutionLogo.gap": "a102e2648a3e99dbb7ed0e3bff00fadf79cbcbae",
-      "sideNavBarNew.drilldownOption.borderRadius": "0c1dd787e34fd57c15395192bc4c34ef78fa320e",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Options.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Options.json
index f47cc8d085..dcb5fad80d 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Options.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Options.json
@@ -36,7 +36,7 @@
       "type": "color"
     },
     "descriptionColor": {
-      "value": "{color.text.muted}",
+      "value": "{color.text.base}",
       "type": "color"
     },
     "descriptionFontSize": {

From 660bb09872899449e9fd2ac1dc44e32895cabfcd Mon Sep 17 00:00:00 2001
From: svc-instui <231108445+svc-instui@users.noreply.github.com>
Date: Tue, 28 Apr 2026 11:20:34 +0200
Subject: [PATCH 12/18] chore: green color palette extended

---
 packages/ui-scripts/lib/build/tokensStudio/$themes.json   | 4 +++-
 .../lib/build/tokensStudio/primitives/default.json        | 8 ++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
index cdc0564fb3..7a1f1dc033 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
@@ -8816,7 +8816,9 @@
       "color.green.green150": "2ea35a1faedab4b8ab94f45e5c87fe7d0dc1ff87",
       "color.green.green160": "a9be0f6a7a3f8703d0abc7d8a0e62b5333c6129e",
       "color.green.green170": "7892c082dd8d55e55390ba514cffe863f23353a5",
-      "color.green.green180": "ab9846062001cd73eb9f3cae1aa6c40554f8b3f7",
+      "color.green.green180": "a51dc4f8b2d4ab70e59faa00ff527be23bc62b48",
+      "color.green.green190": "ab9846062001cd73eb9f3cae1aa6c40554f8b3f7",
+      "color.green.green200": "5d85ebb6b4044d6d3a969878c37e00f91a1656fc",
       "color.grey.grey10": "d310ac602e7ba2b1cd7a12f2c848b78cfc2437db",
       "color.grey.grey20": "afd77c7ed6d60ff755442496a29f1373b82a1365",
       "color.grey.grey30": "7cc0bd2889ccd254731931b3db84a482d7b0f02b",
diff --git a/packages/ui-scripts/lib/build/tokensStudio/primitives/default.json b/packages/ui-scripts/lib/build/tokensStudio/primitives/default.json
index 42843c851d..64c3a27eca 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/primitives/default.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/primitives/default.json
@@ -78,8 +78,16 @@
         "type": "color"
       },
       "green180": {
+        "value": "#0D2812",
+        "type": "color"
+      },
+      "green190": {
         "value": "#051F09",
         "type": "color"
+      },
+      "green200": {
+        "value": "#011A05",
+        "type": "color"
       }
     },
     "grey": {

From 9a76cbdf3080926f7ad087eba4fd0c7c41b20168 Mon Sep 17 00:00:00 2001
From: svc-instui <231108445+svc-instui@users.noreply.github.com>
Date: Tue, 28 Apr 2026 13:00:44 +0200
Subject: [PATCH 13/18] chore: all color palettes extended

---
 .../lib/build/tokensStudio/$themes.json       | 46 ++++++---
 .../tokensStudio/primitives/default.json      | 96 +++++++++++++++++++
 .../rebrand/semantic/color/rebrandLight.json  |  4 +-
 3 files changed, 133 insertions(+), 13 deletions(-)

diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
index 7a1f1dc033..58ccfc34d7 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
@@ -8837,6 +8837,8 @@
       "color.grey.grey160": "ce849b854495eb62bfb582c31bd77aac6f96cb95",
       "color.grey.grey170": "9304623fd709fa941880e3fa6b2c54581c48bbde",
       "color.grey.grey180": "6881d33b435a43246742875172a389ac627f631a",
+      "color.grey.grey190": "0f1a277fe0dc799e9f041fa865d0a1679314d108",
+      "color.grey.grey200": "7d1443267836cd5416b47c1b199a8dbd2b0a269b",
       "color.blue.blue10": "41286e554c5bea997fc0e7f122620ddcd3520f1f",
       "color.blue.blue20": "414bba6caf1d10fd4457fd35fde0a20045538fda",
       "color.blue.blue30": "82c19d3493addaf8c05c0b6bddee14d30943ef2e",
@@ -8854,7 +8856,9 @@
       "color.blue.blue150": "5c221ed01016dcea2d86147af4df12b716368a23",
       "color.blue.blue160": "2d456c3e63c46be5916bfb778a7aa4eb8d60056f",
       "color.blue.blue170": "3e27c67ad57e0b3d0ea73ef5437d00f28e57712c",
-      "color.blue.blue180": "d4b4dd707afd29df2899ddcc5d9ac56cfe3f34b7",
+      "color.blue.blue180": "6bd7dd3541087e24afb35a50c06f5231497a9d8d",
+      "color.blue.blue190": "d4b4dd707afd29df2899ddcc5d9ac56cfe3f34b7",
+      "color.blue.blue200": "0de9afb014bae165665fb3346795598589b76edb",
       "color.red.red10": "a00de1814c6c99efb88169aa080c7600c2aab3f0",
       "color.red.red20": "2f5c547d4e20dbfe52e82653bff5283d23bcc4fe",
       "color.red.red30": "dcd7b37ddf215ce0b2809d06bca427b9d6c664ec",
@@ -8872,7 +8876,9 @@
       "color.red.red150": "a5637fab039611cebe0bd7448c3cd01b29e68717",
       "color.red.red160": "3de36d75a8e8dcdc27f6ec962bff60bb0cab8d82",
       "color.red.red170": "4f994489fbff078cf78afe02dedf666a4340b561",
-      "color.red.red180": "033ebbd674110bf1c541aa327dbb065d7f488ef6",
+      "color.red.red180": "581d5b70d6304297befa01ea851c41bf536a4999",
+      "color.red.red190": "033ebbd674110bf1c541aa327dbb065d7f488ef6",
+      "color.red.red200": "43ef5c52fbfe53c9bb5b2fa57bed285e5453127d",
       "color.orange.orange10": "de0282038540bad232cdc49cd3c9ae389f9a25bb",
       "color.orange.orange20": "81e3624b97e8fdcaad436bca1bde90d8b127c96b",
       "color.orange.orange30": "ee7fad491facbf46de887b0a42a114fea54f2d10",
@@ -8890,7 +8896,9 @@
       "color.orange.orange150": "50282542d38f6dcd3eb989a2697f20c9f7a243da",
       "color.orange.orange160": "242905377b3529d416dd515d532e22a8aa50493d",
       "color.orange.orange170": "4f885684791f20593f8ab9bb6fef52c764c9cf83",
-      "color.orange.orange180": "f16c1a726ad7d39828f569b1f1c64c6b7ab4158b",
+      "color.orange.orange180": "6aacf7796ac1252a3fe77c40ca5def2489db2da9",
+      "color.orange.orange190": "f16c1a726ad7d39828f569b1f1c64c6b7ab4158b",
+      "color.orange.orange200": "8dfbf8c56d03eee7083b0f6b4d415ebac367590b",
       "color.plum.plum10": "cb2ea49712ee3d9dac724f9d09dd36fe2b98daa0",
       "color.plum.plum20": "165444d54cb5c2fe0300d5c65eae5011bd5be10d",
       "color.plum.plum30": "489a1240faa135f7ae3725624b44b1f292ae9100",
@@ -8908,7 +8916,9 @@
       "color.plum.plum150": "f36b036a322344d024ef009db0ccca03f52e20e0",
       "color.plum.plum160": "36b6c1ea34843da9fdf50037bae87a1ecaab3640",
       "color.plum.plum170": "c277082f96c558a87dfb207e7da72611b9fac03d",
-      "color.plum.plum180": "a3bb53ab79cc22e454697864aaa24ee6eca8666e",
+      "color.plum.plum180": "730522633e7ea76ef35e23056cccfb8490ea334f",
+      "color.plum.plum190": "a3bb53ab79cc22e454697864aaa24ee6eca8666e",
+      "color.plum.plum200": "acda363078ba59a9b1b838b92846b25887364f97",
       "color.violet.violet10": "b12cc7d75f5f9735da7cafafe8332f0717e20b4f",
       "color.violet.violet20": "19f93f87d27d3a166dc476f9951093c35eda3b22",
       "color.violet.violet30": "37987858e674ab0cce16542bba5e62aa137f8fa9",
@@ -8926,7 +8936,9 @@
       "color.violet.violet150": "d76f3660989a692f1ad509389cad3ac5746edd4a",
       "color.violet.violet160": "0c2d12fd3c4039b459496feff516c4ed4d11d6ba",
       "color.violet.violet170": "529d2ad46d959add4a715224149580b82b6f2cd0",
-      "color.violet.violet180": "a67fa6e8d924a21327cc882044a59c89c2df85b5",
+      "color.violet.violet180": "711e86f53822de6879936cdc52d6762cfb362ccb",
+      "color.violet.violet190": "a67fa6e8d924a21327cc882044a59c89c2df85b5",
+      "color.violet.violet200": "00b10e669afd08968f0a5f849981e257324241c6",
       "color.stone.stone10": "443229a973dce6621902e9ea84009a5e45a38edc",
       "color.stone.stone20": "a3bb6c26617d7202d90fe2f5b00ba86226ac970c",
       "color.stone.stone30": "4377eea229075e842ee8487cf12d5e5e08d6b2b2",
@@ -8944,7 +8956,9 @@
       "color.stone.stone150": "5bb20b3ae54943ec8eab6d11f9d92a8355ecd9d2",
       "color.stone.stone160": "1a5356542d07d75b53d21ec6fd94f7026c02bcb7",
       "color.stone.stone170": "0bd805dd134a3b9a3ed253ef594ac59185d0621f",
-      "color.stone.stone180": "5fb4a3d37f2b077cb6f8f0637e2440a86b581208",
+      "color.stone.stone180": "36e24be99d5ed0023e6f9996ed6f56eaef5b9233",
+      "color.stone.stone190": "5fb4a3d37f2b077cb6f8f0637e2440a86b581208",
+      "color.stone.stone200": "d698ba6fc8425e59d5777f44fa6ce654a94c66a2",
       "color.sky.sky10": "8581af79f5a0b0803acab8b5a72bf864f216c035",
       "color.sky.sky20": "4920f1b162ff99ef8161f46106d8518f862d9c56",
       "color.sky.sky30": "a53e66b5b74864dbbc5e870e9eca13aa28bfc638",
@@ -8962,7 +8976,9 @@
       "color.sky.sky150": "0be040e032b819a4dac59d27f72cdb151dcdd2a1",
       "color.sky.sky160": "4c2eea552e01372099daf0745d0a615ab2daca8a",
       "color.sky.sky170": "e733c680765fbd75b87e84f7efce9830a3b2c5f5",
-      "color.sky.sky180": "8593202e06fab408d54be6e217ee01003c807750",
+      "color.sky.sky180": "99f7e52fb449f754793199ffc25140ca55c58a7e",
+      "color.sky.sky190": "8593202e06fab408d54be6e217ee01003c807750",
+      "color.sky.sky200": "f0884614d1c8e3e5d403c22cf54a97ea662bc194",
       "color.honey.honey10": "b2367196170b663758b8e35caef4d5d73851c8a8",
       "color.honey.honey20": "92b517f8bf32ffc4bb2dbbdcaf365c2f1c1d4381",
       "color.honey.honey30": "211582577d55b34253aca2cc4f5fc84f1ce6d372",
@@ -8980,7 +8996,9 @@
       "color.honey.honey150": "281d956b23287356dbcf04120fd10a2dc707817c",
       "color.honey.honey160": "8c5955de1a7917f89504a161f292fbb936b12536",
       "color.honey.honey170": "eb5573e419c4b50d64301c6d93a1844e0fcf12b7",
-      "color.honey.honey180": "56a3c17de3d17ed6161bbc0f10ff51bd3ce6124e",
+      "color.honey.honey180": "598d5f2cae277e7b4c4ecef98f60f6218e8d12ce",
+      "color.honey.honey190": "56a3c17de3d17ed6161bbc0f10ff51bd3ce6124e",
+      "color.honey.honey200": "be55d86c81ac233ddb4544d693742ad7de417cec",
       "color.sea.sea10": "7dff20e4ecd1e12f2dcfba01e881246d0692683e",
       "color.sea.sea20": "8de47753ba3599d9fd838634c7a82d749422e603",
       "color.sea.sea30": "d930a010559ef5285de2f90e4577c3b39904b660",
@@ -8998,7 +9016,9 @@
       "color.sea.sea150": "3132e253c8bdd43a9b23e63e07e75a789b9612ed",
       "color.sea.sea160": "ccff84be5f2dc510bc2a89a46853e1e908befed8",
       "color.sea.sea170": "5ced291c8ae05847a9c9e3e7c18a6836db564bb3",
-      "color.sea.sea180": "e60010948d302ed89c9c692641ba2b20153b3a35",
+      "color.sea.sea180": "aa906290307fb834d85da2c33565f7699363eb7d",
+      "color.sea.sea190": "e60010948d302ed89c9c692641ba2b20153b3a35",
+      "color.sea.sea200": "ef5cf7de4d683e8a0e75fa5f92e50ddd07521f4b",
       "color.aurora.aurora10": "7c781c9687dda9e12de72d1c952427259084f0d0",
       "color.aurora.aurora20": "b30c51a291a63d21cf8f73b1d872fa868d0cca85",
       "color.aurora.aurora30": "967d46f44ed2a3821b98d5c4f34f3c729e3eb19b",
@@ -9016,7 +9036,9 @@
       "color.aurora.aurora150": "1fec2be5db35e8fb775e3f460ce93226959bf6c6",
       "color.aurora.aurora160": "e4d929f8c0b0757cdd0e3d2d87969c734264d571",
       "color.aurora.aurora170": "05ba74a01826872f0ccc5e0d0d3660a4f21ba8c4",
-      "color.aurora.aurora180": "cdbf0c26efee2cb1baaaae495a64f26f5fd5ecb4",
+      "color.aurora.aurora180": "92ab30d86ab76894cb37b2e6e33fbfc2dbfb10aa",
+      "color.aurora.aurora190": "cdbf0c26efee2cb1baaaae495a64f26f5fd5ecb4",
+      "color.aurora.aurora200": "db2d08b6e000d1f1975b4031331898dd495bfc54",
       "color.navy.navy10": "d840d37d9729f31aa3044931fef0a884482a7c87",
       "color.navy.navy20": "9271649efd0bac9db469ca410667dcb29dd4e8d7",
       "color.navy.navy30": "446f6b51ce6df9a2afdcaab299adb5b106a8ab6f",
@@ -9034,7 +9056,9 @@
       "color.navy.navy150": "24b8fca4236dd3e49b95c2a43acdcdc815f40bae",
       "color.navy.navy160": "c1e81e5c436e028d67d989910b7a52bb72f88e58",
       "color.navy.navy170": "d32e7627754bf48e753027c273ee61819a000326",
-      "color.navy.navy180": "7eab1fbec82fd74cd163b7d8ff6e7c04bbc4b109",
+      "color.navy.navy180": "691456466a87f29763f9396f7cb292a14d8c10ad",
+      "color.navy.navy190": "7eab1fbec82fd74cd163b7d8ff6e7c04bbc4b109",
+      "color.navy.navy200": "a5b435e55dfd68d0c6a4241eb5b0364aee6dbbec",
       "color.whiteOpacity10": "fb93a030e7fe3361c678895beee94226869bf909",
       "color.whiteOpacity20": "ddcdc27fea1b845495be1420006e10ece0af978f",
       "color.whiteOpacity75": "17cb841de9caec3392bd40b1b57424500795f63f",
diff --git a/packages/ui-scripts/lib/build/tokensStudio/primitives/default.json b/packages/ui-scripts/lib/build/tokensStudio/primitives/default.json
index 64c3a27eca..bd736d887a 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/primitives/default.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/primitives/default.json
@@ -162,6 +162,14 @@
       "grey180": {
         "value": "#1C222B",
         "type": "color"
+      },
+      "grey190": {
+        "value": "#171B21",
+        "type": "color"
+      },
+      "grey200": {
+        "value": "#10141A",
+        "type": "color"
       }
     },
     "blue": {
@@ -234,8 +242,16 @@
         "type": "color"
       },
       "blue180": {
+        "value": "#112335",
+        "type": "color"
+      },
+      "blue190": {
         "value": "#0A1C2D",
         "type": "color"
+      },
+      "blue200": {
+        "value": "#00142A",
+        "type": "color"
       }
     },
     "red": {
@@ -308,8 +324,16 @@
         "type": "color"
       },
       "red180": {
+        "value": "#38160D",
+        "type": "color"
+      },
+      "red190": {
         "value": "#311007",
         "type": "color"
+      },
+      "red200": {
+        "value": "#270903",
+        "type": "color"
       }
     },
     "orange": {
@@ -382,8 +406,16 @@
         "type": "color"
       },
       "orange180": {
+        "value": "#321B0B",
+        "type": "color"
+      },
+      "orange190": {
         "value": "#2B1405",
         "type": "color"
+      },
+      "orange200": {
+        "value": "#230D00",
+        "type": "color"
       }
     },
     "plum": {
@@ -456,8 +488,16 @@
         "type": "color"
       },
       "plum180": {
+        "value": "#351428",
+        "type": "color"
+      },
+      "plum190": {
         "value": "#2F0E23",
         "type": "color"
+      },
+      "plum200": {
+        "value": "#26051A",
+        "type": "color"
       }
     },
     "violet": {
@@ -530,8 +570,16 @@
         "type": "color"
       },
       "violet180": {
+        "value": "#2C1834",
+        "type": "color"
+      },
+      "violet190": {
         "value": "#26132E",
         "type": "color"
+      },
+      "violet200": {
+        "value": "#1D0A25",
+        "type": "color"
       }
     },
     "stone": {
@@ -604,8 +652,16 @@
         "type": "color"
       },
       "stone180": {
+        "value": "#222222",
+        "type": "color"
+      },
+      "stone190": {
         "value": "#1A1A1A",
         "type": "color"
+      },
+      "stone200": {
+        "value": "#141414",
+        "type": "color"
       }
     },
     "sky": {
@@ -678,8 +734,16 @@
         "type": "color"
       },
       "sky180": {
+        "value": "#0E2431",
+        "type": "color"
+      },
+      "sky190": {
         "value": "#071D29",
         "type": "color"
+      },
+      "sky200": {
+        "value": "#001623",
+        "type": "color"
       }
     },
     "honey": {
@@ -752,8 +816,16 @@
         "type": "color"
       },
       "honey180": {
+        "value": "#2A200C",
+        "type": "color"
+      },
+      "honey190": {
         "value": "#221905",
         "type": "color"
+      },
+      "honey200": {
+        "value": "#1C1200",
+        "type": "color"
       }
     },
     "sea": {
@@ -826,8 +898,16 @@
         "type": "color"
       },
       "sea180": {
+        "value": "#0D262A",
+        "type": "color"
+      },
+      "sea190": {
         "value": "#051E22",
         "type": "color"
+      },
+      "sea200": {
+        "value": "#00181B",
+        "type": "color"
       }
     },
     "aurora": {
@@ -900,8 +980,16 @@
         "type": "color"
       },
       "aurora180": {
+        "value": "#0D271D",
+        "type": "color"
+      },
+      "aurora190": {
         "value": "#051F15",
         "type": "color"
+      },
+      "aurora200": {
+        "value": "#00190F",
+        "type": "color"
       }
     },
     "navy": {
@@ -974,8 +1062,16 @@
         "type": "color"
       },
       "navy180": {
+        "value": "#0D2338",
+        "type": "color"
+      },
+      "navy190": {
         "value": "#061C30",
         "type": "color"
+      },
+      "navy200": {
+        "value": "#00152A",
+        "type": "color"
       }
     },
     "whiteOpacity10": {
diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandLight.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandLight.json
index c1627c4728..c58aa86ed8 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandLight.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandLight.json
@@ -118,7 +118,7 @@
               "type": "color"
             },
             "active": {
-              "value": "{color.navy.navy180}",
+              "value": "{color.navy.navy190}",
               "type": "color"
             },
             "disabled": {
@@ -484,7 +484,7 @@
               "type": "color"
             },
             "active": {
-              "value": "{color.navy.navy180}",
+              "value": "{color.navy.navy190}",
               "type": "color"
             },
             "disabled": {

From 6f739400e042153038927e8c2e0c908619d0fa5e Mon Sep 17 00:00:00 2001
From: svc-instui <231108445+svc-instui@users.noreply.github.com>
Date: Tue, 28 Apr 2026 13:57:48 +0200
Subject: [PATCH 14/18] chore: make dark theme darker

---
 .../rebrand/semantic/color/rebrandDark.json            | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandDark.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandDark.json
index 04e71b5a2f..d21e3449c3 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandDark.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandDark.json
@@ -2,7 +2,7 @@
   "color": {
     "background": {
       "base": {
-        "value": "{color.grey.grey180}",
+        "value": "{color.grey.grey200}",
         "type": "color"
       },
       "muted": {
@@ -14,11 +14,11 @@
         "type": "color"
       },
       "page": {
-        "value": "{color.grey.grey180}",
+        "value": "{color.grey.grey200}",
         "type": "color"
       },
       "container": {
-        "value": "{color.grey.grey170}",
+        "value": "{color.grey.grey180}",
         "type": "color"
       },
       "onColor": {
@@ -87,7 +87,7 @@
       "interactive": {
         "input": {
           "base": {
-            "value": "{color.grey.grey180}",
+            "value": "{color.grey.grey190}",
             "type": "color"
           },
           "hover": {
@@ -362,7 +362,7 @@
       },
       "elevatedSurface": {
         "base": {
-          "value": "{color.grey.grey170}",
+          "value": "{color.grey.grey180}",
           "type": "color"
         },
         "inverse": {

From 1608af0736a51c05d1a5e926c8fa653039bc520e Mon Sep 17 00:00:00 2001
From: svc-instui <231108445+svc-instui@users.noreply.github.com>
Date: Tue, 28 Apr 2026 14:13:25 +0200
Subject: [PATCH 15/18] chore: update elevated surface dark mode value

---
 .../build/tokensStudio/rebrand/semantic/color/rebrandDark.json  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandDark.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandDark.json
index d21e3449c3..bccea88dd1 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandDark.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandDark.json
@@ -362,7 +362,7 @@
       },
       "elevatedSurface": {
         "base": {
-          "value": "{color.grey.grey180}",
+          "value": "{color.grey.grey190}",
           "type": "color"
         },
         "inverse": {

From d189bb4c895b67cae5dc2f66b826593ef046a2c8 Mon Sep 17 00:00:00 2001
From: svc-instui <231108445+svc-instui@users.noreply.github.com>
Date: Tue, 28 Apr 2026 14:27:16 +0200
Subject: [PATCH 16/18] chore: update modal color tokens

---
 .../lib/build/tokensStudio/rebrand/component/Modal.json     | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Modal.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Modal.json
index dbf81a8b13..f0ac22c108 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Modal.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Modal.json
@@ -5,7 +5,7 @@
       "type": "sizing"
     },
     "backgroundColor": {
-      "value": "{color.background.container}",
+      "value": "{color.background.elevatedSurface.base}",
       "type": "color"
     },
     "borderColor": {
@@ -77,7 +77,7 @@
   },
   "modalHeader": {
     "backgroundColor": {
-      "value": "{color.background.container}",
+      "value": "{color.background.elevatedSurface.base}",
       "type": "color"
     },
     "inverseBackgroundColor": {
@@ -137,7 +137,7 @@
       "type": "borderWidth"
     },
     "backgroundColor": {
-      "value": "{color.background.container}",
+      "value": "{color.background.elevatedSurface.base}",
       "type": "color"
     },
     "inverseBackgroundColor": {

From 1da4e6bae5befd28ec823c31bc22e35d8b0942c4 Mon Sep 17 00:00:00 2001
From: svc-instui <231108445+svc-instui@users.noreply.github.com>
Date: Tue, 28 Apr 2026 15:28:11 +0200
Subject: [PATCH 17/18] chore: adjust dark mode color tokens

---
 .../tokensStudio/rebrand/semantic/color/rebrandDark.json  | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandDark.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandDark.json
index bccea88dd1..f2079612be 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandDark.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandDark.json
@@ -31,7 +31,7 @@
         "description": "Background color for inverse components. Dark grey in light mode; light grey in dark mode."
       },
       "dark": {
-        "value": "{color.grey.grey170}",
+        "value": "{color.grey.grey180}",
         "type": "color"
       },
       "success": {
@@ -387,7 +387,7 @@
         "type": "color"
       },
       "muted": {
-        "value": "{color.grey.grey140}",
+        "value": "{color.grey.grey160}",
         "type": "color"
       },
       "strong": {
@@ -739,11 +739,11 @@
     },
     "text": {
       "base": {
-        "value": "{color.white}",
+        "value": "{color.grey.grey10}",
         "type": "color"
       },
       "muted": {
-        "value": "{color.grey.grey60}",
+        "value": "{color.grey.grey50}",
         "type": "color"
       },
       "success": {

From 33b64d91803bed26936068e740bddd3569070db1 Mon Sep 17 00:00:00 2001
From: svc-instui <231108445+svc-instui@users.noreply.github.com>
Date: Wed, 29 Apr 2026 18:41:41 +0200
Subject: [PATCH 18/18] chore: add darken to basebutton

---
 .../lib/build/tokensStudio/$themes.json       | 24 ++++----
 .../canvas/component/BaseButton.json          | 55 +++++++++++--------
 2 files changed, 44 insertions(+), 35 deletions(-)

diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
index 58ccfc34d7..e19c430a5d 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
@@ -733,12 +733,15 @@
       "badge.size": "7a45f045849363d0f93c6d05c8c2cf9b202bb9c6",
       "badge.padding": "bc63d3c0bf885bffeeab07245a8d53cdaf589914",
       "badge.notificationZIndex": "f89d62bdca27d3f64b26fbeef808052d78e087f6",
+      "baseButton.primaryBackground": "154f6104112592e5e0121ca1a94f1fd8143722ea",
+      "baseButton.primaryColor": "b976b27058c06cd32db866134831505cfd6eda4c",
+      "baseButton.primaryBorderColor": "d8d4171cc0540ef7d2db86216bb4f0b8962d61e9",
+      "baseButton.primaryHoverBackground": "31516e33d4e70ef4119e9f4ccc7f42c66019e6cf",
+      "baseButton.primaryHoverBorderColor": "6da18a9716abdf0b49175ec109503b77c5a0dfd0",
+      "baseButton.primaryHoverTextColor": "cf5ba9b8c64f7dd8026a4dbf7a21ab59e07bdcd6",
       "baseButton.primaryActiveBackground": "022fe8f12710c857dff73ac023ab0c4802b26c72",
       "baseButton.primaryActiveBorderColor": "6d648d89b527cdf9b2b275e651ba4906ad2d9df2",
       "baseButton.primaryActiveTextColor": "a287571e4829822e194584e7bd82ced8a2e76f23",
-      "baseButton.primaryBackground": "154f6104112592e5e0121ca1a94f1fd8143722ea",
-      "baseButton.primaryBorderColor": "d8d4171cc0540ef7d2db86216bb4f0b8962d61e9",
-      "baseButton.primaryColor": "b976b27058c06cd32db866134831505cfd6eda4c",
       "baseButton.primaryDisabledBackgroundColor": "2bb023499a1ff841d6f91a4aa3e0f7249af18916",
       "baseButton.primaryDisabledBorderColor": "93199c3bc522eaf945a0ede3e43b5f26e124bb16",
       "baseButton.primaryDisabledTextColor": "704887f6a9a6a83bc7d4eb0f913f153d10a09e01",
@@ -746,9 +749,6 @@
       "baseButton.primaryGhostBorderColor": "1ccf14c7e9349939e36710aa516494811d5498e2",
       "baseButton.primaryGhostColor": "87a44599990f93b03c2bbd769ddd5c2eb17b1379",
       "baseButton.primaryGhostHoverBackground": "35ed550963b73c7825f771581b2d326e2ead7e6c",
-      "baseButton.primaryHoverBackground": "31516e33d4e70ef4119e9f4ccc7f42c66019e6cf",
-      "baseButton.primaryHoverBorderColor": "6da18a9716abdf0b49175ec109503b77c5a0dfd0",
-      "baseButton.primaryHoverTextColor": "cf5ba9b8c64f7dd8026a4dbf7a21ab59e07bdcd6",
       "baseButton.primaryInverseActiveBackground": "11ffbc788aa65e213fdf804ce279e93e053bb155",
       "baseButton.primaryInverseBackground": "b6a495581acde00022ed56ef72395dfbe1b73458",
       "baseButton.primaryInverseBorderColor": "aaa9b8000b33eb05e4668c8afece2701bad31baf",
@@ -2898,12 +2898,15 @@
       "badge.size": "7a45f045849363d0f93c6d05c8c2cf9b202bb9c6",
       "badge.padding": "bc63d3c0bf885bffeeab07245a8d53cdaf589914",
       "badge.notificationZIndex": "f89d62bdca27d3f64b26fbeef808052d78e087f6",
+      "baseButton.primaryBackground": "154f6104112592e5e0121ca1a94f1fd8143722ea",
+      "baseButton.primaryColor": "b976b27058c06cd32db866134831505cfd6eda4c",
+      "baseButton.primaryBorderColor": "d8d4171cc0540ef7d2db86216bb4f0b8962d61e9",
+      "baseButton.primaryHoverBackground": "31516e33d4e70ef4119e9f4ccc7f42c66019e6cf",
+      "baseButton.primaryHoverBorderColor": "6da18a9716abdf0b49175ec109503b77c5a0dfd0",
+      "baseButton.primaryHoverTextColor": "cf5ba9b8c64f7dd8026a4dbf7a21ab59e07bdcd6",
       "baseButton.primaryActiveBackground": "022fe8f12710c857dff73ac023ab0c4802b26c72",
       "baseButton.primaryActiveBorderColor": "6d648d89b527cdf9b2b275e651ba4906ad2d9df2",
       "baseButton.primaryActiveTextColor": "a287571e4829822e194584e7bd82ced8a2e76f23",
-      "baseButton.primaryBackground": "154f6104112592e5e0121ca1a94f1fd8143722ea",
-      "baseButton.primaryBorderColor": "d8d4171cc0540ef7d2db86216bb4f0b8962d61e9",
-      "baseButton.primaryColor": "b976b27058c06cd32db866134831505cfd6eda4c",
       "baseButton.primaryDisabledBackgroundColor": "2bb023499a1ff841d6f91a4aa3e0f7249af18916",
       "baseButton.primaryDisabledBorderColor": "93199c3bc522eaf945a0ede3e43b5f26e124bb16",
       "baseButton.primaryDisabledTextColor": "704887f6a9a6a83bc7d4eb0f913f153d10a09e01",
@@ -2911,9 +2914,6 @@
       "baseButton.primaryGhostBorderColor": "1ccf14c7e9349939e36710aa516494811d5498e2",
       "baseButton.primaryGhostColor": "87a44599990f93b03c2bbd769ddd5c2eb17b1379",
       "baseButton.primaryGhostHoverBackground": "35ed550963b73c7825f771581b2d326e2ead7e6c",
-      "baseButton.primaryHoverBackground": "31516e33d4e70ef4119e9f4ccc7f42c66019e6cf",
-      "baseButton.primaryHoverBorderColor": "6da18a9716abdf0b49175ec109503b77c5a0dfd0",
-      "baseButton.primaryHoverTextColor": "cf5ba9b8c64f7dd8026a4dbf7a21ab59e07bdcd6",
       "baseButton.primaryInverseActiveBackground": "11ffbc788aa65e213fdf804ce279e93e053bb155",
       "baseButton.primaryInverseBackground": "b6a495581acde00022ed56ef72395dfbe1b73458",
       "baseButton.primaryInverseBorderColor": "aaa9b8000b33eb05e4668c8afece2701bad31baf",
diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/BaseButton.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/BaseButton.json
index 03cfd94576..eac5ded410 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/BaseButton.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/BaseButton.json
@@ -1,27 +1,48 @@
 {
   "baseButton": {
-    "primaryActiveBackground": {
-      "value": "{color.background.interactive.action.primary.active}",
+    "primaryBackground": {
+      "value": "{color.institutional.brandButtonPrimaryBgd}",
       "type": "color"
     },
-    "primaryActiveBorderColor": {
-      "value": "{color.stroke.interactive.action.primary.active}",
+    "primaryColor": {
+      "value": "{color.institutional.brandButtonPrimaryText}",
       "type": "color"
     },
-    "primaryActiveTextColor": {
-      "value": "{color.text.interactive.action.primary.active}",
+    "primaryBorderColor": {
+      "value": "{color.institutional.brandButtonPrimaryBgd}",
       "type": "color"
     },
-    "primaryBackground": {
+    "primaryHoverBackground": {
       "value": "{color.institutional.brandButtonPrimaryBgd}",
+      "type": "color",
+      "$extensions": {
+        "studio.tokens": {
+          "modify": {
+            "type": "darken",
+            "value": "0.1",
+            "space": "hsl"
+          }
+        }
+      }
+    },
+    "primaryHoverBorderColor": {
+      "value": "{color.stroke.interactive.action.primary.hover}",
       "type": "color"
     },
-    "primaryBorderColor": {
-      "value": "{color.institutional.brandButtonPrimaryBgd}",
+    "primaryHoverTextColor": {
+      "value": "{color.text.interactive.action.primary.hover}",
       "type": "color"
     },
-    "primaryColor": {
-      "value": "{color.institutional.brandButtonPrimaryText}",
+    "primaryActiveBackground": {
+      "value": "{color.background.interactive.action.primary.active}",
+      "type": "color"
+    },
+    "primaryActiveBorderColor": {
+      "value": "{color.stroke.interactive.action.primary.active}",
+      "type": "color"
+    },
+    "primaryActiveTextColor": {
+      "value": "{color.text.interactive.action.primary.active}",
       "type": "color"
     },
     "primaryDisabledBackgroundColor": {
@@ -52,18 +73,6 @@
       "value": "{color.background.interactive.action.tertiary.hover}",
       "type": "color"
     },
-    "primaryHoverBackground": {
-      "value": "{color.background.interactive.action.primary.hover}",
-      "type": "color"
-    },
-    "primaryHoverBorderColor": {
-      "value": "{color.stroke.interactive.action.primary.hover}",
-      "type": "color"
-    },
-    "primaryHoverTextColor": {
-      "value": "{color.text.interactive.action.primary.hover}",
-      "type": "color"
-    },
     "primaryInverseActiveBackground": {
       "value": "{color.background.interactive.action.primaryOnColor.active}",
       "type": "color"