fix: theme ui used default colours instead of the theme when no defau…

…lt colors were provided
mrmartineau · Aug 21, 2020 · 4cf22cc · 4cf22cc
1 parent 2b026e2
commit 4cf22cc
Showing 1 changed file with 36 additions and 34 deletions.
diff --git a/gatsby-theme-code-notes/src/gatsby-plugin-theme-ui/colors.js b/gatsby-theme-code-notes/src/gatsby-plugin-theme-ui/colors.js
@@ -5,9 +5,43 @@ export const baseColors = {
   dark: '#2d3748',
 }
 
+const lightTheme = {
+  text: baseColors.dark,
+  background: 'hsl(210, 38%, 95%)',
+  scrollbar: 'hsl(210, 20%, 85%)',
+  backgroundTransparent: 'hsla(210, 38%, 95%, 0.72)',
+  contentBg: baseColors.light,
+  primary: 'hsl(334, 86%, 48%)',
+  primarySemiTransparent: 'hsla(334, 86%, 48%, 0.5)',
+  secondary: '#718096',
+  muted: '#e2e8f0',
+  success: '#9ae6b4',
+  info: '#63b3ed',
+  warning: '#faf089',
+  danger: '#feb2b2',
+  navHover: '#cbd5e0',
+  codeBackground: 'hsl(210,38%,95%)',
+  codeHighlight: 'hsl(210,38%,90%)',
+  codeHighlightBorder: 'hsl(210,38%,85%)',
+  badgeBg: 'hsl(210, 25%, 97%)',
+  badgeBgHover: 'hsl(210, 25%, 89%)',
+  badgeBorder: 'hsl(207, 24%, 83%)',
+  input: '#92A2B9',
+  code1: '#d03592',
+  code2: '#fc9867',
+  code3: '#f66a0a',
+  code4: '#0366d6',
+  code5: '#6f42c1',
+  code6: '#0366d6',
+  code7: '#999988',
+  highlight: '#fff176',
+  around: '#1aa6e9',
+  crossed: '#e9522c',
+}
+
 export const colors = {
   ...baseColors,
-
+  ...lightTheme,
   modes: {
     dark: {
       text: 'hsl(210, 38%, 95%)',
@@ -43,38 +77,6 @@ export const colors = {
       around: '#1aa6e9',
       crossed: '#e9522c',
     },
-    light: {
-      text: baseColors.dark,
-      background: 'hsl(210, 38%, 95%)',
-      scrollbar: 'hsl(210, 20%, 85%)',
-      backgroundTransparent: 'hsla(210, 38%, 95%, 0.72)',
-      contentBg: baseColors.light,
-      primary: 'hsl(334, 86%, 48%)',
-      primarySemiTransparent: 'hsla(334, 86%, 48%, 0.5)',
-      secondary: '#718096',
-      muted: '#e2e8f0',
-      success: '#9ae6b4',
-      info: '#63b3ed',
-      warning: '#faf089',
-      danger: '#feb2b2',
-      navHover: '#cbd5e0',
-      codeBackground: 'hsl(210,38%,95%)',
-      codeHighlight: 'hsl(210,38%,90%)',
-      codeHighlightBorder: 'hsl(210,38%,85%)',
-      badgeBg: 'hsl(210, 25%, 97%)',
-      badgeBgHover: 'hsl(210, 25%, 89%)',
-      badgeBorder: 'hsl(207, 24%, 83%)',
-      input: '#92A2B9',
-      code1: '#d03592',
-      code2: '#fc9867',
-      code3: '#f66a0a',
-      code4: '#0366d6',
-      code5: '#6f42c1',
-      code6: '#0366d6',
-      code7: '#999988',
-      highlight: '#fff176',
-      around: '#1aa6e9',
-      crossed: '#e9522c',
-    },
+    light: lightTheme,
   },
 }