1 files changed, 61 insertions, 0 deletions
diff --git a/exampleSite/tailwind.config.js b/exampleSite/tailwind.config.js
new file mode 100644
index 0000000..22c50bc
--- /dev/null
+++ b/exampleSite/tailwind.config.js
@@ -0,0 +1,61 @@
+const theme = require("tailwindcss/defaultTheme");
+
+module.exports = {
+  important: true,
+  purge: ["layouts/**/*.html"],
+  darkMode: "class", // or 'media' or 'class'
+  theme: {
+    extend: {
+      backgroundColor: (theme) => ({
+        dark1: "#202124",
+        dark2: "#2a2b2e",
+        dark3: "#3c4043",
+      }),
+      typography: (theme) => ({
+        DEFAULT: {
+          css: {
+            a: {
+              color: theme(`colors.blue.700`),
+              textDecoration: "none",
+              "&:hover": {
+                color: theme(`colors.blue.900`),
+                textDecoration: "underline",
+              },
+            },
+            p: {
+              marginBottom: "0em",
+              lineHeight: "1.5em",
+              marginTop: "0.25em",
+            },
+            h2: {
+              marginBottom: "1em",
+              marginTop: "0",
+            },
+          },
+        },
+        dark: {
+          css: {
+            color: theme(`colors.gray.200`),
+            p: { color: theme(`colors.gray.200`) },
+            h1: { color: theme(`colors.gray.200`) },
+            h2: { color: theme(`colors.gray.200`) },
+            h3: { color: theme(`colors.gray.200`) },
+            h4: { color: theme(`colors.gray.200`) },
+            h5: { color: theme(`colors.gray.200`) },
+            h6: { color: theme(`colors.gray.200`) },
+            code: { color: theme(`colors.gray.200`) },
+            strong: { color: theme(`colors.gray.200`) },
+            td: { color: theme(`colors.gray.200`) },
+            blockquote: { color: theme(`colors.gray.200`) },
+            a: {
+              color: theme(`colors.yellow.500`),
+              "&:hover": { color: theme(`colors.yellow.300`) },
+            },
+          },
+        },
+      }),
+    },
+  },
+  variants: { typography: ["dark"], extend: {} },
+  plugins: [require("@tailwindcss/typography")],
+};