From 281e1b05bfa1982db0e7bdf49ce7df942305b70a Mon Sep 17 00:00:00 2001 From: Hideaki Takahashi Date: Wed, 3 Jan 2024 16:27:40 +0900 Subject: [PATCH 1/4] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor:=20hoverWhite?= =?UTF-8?q?=E3=81=AE=E5=91=BD=E5=90=8D=E3=82=92=E5=A4=89=E6=9B=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/base/Button/styles.css.ts | 2 +- src/styles/themes.css.ts | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/base/Button/styles.css.ts b/src/components/base/Button/styles.css.ts index 861d66ae..f1725630 100644 --- a/src/components/base/Button/styles.css.ts +++ b/src/components/base/Button/styles.css.ts @@ -24,7 +24,7 @@ const styles = { }, backgroundColor: { default: 'transparent', - hover: 'hoverWhite', + hover: 'lightWhite', disabledHover: 'transparent', }, cursor: { diff --git a/src/styles/themes.css.ts b/src/styles/themes.css.ts index f465a3a5..4ccfd3bc 100644 --- a/src/styles/themes.css.ts +++ b/src/styles/themes.css.ts @@ -2,7 +2,7 @@ import { createGlobalTheme } from '@vanilla-extract/css'; export const colors = { white: '#FEFEFE', - hoverWhite: 'rgba(255, 255, 255, 0.25)', + lightWhite: 'rgba(255, 255, 255, 0.25)', gray: '#94989B', lightGray: '#E2E2E2', blue: '#1E1ADE', From 71fb8c11bbda4c7b22d39daa7a8d7538da6bc6fe Mon Sep 17 00:00:00 2001 From: Hideaki Takahashi Date: Wed, 3 Jan 2024 16:30:55 +0900 Subject: [PATCH 2/4] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor:=20hoverBlue?= =?UTF-8?q?=E3=81=AE=E5=91=BD=E5=90=8D=E3=82=92=E5=A4=89=E6=9B=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/common/ImageLink/styles.css.ts | 2 +- src/styles/themes.css.ts | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/common/ImageLink/styles.css.ts b/src/components/common/ImageLink/styles.css.ts index 72b0c2ad..7c034ef3 100644 --- a/src/components/common/ImageLink/styles.css.ts +++ b/src/components/common/ImageLink/styles.css.ts @@ -42,7 +42,7 @@ const hoverContainer = style([ }, justifyContent: 'center', alignItems: 'center', - backgroundColor: 'hoverBlue', + backgroundColor: 'lightBlue', padding: 1, }), { diff --git a/src/styles/themes.css.ts b/src/styles/themes.css.ts index 4ccfd3bc..22389111 100644 --- a/src/styles/themes.css.ts +++ b/src/styles/themes.css.ts @@ -6,7 +6,7 @@ export const colors = { gray: '#94989B', lightGray: '#E2E2E2', blue: '#1E1ADE', - hoverBlue: 'rgba(11, 96, 223, 0.8)', + lightBlue: 'rgba(11, 96, 223, 0.8)', red: '#FF4747', gradientBlue: 'linear-gradient(#0078B7, #001E43)', transparent: 'transparent', From dd00f729fca4a57c4cdc276bda338f5d2dbcaf0c Mon Sep 17 00:00:00 2001 From: Hideaki Takahashi Date: Wed, 3 Jan 2024 23:48:40 +0900 Subject: [PATCH 3/4] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor:=20=E5=8D=8A?= =?UTF-8?q?=E9=80=8F=E6=98=8E=E3=81=AE=E8=89=B2=E3=81=AE=E5=90=8D=E5=89=8D?= =?UTF-8?q?=E3=82=92=E5=A4=89=E6=9B=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/base/Button/styles.css.ts | 2 +- src/components/common/ImageLink/styles.css.ts | 2 +- src/styles/themes.css.ts | 4 ++-- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/base/Button/styles.css.ts b/src/components/base/Button/styles.css.ts index f1725630..93f26baf 100644 --- a/src/components/base/Button/styles.css.ts +++ b/src/components/base/Button/styles.css.ts @@ -24,7 +24,7 @@ const styles = { }, backgroundColor: { default: 'transparent', - hover: 'lightWhite', + hover: 'translucentWhite', disabledHover: 'transparent', }, cursor: { diff --git a/src/components/common/ImageLink/styles.css.ts b/src/components/common/ImageLink/styles.css.ts index 7c034ef3..573fece8 100644 --- a/src/components/common/ImageLink/styles.css.ts +++ b/src/components/common/ImageLink/styles.css.ts @@ -42,7 +42,7 @@ const hoverContainer = style([ }, justifyContent: 'center', alignItems: 'center', - backgroundColor: 'lightBlue', + backgroundColor: 'translucentBlue', padding: 1, }), { diff --git a/src/styles/themes.css.ts b/src/styles/themes.css.ts index 22389111..8bca0753 100644 --- a/src/styles/themes.css.ts +++ b/src/styles/themes.css.ts @@ -2,11 +2,11 @@ import { createGlobalTheme } from '@vanilla-extract/css'; export const colors = { white: '#FEFEFE', - lightWhite: 'rgba(255, 255, 255, 0.25)', + translucentWhite: 'rgba(255, 255, 255, 0.25)', gray: '#94989B', lightGray: '#E2E2E2', blue: '#1E1ADE', - lightBlue: 'rgba(11, 96, 223, 0.8)', + translucentBlue: 'rgba(11, 96, 223, 0.8)', red: '#FF4747', gradientBlue: 'linear-gradient(#0078B7, #001E43)', transparent: 'transparent', From d8211e4ed90020712fb389b73ab0eefc50b54028 Mon Sep 17 00:00:00 2001 From: Hideaki Takahashi Date: Thu, 4 Jan 2024 00:21:46 +0900 Subject: [PATCH 4/4] =?UTF-8?q?=F0=9F=92=84=20style:=20=E3=82=AB=E3=83=A9?= =?UTF-8?q?=E3=83=BC=E3=81=AE=E9=A0=86=E7=95=AA=E3=82=92=E5=A4=89=E6=9B=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/styles/themes.css.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/themes.css.ts b/src/styles/themes.css.ts index 8bca0753..df40e545 100644 --- a/src/styles/themes.css.ts +++ b/src/styles/themes.css.ts @@ -7,8 +7,8 @@ export const colors = { lightGray: '#E2E2E2', blue: '#1E1ADE', translucentBlue: 'rgba(11, 96, 223, 0.8)', - red: '#FF4747', gradientBlue: 'linear-gradient(#0078B7, #001E43)', + red: '#FF4747', transparent: 'transparent', } as const;