From 434a873efa7b6e7d7b86ae7537b8526b466e008e Mon Sep 17 00:00:00 2001
From: markuslindmark <46524062+markuslindmark@users.noreply.github.com>
Date: Fri, 22 Sep 2023 17:33:29 +0200
Subject: [PATCH] style: brand color adjusted (#7)

Some adjustments of the brand colors
---
 theme/src/index.ts                            | 22 +++----
 theme/tokens/generated/css/dark.css           | 28 ++++----
 theme/tokens/generated/css/global.css         |  2 +-
 theme/tokens/generated/css/light.css          | 34 +++++-----
 theme/tokens/generated/json/colors.json       | 66 +++++++++----------
 theme/tokens/generated/tokens/dark.json       | 26 ++++----
 theme/tokens/generated/tokens/light.json      | 32 ++++-----
 theme/tokens/generated/ts/base.ts             |  2 +-
 theme/tokens/generated/ts/dark.ts             | 28 ++++----
 theme/tokens/generated/ts/light.ts            | 34 +++++-----
 theme/tokens/generated/xaml/Colors.xaml       | 60 ++++++++---------
 .../generated/xaml/ConstantResources.xaml     |  2 +-
 theme/tokens/generated/xaml/Dark.xaml         |  2 +-
 theme/tokens/generated/xaml/Light.xaml        |  2 +-
 14 files changed, 170 insertions(+), 170 deletions(-)

diff --git a/theme/src/index.ts b/theme/src/index.ts
index 551a8c64..6fcd5232 100644
--- a/theme/src/index.ts
+++ b/theme/src/index.ts
@@ -9,13 +9,13 @@ import {
 // remember to run tokens:runall
 
 export const brand: BrandVariants = {
-  10: "#5C3E00",
-  20: "#795102",
-  30: "#966805",
-  40: "#AD7600",
-  50: "#BF8208",
-  60: "#D69600",
-  70: "#DFA001",
+  10: "#281E03",
+  20: "#342818",
+  30: "#3E2F1D",
+  40: "#4C381E",
+  50: "#674808",
+  60: "#B07A0F",
+  70: "#E0A101",
   80: "#EFAB01",
   90: "#FEC10C",
   100: "#FFCC33",
@@ -45,12 +45,12 @@ export const axisLightTheme: Theme = {
   colorNeutralForegroundOnBrand: "#000000",
   colorBrandBackground: "#ffcc33",
   colorBrandBackgroundHover: "#FEC10C",
-  colorBrandBackgroundPressed: "#F9BB01",
-  colorBrandBackgroundSelected: "#F9BB01",
+  colorBrandBackgroundPressed: "#B07A0F",
+  colorBrandBackgroundSelected: "#B07A0F",
   colorNeutralForegroundInverted: "#242424",
   colorCompoundBrandBackground: "#FEC10C",
-  colorCompoundBrandBackgroundHover: "#F9BB01",
-  colorCompoundBrandBackgroundPressed: "#EFAB01",
+  colorCompoundBrandBackgroundHover: "#EFAB01",
+  colorCompoundBrandBackgroundPressed: "#E0A101",
   colorBrandForegroundLink: "#028fcc",
   colorBrandForegroundLinkHover: "#0182b3",
   colorBrandForegroundLinkPressed: "#026690",
diff --git a/theme/tokens/generated/css/dark.css b/theme/tokens/generated/css/dark.css
index aeb89a68..803c6783 100644
--- a/theme/tokens/generated/css/dark.css
+++ b/theme/tokens/generated/css/dark.css
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 14 Jul 2023 09:50:56 GMT
+ * Generated on Fri, 22 Sep 2023 14:14:03 GMT
  */
 
 .dark {
@@ -106,28 +106,28 @@
   --color-brand-foreground2-hover: #FFE79B;
   --color-brand-foreground2-pressed: #FFFCF1;
   --color-brand-foreground-inverted: #EFAB01;
-  --color-brand-foreground-inverted-hover: #DFA001;
-  --color-brand-foreground-inverted-pressed: #D69600;
+  --color-brand-foreground-inverted-hover: #E0A101;
+  --color-brand-foreground-inverted-pressed: #B07A0F;
   --color-brand-foreground-on-light: #EFAB01;
-  --color-brand-foreground-on-light-hover: #DFA001;
-  --color-brand-foreground-on-light-pressed: #BF8208;
-  --color-brand-foreground-on-light-selected: #D69600;
-  --color-brand-background: #DFA001;
+  --color-brand-foreground-on-light-hover: #E0A101;
+  --color-brand-foreground-on-light-pressed: #674808;
+  --color-brand-foreground-on-light-selected: #B07A0F;
+  --color-brand-background: #E0A101;
   --color-brand-background-hover: #EFAB01;
-  --color-brand-background-pressed: #AD7600;
-  --color-brand-background-selected: #D69600;
+  --color-brand-background-pressed: #4C381E;
+  --color-brand-background-selected: #B07A0F;
   --color-brand-background-static: #EFAB01;
-  --color-brand-background2: #795102;
-  --color-brand-background2-hover: #AD7600;
-  --color-brand-background2-pressed: #5C3E00;
+  --color-brand-background2: #342818;
+  --color-brand-background2-hover: #4C381E;
+  --color-brand-background2-pressed: #281E03;
   --color-brand-background-inverted: #ffffff;
   --color-brand-background-inverted-hover: #FFFCF1;
   --color-brand-background-inverted-pressed: #FFEEBA;
   --color-brand-background-inverted-selected: #FFF6D7;
   --color-brand-stroke1: #FFCC33;
   --color-brand-stroke2: #5C3E00;
-  --color-brand-stroke2-hover: #BF8208;
-  --color-brand-stroke2-pressed: #966805;
+  --color-brand-stroke2-hover: #674808;
+  --color-brand-stroke2-pressed: #3E2F1D;
   --color-brand-shadow-ambient: rgba(0,0,0,0.30);
   --color-brand-shadow-key: rgba(0,0,0,0.25);
   --color-subtle-background: transparent;
diff --git a/theme/tokens/generated/css/global.css b/theme/tokens/generated/css/global.css
index 39dedc36..dd1ac5f3 100644
--- a/theme/tokens/generated/css/global.css
+++ b/theme/tokens/generated/css/global.css
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 14 Jul 2023 09:50:56 GMT
+ * Generated on Fri, 22 Sep 2023 14:14:03 GMT
  */
 
 :root {
diff --git a/theme/tokens/generated/css/light.css b/theme/tokens/generated/css/light.css
index 73f73b06..fed89926 100644
--- a/theme/tokens/generated/css/light.css
+++ b/theme/tokens/generated/css/light.css
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 14 Jul 2023 09:50:56 GMT
+ * Generated on Fri, 22 Sep 2023 14:14:03 GMT
  */
 
 .light {
@@ -15,13 +15,13 @@
   --color-neutral-foreground-2-pressed: #242424;
   --color-neutral-foreground-2-selected: #242424;
   --color-neutral-foreground-2-brand-hover: #EFAB01;
-  --color-neutral-foreground-2-brand-pressed: #DFA001;
+  --color-neutral-foreground-2-brand-pressed: #E0A101;
   --color-neutral-foreground-2-brand-selected: #EFAB01;
   --color-neutral-foreground-3-hover: #424242;
   --color-neutral-foreground-3-pressed: #424242;
   --color-neutral-foreground-3-selected: #424242;
   --color-neutral-foreground-3-brand-hover: #EFAB01;
-  --color-neutral-foreground-3-brand-pressed: #DFA001;
+  --color-neutral-foreground-3-brand-pressed: #E0A101;
   --color-neutral-foreground-3-brand-selected: #EFAB01;
   --color-neutral-foreground-disabled: #bdbdbd;
   --color-neutral-foreground-inverted-disabled: rgba(255, 255, 255, 0.4);
@@ -102,20 +102,20 @@
   --color-brand-foreground-link-pressed: #026690;
   --color-brand-foreground-link-selected: #028fcc;
   --color-brand-foreground1: #EFAB01;
-  --color-brand-foreground2: #DFA001;
-  --color-brand-foreground2-hover: #D69600;
-  --color-brand-foreground2-pressed: #966805;
+  --color-brand-foreground2: #E0A101;
+  --color-brand-foreground2-hover: #B07A0F;
+  --color-brand-foreground2-pressed: #3E2F1D;
   --color-brand-foreground-inverted: #FFCC33;
   --color-brand-foreground-inverted-hover: #FFD450;
   --color-brand-foreground-inverted-pressed: #FFCC33;
   --color-brand-foreground-on-light: #EFAB01;
-  --color-brand-foreground-on-light-hover: #DFA001;
-  --color-brand-foreground-on-light-pressed: #BF8208;
-  --color-brand-foreground-on-light-selected: #D69600;
+  --color-brand-foreground-on-light-hover: #E0A101;
+  --color-brand-foreground-on-light-pressed: #674808;
+  --color-brand-foreground-on-light-selected: #B07A0F;
   --color-brand-background: #ffcc33;
   --color-brand-background-hover: #FEC10C;
-  --color-brand-background-pressed: #F9BB01;
-  --color-brand-background-selected: #F9BB01;
+  --color-brand-background-pressed: #B07A0F;
+  --color-brand-background-selected: #B07A0F;
   --color-brand-background-static: #EFAB01;
   --color-brand-background2: #FFFCF1;
   --color-brand-background2-hover: #FFF6D7;
@@ -151,14 +151,14 @@
   --color-stroke-focus1: #ffffff;
   --color-stroke-focus2: #000000;
   --color-compound-brand-foreground1: #EFAB01;
-  --color-compound-brand-foreground1-hover: #DFA001;
-  --color-compound-brand-foreground1-pressed: #D69600;
+  --color-compound-brand-foreground1-hover: #E0A101;
+  --color-compound-brand-foreground1-pressed: #B07A0F;
   --color-compound-brand-background: #FEC10C;
-  --color-compound-brand-background-hover: #F9BB01;
-  --color-compound-brand-background-pressed: #EFAB01;
+  --color-compound-brand-background-hover: #EFAB01;
+  --color-compound-brand-background-pressed: #E0A101;
   --color-compound-brand-stroke: #EFAB01;
-  --color-compound-brand-stroke-hover: #DFA001;
-  --color-compound-brand-stroke-pressed: #D69600;
+  --color-compound-brand-stroke-hover: #E0A101;
+  --color-compound-brand-stroke-pressed: #B07A0F;
   --color-background-overlay: rgba(0, 0, 0, 0.4);
   --color-scrollbar-overlay: rgba(0,0,0,0.2);
   --shadow-2: 0 0 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14);
diff --git a/theme/tokens/generated/json/colors.json b/theme/tokens/generated/json/colors.json
index 3795905c..6d1b2e28 100644
--- a/theme/tokens/generated/json/colors.json
+++ b/theme/tokens/generated/json/colors.json
@@ -66,6 +66,9 @@
     "light.colorNeutralForeground1Static",
     "light.colorNeutralForegroundInverted"
   ],
+  "#281e03": [
+    "dark.colorBrandBackground2Pressed"
+  ],
   "#292929": [
     "dark.colorNeutralBackground1",
     "dark.colorNeutralBackground3Hover",
@@ -84,6 +87,9 @@
     "dark.colorSubtleBackgroundSelected",
     "light.colorNeutralBackgroundStatic"
   ],
+  "#342818": [
+    "dark.colorBrandBackground2"
+  ],
   "#34c9ff": [
     "dark.colorBrandForegroundLink",
     "dark.colorBrandForegroundLinkSelected"
@@ -97,6 +103,10 @@
     "dark.colorNeutralBackground1Hover",
     "dark.colorNeutralBackgroundStatic"
   ],
+  "#3e2f1d": [
+    "dark.colorBrandStroke2Pressed",
+    "light.colorBrandForeground2Pressed"
+  ],
   "#424242": [
     "dark.colorNeutralStrokeDisabled",
     "light.colorNeutralForeground2",
@@ -105,6 +115,10 @@
     "light.colorNeutralForeground3Selected",
     "light.colorNeutralForeground2Link"
   ],
+  "#4c381e": [
+    "dark.colorBrandBackgroundPressed",
+    "dark.colorBrandBackground2Hover"
+  ],
   "#4d4d4d": [
     "light.colorNeutralStrokeAccessiblePressed"
   ],
@@ -116,7 +130,6 @@
     "light.colorNeutralStrokeAccessibleHover"
   ],
   "#5c3e00": [
-    "dark.colorBrandBackground2Pressed",
     "dark.colorBrandStroke2"
   ],
   "#5c5c5c": [
@@ -129,6 +142,11 @@
   "#666666": [
     "dark.colorNeutralStroke1"
   ],
+  "#674808": [
+    "dark.colorBrandForegroundOnLightPressed",
+    "dark.colorBrandStroke2Hover",
+    "light.colorBrandForegroundOnLightPressed"
+  ],
   "#6b6b6b": [
     "dark.colorNeutralStroke1Pressed"
   ],
@@ -139,24 +157,24 @@
   "#757575": [
     "dark.colorNeutralStroke1Hover"
   ],
-  "#795102": [
-    "dark.colorBrandBackground2"
-  ],
-  "#966805": [
-    "dark.colorBrandStroke2Pressed",
-    "light.colorBrandForeground2Pressed"
-  ],
   "#999999": [
     "dark.colorNeutralForeground4"
   ],
-  "#ad7600": [
-    "dark.colorBrandBackgroundPressed",
-    "dark.colorBrandBackground2Hover"
-  ],
   "#adadad": [
     "dark.colorNeutralForeground3",
     "dark.colorNeutralStrokeAccessible"
   ],
+  "#b07a0f": [
+    "dark.colorBrandForegroundInvertedPressed",
+    "dark.colorBrandForegroundOnLightSelected",
+    "dark.colorBrandBackgroundSelected",
+    "light.colorBrandForeground2Hover",
+    "light.colorBrandForegroundOnLightSelected",
+    "light.colorBrandBackgroundPressed",
+    "light.colorBrandBackgroundSelected",
+    "light.colorCompoundBrandForeground1Pressed",
+    "light.colorCompoundBrandStrokePressed"
+  ],
   "#b3b3b3": [
     "dark.colorNeutralStrokeAccessiblePressed",
     "light.colorNeutralStroke1Pressed"
@@ -166,26 +184,12 @@
     "light.colorNeutralForegroundDisabled",
     "light.colorNeutralStroke1Selected"
   ],
-  "#bf8208": [
-    "dark.colorBrandForegroundOnLightPressed",
-    "dark.colorBrandStroke2Hover",
-    "light.colorBrandForegroundOnLightPressed"
-  ],
   "#c7c7c7": [
     "light.colorNeutralStroke1Hover"
   ],
   "#d1d1d1": [
     "light.colorNeutralStroke1"
   ],
-  "#d69600": [
-    "dark.colorBrandForegroundInvertedPressed",
-    "dark.colorBrandForegroundOnLightSelected",
-    "dark.colorBrandBackgroundSelected",
-    "light.colorBrandForeground2Hover",
-    "light.colorBrandForegroundOnLightSelected",
-    "light.colorCompoundBrandForeground1Pressed",
-    "light.colorCompoundBrandStrokePressed"
-  ],
   "#d6d6d6": [
     "dark.colorNeutralForeground2",
     "dark.colorNeutralForeground3Hover",
@@ -197,7 +201,7 @@
   "#dbdbdb": [
     "light.colorNeutralBackground2Pressed"
   ],
-  "#dfa001": [
+  "#e0a101": [
     "dark.colorBrandForegroundInvertedHover",
     "dark.colorBrandForegroundOnLightHover",
     "dark.colorBrandBackground",
@@ -206,6 +210,7 @@
     "light.colorBrandForeground2",
     "light.colorBrandForegroundOnLightHover",
     "light.colorCompoundBrandForeground1Hover",
+    "light.colorCompoundBrandBackgroundPressed",
     "light.colorCompoundBrandStrokeHover"
   ],
   "#e0e0e0": [
@@ -243,7 +248,7 @@
     "light.colorBrandStroke1",
     "light.colorBrandStroke2Pressed",
     "light.colorCompoundBrandForeground1",
-    "light.colorCompoundBrandBackgroundPressed",
+    "light.colorCompoundBrandBackgroundHover",
     "light.colorCompoundBrandStroke"
   ],
   "#f0f0f0": [
@@ -260,11 +265,6 @@
     "light.colorNeutralBackground5Hover",
     "light.colorSubtleBackgroundHover"
   ],
-  "#f9bb01": [
-    "light.colorBrandBackgroundPressed",
-    "light.colorBrandBackgroundSelected",
-    "light.colorCompoundBrandBackgroundHover"
-  ],
   "#fafafa": [
     "light.colorNeutralBackground2",
     "light.colorNeutralBackground4Hover",
diff --git a/theme/tokens/generated/tokens/dark.json b/theme/tokens/generated/tokens/dark.json
index 03fdf1cf..f6f01035 100644
--- a/theme/tokens/generated/tokens/dark.json
+++ b/theme/tokens/generated/tokens/dark.json
@@ -422,11 +422,11 @@
         "type": "color"
       },
       "ForegroundInvertedHover": {
-        "value": "#DFA001",
+        "value": "#E0A101",
         "type": "color"
       },
       "ForegroundInvertedPressed": {
-        "value": "#D69600",
+        "value": "#B07A0F",
         "type": "color"
       },
       "ForegroundOnLight": {
@@ -434,19 +434,19 @@
         "type": "color"
       },
       "ForegroundOnLightHover": {
-        "value": "#DFA001",
+        "value": "#E0A101",
         "type": "color"
       },
       "ForegroundOnLightPressed": {
-        "value": "#BF8208",
+        "value": "#674808",
         "type": "color"
       },
       "ForegroundOnLightSelected": {
-        "value": "#D69600",
+        "value": "#B07A0F",
         "type": "color"
       },
       "Background": {
-        "value": "#DFA001",
+        "value": "#E0A101",
         "type": "color"
       },
       "BackgroundHover": {
@@ -454,11 +454,11 @@
         "type": "color"
       },
       "BackgroundPressed": {
-        "value": "#AD7600",
+        "value": "#4C381E",
         "type": "color"
       },
       "BackgroundSelected": {
-        "value": "#D69600",
+        "value": "#B07A0F",
         "type": "color"
       },
       "BackgroundStatic": {
@@ -466,15 +466,15 @@
         "type": "color"
       },
       "Background2": {
-        "value": "#795102",
+        "value": "#342818",
         "type": "color"
       },
       "Background2Hover": {
-        "value": "#AD7600",
+        "value": "#4C381E",
         "type": "color"
       },
       "Background2Pressed": {
-        "value": "#5C3E00",
+        "value": "#281E03",
         "type": "color"
       },
       "BackgroundInverted": {
@@ -502,11 +502,11 @@
         "type": "color"
       },
       "Stroke2Hover": {
-        "value": "#BF8208",
+        "value": "#674808",
         "type": "color"
       },
       "Stroke2Pressed": {
-        "value": "#966805",
+        "value": "#3E2F1D",
         "type": "color"
       },
       "ShadowAmbient": {
diff --git a/theme/tokens/generated/tokens/light.json b/theme/tokens/generated/tokens/light.json
index 54873492..9e1089dc 100644
--- a/theme/tokens/generated/tokens/light.json
+++ b/theme/tokens/generated/tokens/light.json
@@ -47,7 +47,7 @@
           "type": "color"
         },
         "2BrandPressed": {
-          "value": "#DFA001",
+          "value": "#E0A101",
           "type": "color"
         },
         "2BrandSelected": {
@@ -71,7 +71,7 @@
           "type": "color"
         },
         "3BrandPressed": {
-          "value": "#DFA001",
+          "value": "#E0A101",
           "type": "color"
         },
         "3BrandSelected": {
@@ -406,15 +406,15 @@
         "type": "color"
       },
       "Foreground2": {
-        "value": "#DFA001",
+        "value": "#E0A101",
         "type": "color"
       },
       "Foreground2Hover": {
-        "value": "#D69600",
+        "value": "#B07A0F",
         "type": "color"
       },
       "Foreground2Pressed": {
-        "value": "#966805",
+        "value": "#3E2F1D",
         "type": "color"
       },
       "ForegroundInverted": {
@@ -434,15 +434,15 @@
         "type": "color"
       },
       "ForegroundOnLightHover": {
-        "value": "#DFA001",
+        "value": "#E0A101",
         "type": "color"
       },
       "ForegroundOnLightPressed": {
-        "value": "#BF8208",
+        "value": "#674808",
         "type": "color"
       },
       "ForegroundOnLightSelected": {
-        "value": "#D69600",
+        "value": "#B07A0F",
         "type": "color"
       },
       "Background": {
@@ -454,11 +454,11 @@
         "type": "color"
       },
       "BackgroundPressed": {
-        "value": "#F9BB01",
+        "value": "#B07A0F",
         "type": "color"
       },
       "BackgroundSelected": {
-        "value": "#F9BB01",
+        "value": "#B07A0F",
         "type": "color"
       },
       "BackgroundStatic": {
@@ -610,11 +610,11 @@
         "type": "color"
       },
       "BrandForeground1Hover": {
-        "value": "#DFA001",
+        "value": "#E0A101",
         "type": "color"
       },
       "BrandForeground1Pressed": {
-        "value": "#D69600",
+        "value": "#B07A0F",
         "type": "color"
       },
       "BrandBackground": {
@@ -622,11 +622,11 @@
         "type": "color"
       },
       "BrandBackgroundHover": {
-        "value": "#F9BB01",
+        "value": "#EFAB01",
         "type": "color"
       },
       "BrandBackgroundPressed": {
-        "value": "#EFAB01",
+        "value": "#E0A101",
         "type": "color"
       },
       "BrandStroke": {
@@ -634,11 +634,11 @@
         "type": "color"
       },
       "BrandStrokeHover": {
-        "value": "#DFA001",
+        "value": "#E0A101",
         "type": "color"
       },
       "BrandStrokePressed": {
-        "value": "#D69600",
+        "value": "#B07A0F",
         "type": "color"
       }
     },
diff --git a/theme/tokens/generated/ts/base.ts b/theme/tokens/generated/ts/base.ts
index a8608f76..4742e13b 100644
--- a/theme/tokens/generated/ts/base.ts
+++ b/theme/tokens/generated/ts/base.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 14 Jul 2023 09:50:56 GMT
+ * Generated on Fri, 22 Sep 2023 14:14:03 GMT
  */
 
 import { LineHeightTokens, FontFamilyTokens, FontSizeTokens, FontWeightTokens, BorderRadiusTokens, StrokeWidthTokens } from "@fluentui/react-components";
diff --git a/theme/tokens/generated/ts/dark.ts b/theme/tokens/generated/ts/dark.ts
index 31a11b48..4c70a29d 100644
--- a/theme/tokens/generated/ts/dark.ts
+++ b/theme/tokens/generated/ts/dark.ts
@@ -1,45 +1,45 @@
 /**
  * Do not edit directly
- * Generated on Fri, 14 Jul 2023 09:50:56 GMT
+ * Generated on Fri, 22 Sep 2023 14:14:03 GMT
  */
 
 import { ColorTokens, ShadowTokens, ShadowBrandTokens } from "@fluentui/react-components";
 
 export const colorTokens: ColorTokens = {
   colorBackgroundOverlay: "rgba(0, 0, 0, 0.5)",
-  colorBrandBackground: "#dfa001",
-  colorBrandBackground2: "#795102",
-  colorBrandBackground2Hover: "#ad7600",
-  colorBrandBackground2Pressed: "#5c3e00",
+  colorBrandBackground: "#e0a101",
+  colorBrandBackground2: "#342818",
+  colorBrandBackground2Hover: "#4c381e",
+  colorBrandBackground2Pressed: "#281e03",
   colorBrandBackgroundHover: "#efab01",
   colorBrandBackgroundInverted: "#ffffff",
   colorBrandBackgroundInvertedHover: "#fffcf1",
   colorBrandBackgroundInvertedPressed: "#ffeeba",
   colorBrandBackgroundInvertedSelected: "#fff6d7",
-  colorBrandBackgroundPressed: "#ad7600",
-  colorBrandBackgroundSelected: "#d69600",
+  colorBrandBackgroundPressed: "#4c381e",
+  colorBrandBackgroundSelected: "#b07a0f",
   colorBrandBackgroundStatic: "#efab01",
   colorBrandForeground1: "#ffcc33",
   colorBrandForeground2: "#ffd450",
   colorBrandForeground2Hover: "#ffe79b",
   colorBrandForeground2Pressed: "#fffcf1",
   colorBrandForegroundInverted: "#efab01",
-  colorBrandForegroundInvertedHover: "#dfa001",
-  colorBrandForegroundInvertedPressed: "#d69600",
+  colorBrandForegroundInvertedHover: "#e0a101",
+  colorBrandForegroundInvertedPressed: "#b07a0f",
   colorBrandForegroundLink: "#34c9ff",
   colorBrandForegroundLinkHover: "#54d2ff",
   colorBrandForegroundLinkPressed: "#00aef2",
   colorBrandForegroundLinkSelected: "#34c9ff",
   colorBrandForegroundOnLight: "#efab01",
-  colorBrandForegroundOnLightHover: "#dfa001",
-  colorBrandForegroundOnLightPressed: "#bf8208",
-  colorBrandForegroundOnLightSelected: "#d69600",
+  colorBrandForegroundOnLightHover: "#e0a101",
+  colorBrandForegroundOnLightPressed: "#674808",
+  colorBrandForegroundOnLightSelected: "#b07a0f",
   colorBrandShadowAmbient: "rgba(0,0,0,0.30)",
   colorBrandShadowKey: "rgba(0,0,0,0.25)",
   colorBrandStroke1: "#ffcc33",
   colorBrandStroke2: "#5c3e00",
-  colorBrandStroke2Hover: "#bf8208",
-  colorBrandStroke2Pressed: "#966805",
+  colorBrandStroke2Hover: "#674808",
+  colorBrandStroke2Pressed: "#3e2f1d",
   colorCompoundBrandBackground: "#ffcc33",
   colorCompoundBrandBackgroundHover: "#ffd450",
   colorCompoundBrandBackgroundPressed: "#fec10c",
diff --git a/theme/tokens/generated/ts/light.ts b/theme/tokens/generated/ts/light.ts
index d294c200..1c235b69 100644
--- a/theme/tokens/generated/ts/light.ts
+++ b/theme/tokens/generated/ts/light.ts
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 14 Jul 2023 09:50:56 GMT
+ * Generated on Fri, 22 Sep 2023 14:14:03 GMT
  */
 
 import { ColorTokens, ShadowTokens, ShadowBrandTokens } from "@fluentui/react-components";
@@ -16,13 +16,13 @@ export const colorTokens: ColorTokens = {
   colorBrandBackgroundInvertedHover: "#fffcf1",
   colorBrandBackgroundInvertedPressed: "#ffeeba",
   colorBrandBackgroundInvertedSelected: "#fff6d7",
-  colorBrandBackgroundPressed: "#f9bb01",
-  colorBrandBackgroundSelected: "#f9bb01",
+  colorBrandBackgroundPressed: "#b07a0f",
+  colorBrandBackgroundSelected: "#b07a0f",
   colorBrandBackgroundStatic: "#efab01",
   colorBrandForeground1: "#efab01",
-  colorBrandForeground2: "#dfa001",
-  colorBrandForeground2Hover: "#d69600",
-  colorBrandForeground2Pressed: "#966805",
+  colorBrandForeground2: "#e0a101",
+  colorBrandForeground2Hover: "#b07a0f",
+  colorBrandForeground2Pressed: "#3e2f1d",
   colorBrandForegroundInverted: "#ffcc33",
   colorBrandForegroundInvertedHover: "#ffd450",
   colorBrandForegroundInvertedPressed: "#ffcc33",
@@ -31,9 +31,9 @@ export const colorTokens: ColorTokens = {
   colorBrandForegroundLinkPressed: "#026690",
   colorBrandForegroundLinkSelected: "#028fcc",
   colorBrandForegroundOnLight: "#efab01",
-  colorBrandForegroundOnLightHover: "#dfa001",
-  colorBrandForegroundOnLightPressed: "#bf8208",
-  colorBrandForegroundOnLightSelected: "#d69600",
+  colorBrandForegroundOnLightHover: "#e0a101",
+  colorBrandForegroundOnLightPressed: "#674808",
+  colorBrandForegroundOnLightSelected: "#b07a0f",
   colorBrandShadowAmbient: "rgba(0,0,0,0.30)",
   colorBrandShadowKey: "rgba(0,0,0,0.25)",
   colorBrandStroke1: "#efab01",
@@ -41,14 +41,14 @@ export const colorTokens: ColorTokens = {
   colorBrandStroke2Hover: "#ffdc70",
   colorBrandStroke2Pressed: "#efab01",
   colorCompoundBrandBackground: "#fec10c",
-  colorCompoundBrandBackgroundHover: "#f9bb01",
-  colorCompoundBrandBackgroundPressed: "#efab01",
+  colorCompoundBrandBackgroundHover: "#efab01",
+  colorCompoundBrandBackgroundPressed: "#e0a101",
   colorCompoundBrandForeground1: "#efab01",
-  colorCompoundBrandForeground1Hover: "#dfa001",
-  colorCompoundBrandForeground1Pressed: "#d69600",
+  colorCompoundBrandForeground1Hover: "#e0a101",
+  colorCompoundBrandForeground1Pressed: "#b07a0f",
   colorCompoundBrandStroke: "#efab01",
-  colorCompoundBrandStrokeHover: "#dfa001",
-  colorCompoundBrandStrokePressed: "#d69600",
+  colorCompoundBrandStrokeHover: "#e0a101",
+  colorCompoundBrandStrokePressed: "#b07a0f",
   colorNeutralBackground1: "#ffffff",
   colorNeutralBackground1Hover: "#f5f5f5",
   colorNeutralBackground1Pressed: "#e0e0e0",
@@ -83,7 +83,7 @@ export const colorTokens: ColorTokens = {
   colorNeutralForeground1Static: "#242424",
   colorNeutralForeground2: "#424242",
   colorNeutralForeground2BrandHover: "#efab01",
-  colorNeutralForeground2BrandPressed: "#dfa001",
+  colorNeutralForeground2BrandPressed: "#e0a101",
   colorNeutralForeground2BrandSelected: "#efab01",
   colorNeutralForeground2Hover: "#242424",
   colorNeutralForeground2Link: "#424242",
@@ -94,7 +94,7 @@ export const colorTokens: ColorTokens = {
   colorNeutralForeground2Selected: "#242424",
   colorNeutralForeground3: "#616161",
   colorNeutralForeground3BrandHover: "#efab01",
-  colorNeutralForeground3BrandPressed: "#dfa001",
+  colorNeutralForeground3BrandPressed: "#e0a101",
   colorNeutralForeground3BrandSelected: "#efab01",
   colorNeutralForeground3Hover: "#424242",
   colorNeutralForeground3Pressed: "#424242",
diff --git a/theme/tokens/generated/xaml/Colors.xaml b/theme/tokens/generated/xaml/Colors.xaml
index 497d03b3..8051bc6f 100644
--- a/theme/tokens/generated/xaml/Colors.xaml
+++ b/theme/tokens/generated/xaml/Colors.xaml
@@ -1,6 +1,6 @@
 <!--
   Do not edit directly
-  Generated on Fri, 14 Jul 2023 09:50:56 GMT
+  Generated on Fri, 22 Sep 2023 14:14:03 GMT
 -->
 <ResourceDictionary
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
@@ -108,28 +108,28 @@
   <Color x:Key="Dark.ColorBrandForeground2Hover">#FFE79B</Color>
   <Color x:Key="Dark.ColorBrandForeground2Pressed">#FFFCF1</Color>
   <Color x:Key="Dark.ColorBrandForegroundInverted">#EFAB01</Color>
-  <Color x:Key="Dark.ColorBrandForegroundInvertedHover">#DFA001</Color>
-  <Color x:Key="Dark.ColorBrandForegroundInvertedPressed">#D69600</Color>
+  <Color x:Key="Dark.ColorBrandForegroundInvertedHover">#E0A101</Color>
+  <Color x:Key="Dark.ColorBrandForegroundInvertedPressed">#B07A0F</Color>
   <Color x:Key="Dark.ColorBrandForegroundOnLight">#EFAB01</Color>
-  <Color x:Key="Dark.ColorBrandForegroundOnLightHover">#DFA001</Color>
-  <Color x:Key="Dark.ColorBrandForegroundOnLightPressed">#BF8208</Color>
-  <Color x:Key="Dark.ColorBrandForegroundOnLightSelected">#D69600</Color>
-  <Color x:Key="Dark.ColorBrandBackground">#DFA001</Color>
+  <Color x:Key="Dark.ColorBrandForegroundOnLightHover">#E0A101</Color>
+  <Color x:Key="Dark.ColorBrandForegroundOnLightPressed">#674808</Color>
+  <Color x:Key="Dark.ColorBrandForegroundOnLightSelected">#B07A0F</Color>
+  <Color x:Key="Dark.ColorBrandBackground">#E0A101</Color>
   <Color x:Key="Dark.ColorBrandBackgroundHover">#EFAB01</Color>
-  <Color x:Key="Dark.ColorBrandBackgroundPressed">#AD7600</Color>
-  <Color x:Key="Dark.ColorBrandBackgroundSelected">#D69600</Color>
+  <Color x:Key="Dark.ColorBrandBackgroundPressed">#4C381E</Color>
+  <Color x:Key="Dark.ColorBrandBackgroundSelected">#B07A0F</Color>
   <Color x:Key="Dark.ColorBrandBackgroundStatic">#EFAB01</Color>
-  <Color x:Key="Dark.ColorBrandBackground2">#795102</Color>
-  <Color x:Key="Dark.ColorBrandBackground2Hover">#AD7600</Color>
-  <Color x:Key="Dark.ColorBrandBackground2Pressed">#5C3E00</Color>
+  <Color x:Key="Dark.ColorBrandBackground2">#342818</Color>
+  <Color x:Key="Dark.ColorBrandBackground2Hover">#4C381E</Color>
+  <Color x:Key="Dark.ColorBrandBackground2Pressed">#281E03</Color>
   <Color x:Key="Dark.ColorBrandBackgroundInverted">#ffffff</Color>
   <Color x:Key="Dark.ColorBrandBackgroundInvertedHover">#FFFCF1</Color>
   <Color x:Key="Dark.ColorBrandBackgroundInvertedPressed">#FFEEBA</Color>
   <Color x:Key="Dark.ColorBrandBackgroundInvertedSelected">#FFF6D7</Color>
   <Color x:Key="Dark.ColorBrandStroke1">#FFCC33</Color>
   <Color x:Key="Dark.ColorBrandStroke2">#5C3E00</Color>
-  <Color x:Key="Dark.ColorBrandStroke2Hover">#BF8208</Color>
-  <Color x:Key="Dark.ColorBrandStroke2Pressed">#966805</Color>
+  <Color x:Key="Dark.ColorBrandStroke2Hover">#674808</Color>
+  <Color x:Key="Dark.ColorBrandStroke2Pressed">#3E2F1D</Color>
   <Color x:Key="Dark.ColorBrandShadowAmbient">rgba(0,0,0,0.30)</Color>
   <Color x:Key="Dark.ColorBrandShadowKey">rgba(0,0,0,0.25)</Color>
   <Color x:Key="Dark.ColorSubtleBackground">transparent</Color>
@@ -174,13 +174,13 @@
   <Color x:Key="Light.ColorNeutralForeground2Pressed">#242424</Color>
   <Color x:Key="Light.ColorNeutralForeground2Selected">#242424</Color>
   <Color x:Key="Light.ColorNeutralForeground2BrandHover">#EFAB01</Color>
-  <Color x:Key="Light.ColorNeutralForeground2BrandPressed">#DFA001</Color>
+  <Color x:Key="Light.ColorNeutralForeground2BrandPressed">#E0A101</Color>
   <Color x:Key="Light.ColorNeutralForeground2BrandSelected">#EFAB01</Color>
   <Color x:Key="Light.ColorNeutralForeground3Hover">#424242</Color>
   <Color x:Key="Light.ColorNeutralForeground3Pressed">#424242</Color>
   <Color x:Key="Light.ColorNeutralForeground3Selected">#424242</Color>
   <Color x:Key="Light.ColorNeutralForeground3BrandHover">#EFAB01</Color>
-  <Color x:Key="Light.ColorNeutralForeground3BrandPressed">#DFA001</Color>
+  <Color x:Key="Light.ColorNeutralForeground3BrandPressed">#E0A101</Color>
   <Color x:Key="Light.ColorNeutralForeground3BrandSelected">#EFAB01</Color>
   <Color x:Key="Light.ColorNeutralForegroundDisabled">#bdbdbd</Color>
   <Color x:Key="Light.ColorNeutralForegroundInvertedDisabled">rgba(255, 255, 255, 0.4)</Color>
@@ -261,20 +261,20 @@
   <Color x:Key="Light.ColorBrandForegroundLinkPressed">#026690</Color>
   <Color x:Key="Light.ColorBrandForegroundLinkSelected">#028fcc</Color>
   <Color x:Key="Light.ColorBrandForeground1">#EFAB01</Color>
-  <Color x:Key="Light.ColorBrandForeground2">#DFA001</Color>
-  <Color x:Key="Light.ColorBrandForeground2Hover">#D69600</Color>
-  <Color x:Key="Light.ColorBrandForeground2Pressed">#966805</Color>
+  <Color x:Key="Light.ColorBrandForeground2">#E0A101</Color>
+  <Color x:Key="Light.ColorBrandForeground2Hover">#B07A0F</Color>
+  <Color x:Key="Light.ColorBrandForeground2Pressed">#3E2F1D</Color>
   <Color x:Key="Light.ColorBrandForegroundInverted">#FFCC33</Color>
   <Color x:Key="Light.ColorBrandForegroundInvertedHover">#FFD450</Color>
   <Color x:Key="Light.ColorBrandForegroundInvertedPressed">#FFCC33</Color>
   <Color x:Key="Light.ColorBrandForegroundOnLight">#EFAB01</Color>
-  <Color x:Key="Light.ColorBrandForegroundOnLightHover">#DFA001</Color>
-  <Color x:Key="Light.ColorBrandForegroundOnLightPressed">#BF8208</Color>
-  <Color x:Key="Light.ColorBrandForegroundOnLightSelected">#D69600</Color>
+  <Color x:Key="Light.ColorBrandForegroundOnLightHover">#E0A101</Color>
+  <Color x:Key="Light.ColorBrandForegroundOnLightPressed">#674808</Color>
+  <Color x:Key="Light.ColorBrandForegroundOnLightSelected">#B07A0F</Color>
   <Color x:Key="Light.ColorBrandBackground">#ffcc33</Color>
   <Color x:Key="Light.ColorBrandBackgroundHover">#FEC10C</Color>
-  <Color x:Key="Light.ColorBrandBackgroundPressed">#F9BB01</Color>
-  <Color x:Key="Light.ColorBrandBackgroundSelected">#F9BB01</Color>
+  <Color x:Key="Light.ColorBrandBackgroundPressed">#B07A0F</Color>
+  <Color x:Key="Light.ColorBrandBackgroundSelected">#B07A0F</Color>
   <Color x:Key="Light.ColorBrandBackgroundStatic">#EFAB01</Color>
   <Color x:Key="Light.ColorBrandBackground2">#FFFCF1</Color>
   <Color x:Key="Light.ColorBrandBackground2Hover">#FFF6D7</Color>
@@ -310,14 +310,14 @@
   <Color x:Key="Light.ColorStrokeFocus1">#ffffff</Color>
   <Color x:Key="Light.ColorStrokeFocus2">#000000</Color>
   <Color x:Key="Light.ColorCompoundBrandForeground1">#EFAB01</Color>
-  <Color x:Key="Light.ColorCompoundBrandForeground1Hover">#DFA001</Color>
-  <Color x:Key="Light.ColorCompoundBrandForeground1Pressed">#D69600</Color>
+  <Color x:Key="Light.ColorCompoundBrandForeground1Hover">#E0A101</Color>
+  <Color x:Key="Light.ColorCompoundBrandForeground1Pressed">#B07A0F</Color>
   <Color x:Key="Light.ColorCompoundBrandBackground">#FEC10C</Color>
-  <Color x:Key="Light.ColorCompoundBrandBackgroundHover">#F9BB01</Color>
-  <Color x:Key="Light.ColorCompoundBrandBackgroundPressed">#EFAB01</Color>
+  <Color x:Key="Light.ColorCompoundBrandBackgroundHover">#EFAB01</Color>
+  <Color x:Key="Light.ColorCompoundBrandBackgroundPressed">#E0A101</Color>
   <Color x:Key="Light.ColorCompoundBrandStroke">#EFAB01</Color>
-  <Color x:Key="Light.ColorCompoundBrandStrokeHover">#DFA001</Color>
-  <Color x:Key="Light.ColorCompoundBrandStrokePressed">#D69600</Color>
+  <Color x:Key="Light.ColorCompoundBrandStrokeHover">#E0A101</Color>
+  <Color x:Key="Light.ColorCompoundBrandStrokePressed">#B07A0F</Color>
   <Color x:Key="Light.ColorBackgroundOverlay">rgba(0, 0, 0, 0.4)</Color>
   <Color x:Key="Light.ColorScrollbarOverlay">rgba(0,0,0,0.2)</Color>
 </ResourceDictionary>
\ No newline at end of file
diff --git a/theme/tokens/generated/xaml/ConstantResources.xaml b/theme/tokens/generated/xaml/ConstantResources.xaml
index 436f2f41..1f75b191 100644
--- a/theme/tokens/generated/xaml/ConstantResources.xaml
+++ b/theme/tokens/generated/xaml/ConstantResources.xaml
@@ -1,6 +1,6 @@
 <!--
   Do not edit directly
-  Generated on Fri, 14 Jul 2023 09:50:56 GMT
+  Generated on Fri, 22 Sep 2023 14:14:03 GMT
 -->
 <ResourceDictionary
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
diff --git a/theme/tokens/generated/xaml/Dark.xaml b/theme/tokens/generated/xaml/Dark.xaml
index 2d888e45..a872f462 100644
--- a/theme/tokens/generated/xaml/Dark.xaml
+++ b/theme/tokens/generated/xaml/Dark.xaml
@@ -1,6 +1,6 @@
 <!--
   Do not edit directly
-  Generated on Fri, 14 Jul 2023 09:50:56 GMT
+  Generated on Fri, 22 Sep 2023 14:14:03 GMT
 -->
 <ResourceDictionary
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
diff --git a/theme/tokens/generated/xaml/Light.xaml b/theme/tokens/generated/xaml/Light.xaml
index 7a6e85d1..b9153497 100644
--- a/theme/tokens/generated/xaml/Light.xaml
+++ b/theme/tokens/generated/xaml/Light.xaml
@@ -1,6 +1,6 @@
 <!--
   Do not edit directly
-  Generated on Fri, 14 Jul 2023 09:50:56 GMT
+  Generated on Fri, 22 Sep 2023 14:14:03 GMT
 -->
 <ResourceDictionary
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"