1 files changed, 48 insertions, 0 deletions
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..9c53581
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,48 @@
+module.exports = {
+  purge: ["./modules/**/*.tsx", "./pages/**/*.tsx"],
+  darkMode: false,
+  theme: {
+    extend: {
+      typography: (theme) => ({
+        dark: {
+          css: {
+            color: theme("colors.gray.300"),
+            '[class~="lead"]': { color: theme("colors.gray.400") },
+            a: { color: theme("colors.gray.100") },
+            strong: { color: theme("colors.gray.100") },
+            "ul > li::before": { backgroundColor: theme("colors.gray.700") },
+            hr: { borderColor: theme("colors.gray.800") },
+            blockquote: {
+              color: theme("colors.gray.100"),
+              borderLeftColor: theme("colors.gray.800"),
+            },
+            h1: { color: theme("colors.gray.100") },
+            h2: { color: theme("colors.gray.100") },
+            h3: { color: theme("colors.gray.100") },
+            h4: { color: theme("colors.gray.100") },
+            code: { color: theme("colors.gray.100") },
+            "a code": { color: theme("colors.gray.100") },
+            pre: {
+              color: theme("colors.gray.200"),
+              backgroundColor: theme("colors.gray.800"),
+            },
+            thead: {
+              color: theme("colors.gray.100"),
+              borderBottomColor: theme("colors.gray.700"),
+            },
+            "tbody tr": { borderBottomColor: theme("colors.gray.800") },
+          },
+        },
+      }),
+    },
+  },
+  variants: {
+    extend: {
+      height: ["group-hover"],
+      width: ["group-hover"],
+      typography: ["dark"],
+      display: ["group-focus"],
+    },
+  },
+  plugins: [require("@tailwindcss/typography")],
+};