From 729c37977e0b74579f3e20f4d39e888734c10a48 Mon Sep 17 00:00:00 2001
From: CatsJuice <wp1298554944@hotmail.com>
Date: Mon, 16 Dec 2024 04:16:48 +0000
Subject: [PATCH] chore(component): update button and input border color
 (#9141)

---
 packages/frontend/component/src/ui/button/button.css.ts | 8 ++++----
 packages/frontend/component/src/ui/input/style.css.ts   | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/component/src/ui/button/button.css.ts b/packages/frontend/component/src/ui/button/button.css.ts
index 19452b46d8..17328ba7ab 100644
--- a/packages/frontend/component/src/ui/button/button.css.ts
+++ b/packages/frontend/component/src/ui/button/button.css.ts
@@ -127,7 +127,7 @@ export const button = style({
         [bgVar]: cssVarV2('button/primary'),
         [textVar]: cssVarV2('button/pureWhiteText'),
         [iconColorVar]: cssVarV2('button/pureWhiteText'),
-        [borderColorVar]: cssVarV2('button/innerBlackBorder'),
+        [borderColorVar]: cssVarV2.layer.insideBorder.blackBorder,
       },
     },
     '&[data-variant="secondary"]': {
@@ -135,7 +135,7 @@ export const button = style({
         [bgVar]: cssVarV2('button/secondary'),
         [textVar]: cssVarV2('text/primary'),
         [iconColorVar]: cssVarV2('icon/primary'),
-        [borderColorVar]: cssVarV2('layer/insideBorder/border'),
+        [borderColorVar]: cssVarV2.layer.insideBorder.blackBorder,
       },
     },
     '&[data-variant="plain"]': {
@@ -152,7 +152,7 @@ export const button = style({
         [bgVar]: cssVarV2('button/error'),
         [textVar]: cssVarV2('button/pureWhiteText'),
         [iconColorVar]: cssVarV2('button/pureWhiteText'),
-        [borderColorVar]: cssVarV2('button/innerBlackBorder'),
+        [borderColorVar]: cssVarV2.layer.insideBorder.blackBorder,
       },
     },
     '&[data-variant="success"]': {
@@ -160,7 +160,7 @@ export const button = style({
         [bgVar]: cssVarV2('button/success'),
         [textVar]: cssVarV2('button/pureWhiteText'),
         [iconColorVar]: cssVarV2('button/pureWhiteText'),
-        [borderColorVar]: cssVarV2('button/innerBlackBorder'),
+        [borderColorVar]: cssVarV2.layer.insideBorder.blackBorder,
       },
     },
 
diff --git a/packages/frontend/component/src/ui/input/style.css.ts b/packages/frontend/component/src/ui/input/style.css.ts
index 0cc79fc52a..7cdc7ec048 100644
--- a/packages/frontend/component/src/ui/input/style.css.ts
+++ b/packages/frontend/component/src/ui/input/style.css.ts
@@ -42,7 +42,7 @@ export const inputWrapper = style({
       borderColor: cssVar('warningColor'),
     },
     '&.default': {
-      borderColor: cssVar('borderColor'),
+      borderColor: cssVarV2.layer.insideBorder.blackBorder,
     },
     '&.default:is(:focus-within, :focus, :focus-visible)': {
       borderColor: cssVarV2('button/primary'),