✨ feat: グラデーションを追加し、それをStorybookのデフォルトの背景色するとする

uyupun · Dec 12, 2023 · a83182f · a83182f
1 parent c342e75
commit a83182f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
@@ -19,10 +19,11 @@ export const parameters: Parameters = {
     ),
   },
   backgrounds: {
+    default: 'gradientBlue',
     values: [
       {
-        name: 'blue',
-        value: colors.blue,
+        name: 'gradientBlue',
+        value: colors.gradientBlue,
       },
     ],
   },

diff --git a/src/styles/themes.css.ts b/src/styles/themes.css.ts
@@ -12,6 +12,7 @@ export const colors = {
   purple: '#B01CF6',
   red: '#E6002F',
   lightRed: '#FBD4D4',
+  gradientBlue: 'linear-gradient(#0078B7, #001E43)',
 } as const;
 
 export type Color = keyof typeof colors;