feat: theming spike

1 files changed, 37 insertions, 0 deletions

diff --git a/lib/theme.tsx b/lib/theme.tsx
new file mode 100644
index 00000000..ecc30d43
--- /dev/null
+++ b/lib/theme.tsx
@@ -0,0 +1,37 @@
+import { extendTheme } from "@chakra-ui/react"
+import { mode } from '@chakra-ui/theme-tools'
+
+const styles = {
+  global: props => ({
+    body: {
+      bg: mode('#d5d6db', '#24283b')(props),
+      color: mode('#0f4b6e', '#7dcfff')(props),
+    }
+  })
+}
+
+const components = {
+  Link: {
+    baseStyle: props => ({
+      color: mode('#34548a', '##34548a')(props),
+      textUnderlineOffset: 3
+    })
+  }
+}
+
+const config = {
+  initialColorMode: 'dark',
+  useSystemColorMode: false,
+}
+
+const theme = extendTheme({
+  config,
+  styles,
+  components
+})
+
+
+console.log(theme)
+
+
+export default theme