Design: 공용모달 버튼 ver3.0 색상 적용

8-Sprinters · Oct 29, 2024 · f9eb518 · f9eb518
1 parent c43794c
commit f9eb518
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/src/components/Modal/Modal.css.ts b/src/components/Modal/Modal.css.ts
@@ -1,6 +1,7 @@
 import { style, styleVariants, ComplexStyleRule } from '@vanilla-extract/css';
-import { vars } from '@/styles/__theme.css';
+import { vars } from '@/styles/theme.css';
 
+//TODO: 공용모달 ver3.0 새디자인 필요
 export const background = style({
   margin: 'auto',
   width: '100vw',

diff --git a/src/components/Modal/ModalButton.css.ts b/src/components/Modal/ModalButton.css.ts
@@ -1,6 +1,6 @@
 import { style, styleVariants } from '@vanilla-extract/css';
-import { body3 } from '@/styles/__font.css';
-import { vars } from '@/styles/__theme.css';
+import { Label } from '@/styles/font.css';
+import { vars } from '@/styles/theme.css';
 
 export const buttonContainer = style({
   width: '100%',
@@ -11,7 +11,7 @@ export const buttonContainer = style({
 });
 
 export const baseButton = style([
-  body3,
+  Label,
   {
     padding: '10px 16px',
 
@@ -36,15 +36,15 @@ export const button = styleVariants({
   secondary: [
     baseButton,
     {
-      backgroundColor: vars.color.blueGray,
+      backgroundColor: vars.color.whiteblue,
       color: vars.color.blue,
     },
   ],
   disabled: [
     baseButton,
     {
-      backgroundColor: vars.color.gray7,
-      color: vars.color.white,
+      backgroundColor: vars.color.white,
+      color: vars.color.bluegray8,
 
       cursor: 'default',
     },