diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index 5094e5a..3365bdf 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -69,8 +69,39 @@ module.exports = {
         "accordion-down": "accordion-down 0.2s ease-out",
         "accordion-up": "accordion-up 0.2s ease-out",
       },
+      typography: (theme) => ({
+        DEFAULT: {
+          css: {
+            color: theme("colors.foreground"),
+            a: {
+              color: theme("colors.primary.DEFAULT"),
+              "&:hover": {
+                color: theme("colors.primary.DEFAULT"),
+              },
+            },
+            h1: {
+              color: theme("colors.foreground"),
+            },
+            h2: {
+              color: theme("colors.foreground"),
+            },
+            h3: {
+              color: theme("colors.foreground"),
+            },
+            strong: {
+              color: theme("colors.foreground"),
+            },
+            code: {
+              color: theme("colors.foreground"),
+            },
+            figcaption: {
+              color: theme("colors.muted.foreground"),
+            },
+          },
+        },
+      }),
     },
   },
-  plugins: [require("tailwindcss-animate")],
+  plugins: [require("tailwindcss-animate"), require("@tailwindcss/typography")],
 }