feat: dracula light theme

1 files changed, 20 insertions, 4 deletions

diff --git a/lib/theme.tsx b/lib/theme.tsx
index a7ae2224..2d24742e 100644
--- a/lib/theme.tsx
+++ b/lib/theme.tsx
@@ -5,8 +5,8 @@ import type { StyleFunctionProps } from '@chakra-ui/styled-system'
 const styles = {
   global: (props : StyleFunctionProps) => ({
     body: {
-      bg: mode('#d5d6db', '#282a36')(props),
-      color: mode('#0f4b6e', '#f8f8f2')(props),
+      bg: mode('#f8f8f2', '#282a36')(props),
+      color: mode('#282a36', '#f8f8f2')(props),
     }
   })
 }
@@ -14,14 +14,30 @@ const styles = {
 const components = {
   Link: {
     baseStyle: (props : StyleFunctionProps)  => ({
-      color: mode('#3d7aed', '#bd93f9')(props),
+      color: mode('#ff5555', '#bd93f9')(props),
+
       textUnderlineOffset: 3
-    })
+    }),
+    variants: {
+      'topnav-link': (props : StyleFunctionProps) => ({
+        color: mode('#282a36', '#f8f8f2')(props),
+        textDecoration: "none"
+      })
+    }
   },
   Text: {
     baseStyle: (_props : StyleFunctionProps)  => ({
       textAlign: "justify",
     })
+  },
+  Heading: {
+    variants: {
+      "section-title": {
+        pt: "10px",
+        pb: "10px",
+        fontSize: "1.5rem"
+      }
+    }
   }
 }