Design: 테마 컬러 수정에 따른 스타일 수정

8-Sprinters · Sep 19, 2024 · c92c1c5 · c92c1c5
1 parent 608ae27
commit c92c1c5
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 8 deletions.
diff --git a/src/app/user/[userId]/_components/Content.css.ts b/src/app/user/[userId]/_components/Content.css.ts
@@ -8,7 +8,7 @@ export const container = style({
 
   // (참고 - 내부 카드 영역만 스크롤되도록 구현 시) 상하단 요소 크기에 맞춰 높이 조정 (100vh - 프로필 영역 제외)
   // height: 'calc(100vh - 225px)',
-  backgroundColor: vars.color.bgblue,
+  backgroundColor: vars.color.bggray,
 });
 
 export const contentInfo = style({
@@ -59,7 +59,7 @@ export const stickyContainer = style({
   top: '-1px', // observer API로 sticky 영역이 stuck 상태임을 감지하기 위해
 
   zIndex: 1,
-  background: vars.color.bgblue,
+  background: vars.color.bggray,
 });
 
 export const scrollDivTop = style({

diff --git a/src/app/user/[userId]/_components/__Content.css.ts b/src/app/user/[userId]/_components/__Content.css.ts
@@ -10,7 +10,7 @@ export const container = style({
   position: 'absolute',
   top: 0,
 
-  backgroundColor: vars.color.bgblue,
+  backgroundColor: vars.color.bggray,
   borderTopLeftRadius: '2.5rem',
   borderTopRightRadius: '2.5rem',
 });
@@ -45,7 +45,7 @@ export const button = style([
     alignItems: 'center',
     justifyContent: 'center',
 
-    backgroundColor: vars.color.bgblue,
+    backgroundColor: vars.color.bggray,
   },
 ]);
 

diff --git a/src/app/user/[userId]/mylist/MylistPage.css.ts b/src/app/user/[userId]/mylist/MylistPage.css.ts
@@ -6,5 +6,5 @@ export const container = style({
   width: '100%',
   height: '100vh',
 
-  backgroundColor: vars.color.bgblue,
+  backgroundColor: vars.color.bggray,
 });
diff --git a/src/styles/font.css.ts b/src/styles/font.css.ts
@@ -3,7 +3,7 @@ import { style } from '@vanilla-extract/css';
 export const Header = style({
   fontSize: '2rem',
   fontWeight: '700',
-  letterSpacing: '-0.6rem',
+  letterSpacing: '-0.06rem',
 });
 
 export const Subtitle = style({

diff --git a/src/styles/theme.css.ts b/src/styles/theme.css.ts
@@ -16,7 +16,6 @@ export const vars = createThemeContract({
     bggray: 'color-bggray',
     black: 'color-black',
     red: 'color-red',
-    bgblue: 'color-bg-light-blue',
   },
   // TODO 반응형 코드 수정 필요
   breakpoints: {
@@ -43,7 +42,6 @@ createGlobalTheme(':root', vars, {
     bggray: '#F5F6FA',
     black: '#323A43',
     red: '#FF0000',
-    bgblue: '#F5F6FA',
   },
   // TODO 반응형 코드 수정 필요
   breakpoints: {