feat(theme): update v2 theme variables(2024-12-26 16:57)

# 2024-12-26 16:57 ### New - `slashMenu/background` - light: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> `#ffffff` - dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#252525" /></svg> `#252525` - `tOC/background` - light: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> `#ffffff` - dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#252525" /></svg> `#252525` - `table/indicator/drag` - light: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#0000002b" /></svg> `#0000002b` - dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff21" /></svg> `#ffffff21` - `workspacePicker/background` - light: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> `#ffffff` - dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#252525" /></svg> `#252525` - `workspacePicker/border` - light: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#e6e6e6" /></svg> `#e6e6e6` - dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#414141" /></svg> `#414141` ### Removed None ### Updated - `centerPeek/icon` - dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#b3b3b3" /></svg> `#b3b3b3` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#cdcdcd" /></svg> `#cdcdcd` - `chatBlock/chatBlockBoder` - dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#e6e6e6" /></svg> `#e6e6e6` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#252525" /></svg> `#252525` - `chatBlock/chatBlockIcon` - dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#b3b3b3" /></svg> `#b3b3b3` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#cdcdcd" /></svg> `#cdcdcd` - `chatBlock/chatBlockText` - dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#141414" /></svg> `#141414` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#e6e6e6" /></svg> `#e6e6e6` - `table/headerBackground/default` - dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#f5f5f5" /></svg> `#f5f5f5` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#252525" /></svg> `#252525` - `table/indicator/border` - dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#e6e6e6" /></svg> `#e6e6e6` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#252525" /></svg> `#252525` - `table/indicator/hover` - dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#0000000d" /></svg> `#0000000d` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff17" /></svg> `#ffffff17` - `text/placeholder` - dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#565656" /></svg> `#565656` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#7a7a7a" /></svg> `#7a7a7a` - `toast/iconState/error` - dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ed3f3f" /></svg> `#ed3f3f` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#c83030" /></svg> `#c83030` - `toast/iconState/success` - dark: <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#44b931" /></svg> `#44b931` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#1d9c07" /></svg> `#1d9c07`
toeverything · Dec 26, 2024 · 49ebf82 · 49ebf82
1 parent cfa910f
commit 49ebf82
Show file tree

Hide file tree

Showing 3 changed files with 189 additions and 57 deletions.
diff --git a/packages/theme/src/v2/CHANGELOG.md b/packages/theme/src/v2/CHANGELOG.md
@@ -795,4 +795,50 @@ None
 - `input/background`
   - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> `#ffffff` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff17" /></svg> `#ffffff17`
 - `layer/insideBorder/border`
-  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#414141" /></svg> `#414141` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#252525" /></svg> `#252525`
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#414141" /></svg> `#414141` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#252525" /></svg> `#252525`
+
+# 2024-12-26 16:57
+### New
+
+- `slashMenu/background`
+  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> `#ffffff`
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#252525" /></svg> `#252525`
+- `tOC/background`
+  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> `#ffffff`
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#252525" /></svg> `#252525`
+- `table/indicator/drag`
+  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#0000002b" /></svg> `#0000002b`
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff21" /></svg> `#ffffff21`
+- `workspacePicker/background`
+  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> `#ffffff`
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#252525" /></svg> `#252525`
+- `workspacePicker/border`
+  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#e6e6e6" /></svg> `#e6e6e6`
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#414141" /></svg> `#414141`
+
+### Removed
+
+None
+
+### Updated
+
+- `centerPeek/icon`
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#b3b3b3" /></svg> `#b3b3b3` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#cdcdcd" /></svg> `#cdcdcd`
+- `chatBlock/chatBlockBoder`
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#e6e6e6" /></svg> `#e6e6e6` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#252525" /></svg> `#252525`
+- `chatBlock/chatBlockIcon`
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#b3b3b3" /></svg> `#b3b3b3` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#cdcdcd" /></svg> `#cdcdcd`
+- `chatBlock/chatBlockText`
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#141414" /></svg> `#141414` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#e6e6e6" /></svg> `#e6e6e6`
+- `table/headerBackground/default`
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#f5f5f5" /></svg> `#f5f5f5` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#252525" /></svg> `#252525`
+- `table/indicator/border`
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#e6e6e6" /></svg> `#e6e6e6` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#252525" /></svg> `#252525`
+- `table/indicator/hover`
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#0000000d" /></svg> `#0000000d` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff17" /></svg> `#ffffff17`
+- `text/placeholder`
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#565656" /></svg> `#565656` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#7a7a7a" /></svg> `#7a7a7a`
+- `toast/iconState/error`
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ed3f3f" /></svg> `#ed3f3f` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#c83030" /></svg> `#c83030`
+- `toast/iconState/success`
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#44b931" /></svg> `#44b931` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#1d9c07" /></svg> `#1d9c07`
diff --git a/packages/theme/src/v2/source/variables.json b/packages/theme/src/v2/source/variables.json
@@ -1700,6 +1700,12 @@
             "var": "Grey/200",
             "rootAlias": "Grey/200"
           },
