💄Fix light mode code highlight

GuiEpi · GuiEpi · commit c77fe58ed1b7 · 2025-01-14T18:42:21.000+01:00
diff --git a/website/index.html b/website/index.html
@@ -3,9 +3,17 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/react-dot-cursor.svg" />
+    <!-- highlight.js github-dark style: https://github.com/highlightjs/highlight.js/blob/main/src/styles/github-dark.css -->
     <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css"
+      media="(prefers-color-scheme: dark)"
+    />
+    <!-- highlight.js github style: https://github.com/highlightjs/highlight.js/blob/main/src/styles/github.css -->
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css"
+      media="(prefers-color-scheme: light)"
     />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
diff --git a/website/tailwind.config.js b/website/tailwind.config.js
@@ -54,6 +54,7 @@ export default {
       typography: (theme) => ({
         DEFAULT: {
           css: {
+            color: theme('colors.foreground'),
             'code::before': {
               content: '""',
             },
@@ -71,6 +72,16 @@ export default {
               fontStyle: 'normal',
               color: theme('colors.muted.foreground'),
             },
+            pre: {
+              color: theme('colors.foreground'),
+              background: theme('colors.muted.DEFAULT'),
+            },
+            'ul > li::marker': {
+              color: theme('colors.foreground'),
+            },
+            'ol > li::marker': {
+              color: theme('colors.foreground'),
+            },
           },
         },
       }),
