Move tailwind typography variable overrides to theme.css

techniq · techniq · commit e1751dbfe3f6 · 2025-03-05T09:30:34.000-05:00
diff --git a/packages/tailwind/src/lib/css/theme.css b/packages/tailwind/src/lib/css/theme.css
@@ -103,3 +103,25 @@
 
 /* Use `<html class="dark">` to activate `dark:` variant */
 @custom-variant dark (&:where(.dark, .dark *));
+
+/*
+  Tailwind CSS Typography plugin overrides
+*/
+.prose {
+  --tw-prose-body: var(--color-surface-content);
+  --tw-prose-headings: var(--color-surface-content);
+  --tw-prose-lead: var(--color-surface-content);
+  --tw-prose-links: var(--color-surface-content);
+  --tw-prose-bold: var(--color-surface-content);
+  --tw-prose-counters: var(--color-surface-content/30%);
+  --tw-prose-bullets: var(--color-surface-content/30%);
+  --tw-prose-hr: var(--color-surface-content/20%);
+  --tw-prose-quotes: var(--color-surface-content);
+  --tw-prose-quote-borders: var(--color-surface-content);
+  --tw-prose-captions: var(--color-surface-content);
+  --tw-prose-code: var(--color-surface-content);
+  --tw-prose-pre-code: var(--color-surface-content);
+  --tw-prose-pre-bg: var(--color-surface-content);
+  --tw-prose-th-borders: var(--color-surface-300);
+  --tw-prose-td-borders: var(--color-surface-300);
+}
diff --git a/sites/docs/src/routes/app.css b/sites/docs/src/routes/app.css
@@ -28,29 +28,6 @@
   }
 }
 
-/* TODO: Move to `theme.css` */
-/*
-  Tailwind CSS Typography plugin overrides
-*/
-.prose {
-  --tw-prose-body: var(--color-surface-content);
-  --tw-prose-headings: var(--color-surface-content);
-  --tw-prose-lead: var(--color-surface-content);
-  --tw-prose-links: var(--color-surface-content);
-  --tw-prose-bold: var(--color-surface-content);
-  --tw-prose-counters: var(--color-surface-content/30%);
-  --tw-prose-bullets: var(--color-surface-content/30%);
-  --tw-prose-hr: var(--color-surface-content/20%);
-  --tw-prose-quotes: var(--color-surface-content);
-  --tw-prose-quote-borders: var(--color-surface-content);
-  --tw-prose-captions: var(--color-surface-content);
-  --tw-prose-code: var(--color-surface-content);
-  --tw-prose-pre-code: var(--color-surface-content);
-  --tw-prose-pre-bg: var(--color-surface-content);
-  --tw-prose-th-borders: var(--color-surface-300);
-  --tw-prose-td-borders: var(--color-surface-300);
-}
-
 /*
   Doc styles
 */
