upgrade to different layout

2025-06-08 16:02:39 -05:00
parent e1632629a9
commit 3e89e6cb1c
75 changed files with 8314 additions and 2884 deletions
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -0,0 +1,60 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}", "*.{js,ts,jsx,tsx,mdx}"],
+  darkMode: 'class',
+  theme: {
+    extend: {
+      typography: (theme) => ({
+        DEFAULT: {
+          css: {
+            a: {
+              color: theme('colors.zinc.900'),
+              '&:hover': {
+                color: theme('colors.zinc.700'),
+              },
+              textDecoration: 'underline',
+              textDecorationColor: theme('colors.zinc.400'),
+              textUnderlineOffset: '2px',
+            },
+            'h1, h2, h3, h4, h5, h6': {
+              color: theme('colors.zinc.900'),
+            },
+            code: {
+              color: theme('colors.zinc.900'),
+              backgroundColor: theme('colors.zinc.100'),
+              borderRadius: theme('borderRadius.md'),
+              padding: `${theme('padding.1')} ${theme('padding.1.5')}`,
+            },
+            'code::before': {
+              content: '""',
+            },
+            'code::after': {
+              content: '""',
+            },
+          },
+        },
+        invert: {
+          css: {
+            a: {
+              color: theme('colors.zinc.100'),
+              '&:hover': {
+                color: theme('colors.zinc.300'),
+              },
+              textDecorationColor: theme('colors.zinc.700'),
+            },
+            'h1, h2, h3, h4, h5, h6': {
+              color: theme('colors.zinc.100'),
+            },
+            code: {
+              color: theme('colors.zinc.100'),
+              backgroundColor: theme('colors.zinc.800'),
+            },
+          },
+        },
+      }),
+    },
+  },
+  plugins: [
+    require('@tailwindcss/typography'),
+  ],
+};