feat(theme): update v2 theme variables(2024-12-26 20:25)

# 2024-12-26 20:25 ### New - `centerPeek/buttonBackground` - 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` ### Removed None ### Updated None
toeverything · Dec 26, 2024 · 1c0dd5e · 1c0dd5e
1 parent cdded2b
commit 1c0dd5e
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 3 deletions.
diff --git a/packages/theme/src/v2/CHANGELOG.md b/packages/theme/src/v2/CHANGELOG.md
@@ -841,4 +841,19 @@ None
 - `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`
+  - 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`
+
+# 2024-12-26 20:25
+### New
+
+- `centerPeek/buttonBackground`
+  - 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`
+
+### Removed
+
+None
+
+### Updated
+
+None
diff --git a/packages/theme/src/v2/source/variables.json b/packages/theme/src/v2/source/variables.json
@@ -290,6 +290,12 @@
             "var": "Base/White",
             "rootAlias": "Base/White"
           },
+          {
+            "name": "CenterPeek/buttonBackground",
+            "value": "#ffffff",
+            "var": "Base/White",
+            "rootAlias": "Base/White"
+          },
           {
             "name": "CenterPeek/icon",
             "value": "#7a7a7a",
@@ -2755,6 +2761,12 @@
             "var": "Base/Black",
             "rootAlias": "Base/Black"
           },
+          {
+            "name": "CenterPeek/buttonBackground",
+            "value": "#252525",
+            "var": "Grey/900",
+            "rootAlias": "Grey/900"
+          },
           {
             "name": "CenterPeek/icon",
             "value": "#cdcdcd",

diff --git a/packages/theme/src/v2/variables.ts b/packages/theme/src/v2/variables.ts
@@ -50,6 +50,7 @@ export const lightThemeV2 = {
   'button/sidebarButton/background': '#ffffff08',
   'button/siderbarPrimary/background': '#ffffffab',
   'centerPeek/background': '#ffffff',
+  'centerPeek/buttonBackground': '#ffffff',
   'centerPeek/icon': '#7a7a7a',
   'centerPeek/overlay': '#0000002b',
   'chatBlock/chatBlockBg': '#ffffff',
@@ -379,6 +380,7 @@ export const darkThemeV2 = {
   'button/sidebarButton/background': '#ffffff08',
   'button/siderbarPrimary/background': '#0000002b',
   'centerPeek/background': '#000000',
+  'centerPeek/buttonBackground': '#252525',
   'centerPeek/icon': '#cdcdcd',
   'centerPeek/overlay': '#00000085',
   'chatBlock/chatBlockBg': '#252525',
@@ -716,7 +718,12 @@ export const nestedLightTheme = {
     sidebarButton: { background: '#ffffff08' },
     siderbarPrimary: { background: '#ffffffab' },
   },
-  centerPeek: { background: '#ffffff', icon: '#7a7a7a', overlay: '#0000002b' },
+  centerPeek: {
+    background: '#ffffff',
+    buttonBackground: '#ffffff',
+    icon: '#7a7a7a',
+    overlay: '#0000002b',
+  },
   chatBlock: {
     chatBlockBg: '#ffffff',
     chatBlockBoder: '#e6e6e6',
@@ -1112,7 +1119,12 @@ export const nestedDarkTheme = {
     sidebarButton: { background: '#ffffff08' },
     siderbarPrimary: { background: '#0000002b' },
   },
-  centerPeek: { background: '#000000', icon: '#cdcdcd', overlay: '#00000085' },
+  centerPeek: {
+    background: '#000000',
+    buttonBackground: '#252525',
+    icon: '#cdcdcd',
+    overlay: '#00000085',
+  },
   chatBlock: {
     chatBlockBg: '#252525',
     chatBlockBoder: '#252525',