From 7c41ddb78908d9f6fae9dedc7a3918cfa33aca30 Mon Sep 17 00:00:00 2001
From: CatsJuice <wp1298554944@hotmail.com>
Date: Mon, 31 Mar 2025 05:11:03 +0000
Subject: [PATCH] chore(core): update right sidebar border color (#11222)

---
 .../workbench/view/sidebar/sidebar-container.css.ts        | 7 ++++---
 .../core/src/modules/workbench/view/workbench-root.css.ts  | 4 ++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/core/src/modules/workbench/view/sidebar/sidebar-container.css.ts b/packages/frontend/core/src/modules/workbench/view/sidebar/sidebar-container.css.ts
index da605f992..c54987b62 100644
--- a/packages/frontend/core/src/modules/workbench/view/sidebar/sidebar-container.css.ts
+++ b/packages/frontend/core/src/modules/workbench/view/sidebar/sidebar-container.css.ts
@@ -1,4 +1,5 @@
 import { cssVar } from '@toeverything/theme';
+import { cssVarV2 } from '@toeverything/theme/v2';
 import { style } from '@vanilla-extract/css';
 
 export const sidebarContainerInner = style({
@@ -12,11 +13,11 @@ export const sidebarContainerInner = style({
   selectors: {
     ['[data-client-border=true] &']: {
       borderRadius: 6,
-      border: `0.5px solid ${cssVar('borderColor')}`,
+      border: `0.5px solid ${cssVarV2.layer.insideBorder.border}`,
     },
     ['[data-client-border=true][data-is-floating="true"] &']: {
       boxShadow: cssVar('shadow3'),
-      border: `1px solid ${cssVar('borderColor')}`,
+      border: `1px solid ${cssVarV2.layer.insideBorder.border}`,
     },
   },
 });
@@ -31,7 +32,7 @@ export const sidebarBodyTarget = style({
 });
 
 export const borderTop = style({
-  borderTop: `0.5px solid ${cssVar('borderColor')}`,
+  borderTop: `0.5px solid ${cssVarV2.layer.insideBorder.border}`,
 });
 
 export const sidebarBodyNoSelection = style({
diff --git a/packages/frontend/core/src/modules/workbench/view/workbench-root.css.ts b/packages/frontend/core/src/modules/workbench/view/workbench-root.css.ts
index 943fb8ecf..5bdd05083 100644
--- a/packages/frontend/core/src/modules/workbench/view/workbench-root.css.ts
+++ b/packages/frontend/core/src/modules/workbench/view/workbench-root.css.ts
@@ -1,4 +1,4 @@
-import { cssVar } from '@toeverything/theme';
+import { cssVarV2 } from '@toeverything/theme/v2';
 import { style } from '@vanilla-extract/css';
 
 export const workbenchRootContainer = style({
@@ -24,7 +24,7 @@ export const workbenchSidebar = style({
       borderRadius: 6,
     },
     [`&[data-client-border=false]`]: {
-      borderLeft: `0.5px solid ${cssVar('borderColor')}`,
+      borderLeft: `0.5px solid ${cssVarV2.layer.insideBorder.border}`,
     },
   },
 });