♻️ refactor: 半透明の色の名前を変更

uyupun · Jan 3, 2024 · dd00f72 · dd00f72
1 parent 71fb8c1
commit dd00f72
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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',