init changes

2025-07-31 16:48:50 -05:00
parent fb7941a384
commit 0bb4550418
17 changed files with 2782 additions and 42 deletions
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -0,0 +1,58 @@
+/** @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')],
+};