Fix colors (#140)

vczb · Mar 2, 2024 · a87ce13 · a87ce13
1 parent 40ec1fd
commit a87ce13
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/styles/global.ts b/src/styles/global.ts
@@ -29,13 +29,17 @@ const SaguGlobalStyles: GlobalStyleComponent<
   }
 
   ${({ theme, globalFontFamily }) => css`
+    :root {
+      --color-secondary-medium: ${theme.colors.secondary.medium};
+    }
     html {
       font-size: 62.5%;
     }
 
     body {
       font-family: ${globalFontFamily || theme.font.family.primary};
       font-size: ${theme.font.sizes.medium};
+      background: ${theme.colors.base.white};
     }
   `}
 

diff --git a/src/styles/theme/index.ts b/src/styles/theme/index.ts
@@ -35,7 +35,9 @@ export default {
       bold: 700
     }
   },
-  colors,
+  colors: {
+    ...colors
+  },
   spacings: {
     none: '0',
     xmini: '0.2rem',
@@ -61,7 +63,7 @@ export default {
   },
   shadows: {
     default: 'rgb(0 0 0 / 15%) 0px 2rem 8rem 0',
-    focus: `0 0 0.5rem ${colors.secondary.medium}`
+    focus: `0 0 0.5rem var(--color-secondary-medium, #000)`
   },
   avatarSizes: {
     large: '6rem',