diff --git a/packages/theme/src/v2/CHANGELOG.md b/packages/theme/src/v2/CHANGELOG.md
index fc1b32c..09d2e59 100644
--- 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`
\ No newline at end of file
+  - 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`
\ No newline at end of file
diff --git a/packages/theme/src/v2/source/variables.json b/packages/theme/src/v2/source/variables.json
index 9880264..91bd08e 100644
--- 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": [
diff --git a/packages/theme/src/v2/variables.ts b/packages/theme/src/v2/variables.ts
index 5a7c736..1daf303 100644
--- a/packages/theme/src/v2/variables.ts
+++ b/packages/theme/src/v2/variables.ts
@@ -244,6 +244,7 @@ export const lightThemeV2 = {
   'segment/background': '#0000000d',
   'segment/button': '#ffffff',
   'skeleton/skeleton': '#e6e6e6',
+  'slashMenu/background': '#ffffff',
   'status/error': '#ed3f3f',
   'status/success': '#44b931',
   'switch/buttonBackground/active': '#ffffff',
@@ -254,6 +255,7 @@ export const lightThemeV2 = {
   'switch/iconColor/active': '#565656',
   'switch/iconColor/default': '#929292',
   'switch/switchBackground/background': '#f3f3f3',
+  'tOC/background': '#ffffff',
   'tab/divider/divider': '#00000012',
   'tab/divider/indicator': '#1e96eb',
   'tab/fontColor/active': '#141414',
@@ -281,6 +283,7 @@ export const lightThemeV2 = {
   'table/headerBackground/yellow': '#fffded',
   'table/indicator/activated': '#1e96eb',
   'table/indicator/border': '#e6e6e6',
+  'table/indicator/drag': '#0000002b',
   'table/indicator/hover': '#0000000d',
   'text/disable': '#7a7a7a',
   'text/emphasis': '#1e96eb',
@@ -325,6 +328,8 @@ export const lightThemeV2 = {
   'tooltips/background': '#000000',
   'tooltips/foreground': '#ffffff',
   'tooltips/secondaryBackground': '#ffffff2b',
+  'workspacePicker/background': '#ffffff',
+  'workspacePicker/border': '#e6e6e6',
 };
 export const darkThemeV2 = {
   'backlinks/blockBackgroundColor': '#9292921a',
@@ -374,12 +379,12 @@ export const darkThemeV2 = {
   'button/sidebarButton/background': '#ffffff08',
   'button/siderbarPrimary/background': '#0000002b',
   'centerPeek/background': '#000000',
-  'centerPeek/icon': '#b3b3b3',
+  'centerPeek/icon': '#cdcdcd',
   'centerPeek/overlay': '#00000085',
   'chatBlock/chatBlockBg': '#252525',
-  'chatBlock/chatBlockBoder': '#e6e6e6',
-  'chatBlock/chatBlockIcon': '#b3b3b3',
-  'chatBlock/chatBlockText': '#141414',
+  'chatBlock/chatBlockBoder': '#252525',
+  'chatBlock/chatBlockIcon': '#cdcdcd',
+  'chatBlock/chatBlockText': '#e6e6e6',
   'chip/label/blue': '#004b7b',
   'chip/label/green': '#225c18',
   'chip/label/grey': '#414141',
@@ -568,6 +573,7 @@ export const darkThemeV2 = {
   'segment/background': '#ffffff0d',
   'segment/button': '#ffffff17',
   'skeleton/skeleton': '#252525',
+  'slashMenu/background': '#252525',
   'status/error': '#c83030',
   'status/success': '#1d9c07',
   'switch/buttonBackground/active': '#414141',
@@ -578,6 +584,7 @@ export const darkThemeV2 = {
   'switch/iconColor/active': '#cdcdcd',
   'switch/iconColor/default': '#7a7a7a',
   'switch/switchBackground/background': '#252525',
+  'tOC/background': '#252525',
   'tab/divider/divider': '#ffffff21',
   'tab/divider/indicator': '#1e96eb',
   'tab/fontColor/active': '#e6e6e6',
@@ -594,7 +601,7 @@ export const darkThemeV2 = {
   'table/focusBorder': '#1e96eb',
   'table/textSecondary': '#ffffff8f',
   'table/headerBackground/blue': '#004b7b',
-  'table/headerBackground/default': '#f5f5f5',
+  'table/headerBackground/default': '#252525',
   'table/headerBackground/green': '#10340a',
   'table/headerBackground/grey': '#565656',
   'table/headerBackground/headerColor': '#252525',
@@ -604,13 +611,14 @@ export const darkThemeV2 = {
   'table/headerBackground/teal': '#0e4841',
   'table/headerBackground/yellow': '#704200',
   'table/indicator/activated': '#1e96eb',
-  'table/indicator/border': '#e6e6e6',
-  'table/indicator/hover': '#0000000d',
+  'table/indicator/border': '#252525',
+  'table/indicator/drag': '#ffffff21',
+  'table/indicator/hover': '#ffffff17',
   'text/disable': '#565656',
   'text/emphasis': '#29a3fa',
   'text/link': '#7ac8ff',
   'text/listDotAndNumber': '#4ab1fa',
-  'text/placeholder': '#565656',
+  'text/placeholder': '#7a7a7a',
   'text/primary': '#e6e6e6',
   'text/pureWhite': '#ffffff',
   'text/secondary': '#929292',
@@ -636,9 +644,9 @@ export const darkThemeV2 = {
   'text/highlight/fg/yellow': '#facc15',
   'toast/cardLayer/second': '#252525',
   'toast/cardLayer/third': '#252525',
-  'toast/iconState/error': '#ed3f3f',
+  'toast/iconState/error': '#c83030',
   'toast/iconState/regular': '#035f9f',
-  'toast/iconState/success': '#44b931',
+  'toast/iconState/success': '#1d9c07',
   'toast/overlay/secondary': '#0000000d',
   'toast/overlay/tertiary': '#00000008',
   'toggle/background': '#0077cb',
@@ -649,6 +657,8 @@ export const darkThemeV2 = {
   'tooltips/background': '#414141',
   'tooltips/foreground': '#ffffff',
   'tooltips/secondaryBackground': '#ffffff2b',
+  'workspacePicker/background': '#252525',
+  'workspacePicker/border': '#414141',
 };
 export const nestedLightTheme = {
   backlinks: {
@@ -948,6 +958,7 @@ export const nestedLightTheme = {
   },
   segment: { background: '#0000000d', button: '#ffffff' },
   skeleton: { skeleton: '#e6e6e6' },
+  slashMenu: { background: '#ffffff' },
   status: { error: '#ed3f3f', success: '#44b931' },
   switch: {
     buttonBackground: { active: '#ffffff', hover: '#0000000d' },
@@ -959,6 +970,7 @@ export const nestedLightTheme = {
     iconColor: { active: '#565656', default: '#929292' },
     switchBackground: { background: '#f3f3f3' },
   },
+  tOC: { background: '#ffffff' },
   tab: {
     divider: { divider: '#00000012', indicator: '#1e96eb' },
     fontColor: { active: '#141414', default: '#b3b3b3', hover: '#141414' },
@@ -982,7 +994,12 @@ export const nestedLightTheme = {
       teal: '#eefffd',
       yellow: '#fffded',
     },
-    indicator: { activated: '#1e96eb', border: '#e6e6e6', hover: '#0000000d' },
+    indicator: {
+      activated: '#1e96eb',
+      border: '#e6e6e6',
+      drag: '#0000002b',
+      hover: '#0000000d',
+    },
   },
   text: {
     disable: '#7a7a7a',
@@ -1037,6 +1054,7 @@ export const nestedLightTheme = {
     foreground: '#ffffff',
     secondaryBackground: '#ffffff2b',
   },
+  workspacePicker: { background: '#ffffff', border: '#e6e6e6' },
 } as const;
 export const nestedDarkTheme = {
   backlinks: {
@@ -1094,12 +1112,12 @@ export const nestedDarkTheme = {
     sidebarButton: { background: '#ffffff08' },
     siderbarPrimary: { background: '#0000002b' },
   },
-  centerPeek: { background: '#000000', icon: '#b3b3b3', overlay: '#00000085' },
+  centerPeek: { background: '#000000', icon: '#cdcdcd', overlay: '#00000085' },
   chatBlock: {
     chatBlockBg: '#252525',
-    chatBlockBoder: '#e6e6e6',
-    chatBlockIcon: '#b3b3b3',
-    chatBlockText: '#141414',
+    chatBlockBoder: '#252525',
+    chatBlockIcon: '#cdcdcd',
+    chatBlockText: '#e6e6e6',
   },
   chip: {
     label: {
@@ -1336,6 +1354,7 @@ export const nestedDarkTheme = {
   },
   segment: { background: '#ffffff0d', button: '#ffffff17' },
   skeleton: { skeleton: '#252525' },
+  slashMenu: { background: '#252525' },
   status: { error: '#c83030', success: '#1d9c07' },
   switch: {
     buttonBackground: { active: '#414141', hover: '#ffffff0d' },
@@ -1347,6 +1366,7 @@ export const nestedDarkTheme = {
     iconColor: { active: '#cdcdcd', default: '#7a7a7a' },
     switchBackground: { background: '#252525' },
   },
+  tOC: { background: '#252525' },
   tab: {
     divider: { divider: '#ffffff21', indicator: '#1e96eb' },
     fontColor: { active: '#e6e6e6', default: '#565656', hover: '#e6e6e6' },
@@ -1360,7 +1380,7 @@ export const nestedDarkTheme = {
     textSecondary: '#ffffff8f',
     headerBackground: {
       blue: '#004b7b',
-      default: '#f5f5f5',
+      default: '#252525',
       green: '#10340a',
       grey: '#565656',
       headerColor: '#252525',
@@ -1370,14 +1390,19 @@ export const nestedDarkTheme = {
       teal: '#0e4841',
       yellow: '#704200',
     },
-    indicator: { activated: '#1e96eb', border: '#e6e6e6', hover: '#0000000d' },
+    indicator: {
+      activated: '#1e96eb',
+      border: '#252525',
+      drag: '#ffffff21',
+      hover: '#ffffff17',
+    },
   },
   text: {
     disable: '#565656',
     emphasis: '#29a3fa',
     link: '#7ac8ff',
     listDotAndNumber: '#4ab1fa',
-    placeholder: '#565656',
+    placeholder: '#7a7a7a',
     primary: '#e6e6e6',
     pureWhite: '#ffffff',
     secondary: '#929292',
@@ -1410,7 +1435,7 @@ export const nestedDarkTheme = {
   },
   toast: {
     cardLayer: { second: '#252525', third: '#252525' },
-    iconState: { error: '#ed3f3f', regular: '#035f9f', success: '#44b931' },
+    iconState: { error: '#c83030', regular: '#035f9f', success: '#1d9c07' },
     overlay: { secondary: '#0000000d', tertiary: '#00000008' },
   },
   toggle: {
@@ -1425,4 +1450,5 @@ export const nestedDarkTheme = {
     foreground: '#ffffff',
     secondaryBackground: '#ffffff2b',
   },
+  workspacePicker: { background: '#252525', border: '#414141' },
 } as const;