From 1c0dd5ebcda3bd70cd2c17dc52a1ce63011f3a5d Mon Sep 17 00:00:00 2001
From: Cats Juice <wp1298554944@hotmail.com>
Date: Thu, 26 Dec 2024 20:25:47 +0800
Subject: [PATCH] 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
---
 packages/theme/src/v2/CHANGELOG.md          | 17 ++++++++++++++++-
 packages/theme/src/v2/source/variables.json | 12 ++++++++++++
 packages/theme/src/v2/variables.ts          | 16 ++++++++++++++--
 3 files changed, 42 insertions(+), 3 deletions(-)

diff --git a/packages/theme/src/v2/CHANGELOG.md b/packages/theme/src/v2/CHANGELOG.md
index b1e77e9..73d043f 100644
--- 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`
\ 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="#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
\ 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 ed1ba5f..273f07b 100644
--- 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
index 4b71a76..483cb64 100644
--- 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',