+          {
+            "name": "SlashMenu/background",
+            "value": "#ffffff",
+            "var": "Layer/background/primary",
+            "rootAlias": "Base/White"
+          },
           {
             "name": "Status/error",
             "value": "#ed3f3f",
@@ -1760,6 +1766,12 @@
             "var": "Grey/100",
             "rootAlias": "Grey/100"
           },
+          {
+            "name": "TOC/background",
+            "value": "#ffffff",
+            "var": "Layer/background/primary",
+            "rootAlias": "Base/White"
+          },
           {
             "name": "Tab/divider/divider",
             "value": "#00000012",
@@ -1922,6 +1934,12 @@
             "var": "Layer/InsideBorder/border",
             "rootAlias": "Grey/200"
           },
+          {
+            "name": "Table/indicator/drag",
+            "value": "#0000002b",
+            "var": "Transparent/black/300 (17%)",
+            "rootAlias": "Transparent/black/300 (17%)"
+          },
           {
             "name": "Table/indicator/hover",
             "value": "#0000000d",
@@ -2185,6 +2203,18 @@
             "value": "#ffffff2b",
             "var": "Transparent/white/300 (17%)",
             "rootAlias": "Transparent/white/300 (17%)"
+          },
+          {
+            "name": "WorkspacePicker/background",
+            "value": "#ffffff",
+            "var": "Layer/background/primary",
+            "rootAlias": "Base/White"
+          },
+          {
+            "name": "WorkspacePicker/border",
+            "value": "#e6e6e6",
+            "var": "Grey/200",
+            "rootAlias": "Grey/200"
           }
         ],
         "number": [
@@ -2727,9 +2757,9 @@
           },
           {
             "name": "CenterPeek/icon",
-            "value": "#b3b3b3",
+            "value": "#cdcdcd",
             "var": "Icon/secondary",
-            "rootAlias": "Grey/400"
+            "rootAlias": "Grey/300"
           },
           {
             "name": "CenterPeek/overlay",
@@ -2745,21 +2775,21 @@
           },
           {
             "name": "ChatBlock/chatBlockBoder",
-            "value": "#e6e6e6",
+            "value": "#252525",
             "var": "Layer/InsideBorder/border",
-            "rootAlias": "Grey/200"
+            "rootAlias": "Grey/900"
           },
           {
             "name": "ChatBlock/chatBlockIcon",
-            "value": "#b3b3b3",
+            "value": "#cdcdcd",
             "var": "Icon/secondary",
-            "rootAlias": "Grey/400"
+            "rootAlias": "Grey/300"
           },
           {
             "name": "ChatBlock/chatBlockText",
-            "value": "#141414",
+            "value": "#e6e6e6",
             "var": "Text/primary",
-            "rootAlias": "Grey/950"
+            "rootAlias": "Grey/200"
           },
           {
             "name": "Chip/Label/blue",
@@ -3975,21 +4005,21 @@
           },
           {
             "name": "Shadow/Mobile/splashScreen/blockColor",
-            "value": "#f3f3f3",
+            "value": "#565656",
             "var": "Layer/background/tertiary",
-            "rootAlias": "Grey/100"
+            "rootAlias": "Grey/700"
           },
           {
             "name": "Shadow/Mobile/splashScreen/border",
-            "value": "#0000001a",
+            "value": "#ffffff21",
             "var": "Database/border",
-            "rootAlias": "Transparent/black/200 (10%)"
+            "rootAlias": "Transparent/white/200 (13%)"
           },
           {
             "name": "Shadow/Mobile/splashScreen/gradientFadeIn",
-            "value": "#ffffff",
+            "value": "#141414",
             "var": "Layer/background/primary",
-            "rootAlias": "Base/White"
+            "rootAlias": "Grey/950"
           },
           {
             "name": "Shadow/Mobile/splashScreen/gradientFadeOut",
@@ -3999,9 +4029,9 @@
           },
           {
             "name": "Shadow/Mobile/splashScreen/penColor",
-            "value": "#f3f3f3",
+            "value": "#565656",
             "var": "Layer/background/tertiary",
-            "rootAlias": "Grey/100"
+            "rootAlias": "Grey/700"
           },
           {
             "name": "Shadow/Mobile/splashScreen/skeltonColor",
@@ -4011,21 +4041,21 @@
           },
           {
             "name": "Shadow/Mobile/splashScreen/solidBackground",
-            "value": "#ffffff",
+            "value": "#141414",
             "var": "Layer/background/primary",
-            "rootAlias": "Base/White"
+            "rootAlias": "Grey/950"
           },
           {
             "name": "Shadow/Mobile/splashScreen/solidBackground-2",
-            "value": "#f5f5f5",
+            "value": "#252525",
             "var": "Layer/background/secondary",
-            "rootAlias": "Grey/50"
+            "rootAlias": "Grey/900"
           },
           {
             "name": "Shadow/Mobile/splashScreen/transparentText",
-            "value": "#929292",
+            "value": "#7a7a7a",
             "var": "Text/tertiary",
-            "rootAlias": "Grey/500"
+            "rootAlias": "Grey/600"
           },
           {
             "name": "Shadow/Mobile/splashScreen/transparentText-2",
@@ -4113,9 +4143,9 @@
           },
           {
             "name": "Shadow/popUpShadow/1-color",
-            "value": "#e6e6e6",
+            "value": "#252525",
             "var": "Layer/InsideBorder/border",
-            "rootAlias": "Grey/200"
+            "rootAlias": "Grey/900"
           },
           {
             "name": "Shadow/popUpShadow/2-color",
@@ -4135,6 +4165,12 @@
             "var": "Grey/900",
             "rootAlias": "Grey/900"
           },
