summaryrefslogtreecommitdiff
path: root/lib/theme.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'lib/theme.tsx')
-rw-r--r--lib/theme.tsx37
1 files changed, 37 insertions, 0 deletions
diff --git a/lib/theme.tsx b/lib/theme.tsx
new file mode 100644
index 0000000..ecc30d4
--- /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