+          {
+            "name": "SlashMenu/background",
+            "value": "#252525",
+            "var": "Layer/background/secondary",
+            "rootAlias": "Grey/900"
+          },
           {
             "name": "Status/error",
             "value": "#c83030",
@@ -4195,6 +4231,12 @@
             "var": "Grey/900",
             "rootAlias": "Grey/900"
           },
+          {
+            "name": "TOC/background",
+            "value": "#252525",
+            "var": "Layer/background/secondary",
+            "rootAlias": "Grey/900"
+          },
           {
             "name": "Tab/divider/divider",
             "value": "#ffffff21",
@@ -4293,9 +4335,9 @@
           },
           {
             "name": "Table/headerBackground/default",
-            "value": "#f5f5f5",
+            "value": "#252525",
             "var": "Layer/background/secondary",
-            "rootAlias": "Grey/50"
+            "rootAlias": "Grey/900"
           },
           {
             "name": "Table/headerBackground/green",
@@ -4353,15 +4395,21 @@
           },
           {
             "name": "Table/indicator/border",
-            "value": "#e6e6e6",
+            "value": "#252525",
             "var": "Layer/InsideBorder/border",
-            "rootAlias": "Grey/200"
+            "rootAlias": "Grey/900"
+          },
+          {
+            "name": "Table/indicator/drag",
+            "value": "#ffffff21",
+            "var": "Transparent/white/200 (13%)",
+            "rootAlias": "Transparent/white/200 (13%)"
           },
           {
             "name": "Table/indicator/hover",
-            "value": "#0000000d",
+            "value": "#ffffff17",
             "var": "Layer/background/hoverOverlay",
-            "rootAlias": "Transparent/black/50 (5%)"
+            "rootAlias": "Transparent/white/100 (9%)"
           },
           {
             "name": "Text/disable",
@@ -4389,9 +4437,9 @@
           },
           {
             "name": "Text/placeholder",
-            "value": "#565656",
-            "var": "Grey/700",
-            "rootAlias": "Grey/700"
+            "value": "#7a7a7a",
+            "var": "Grey/600",
+            "rootAlias": "Grey/600"
           },
           {
             "name": "Text/primary",
@@ -4545,9 +4593,9 @@
           },
           {
             "name": "Toast/iconState/error",
-            "value": "#ed3f3f",
+            "value": "#c83030",
             "var": "Status/error",
-            "rootAlias": "Red/600"
+            "rootAlias": "Red/700"
           },
           {
             "name": "Toast/iconState/regular",
@@ -4557,9 +4605,9 @@
           },
           {
             "name": "Toast/iconState/success",
-            "value": "#44b931",
+            "value": "#1d9c07",
             "var": "Status/success",
-            "rootAlias": "Green/500"
+            "rootAlias": "Green/800"
           },
           {
             "name": "Toast/overlay/secondary",
@@ -4620,6 +4668,18 @@
             "value": "#ffffff2b",
             "var": "Transparent/white/300 (17%)",
             "rootAlias": "Transparent/white/300 (17%)"
+          },
+          {
+            "name": "WorkspacePicker/background",
+            "value": "#252525",
+            "var": "Layer/background/secondary",
+            "rootAlias": "Grey/900"
+          },
+          {
+            "name": "WorkspacePicker/border",
+            "value": "#414141",
+            "var": "Grey/800",
+            "rootAlias": "Grey/800"
           }
         ],
         "number": [