71 lines
1.7 KiB
JavaScript
71 lines
1.7 KiB
JavaScript
|
module.exports = {
|
||
|
content: ["./**/*.html", "./**/*.md", "./config.toml"],
|
||
|
darkMode: "class",
|
||
|
theme: {
|
||
|
extend: {
|
||
|
colors: {
|
||
|
warmgray: {
|
||
|
600: "#707070",
|
||
|
700: "#3a3a3a",
|
||
|
800: "#1f1f1f",
|
||
|
900: "#1a1a1a",
|
||
|
},
|
||
|
},
|
||
|
typography: (theme) => ({
|
||
|
DEFAULT: {},
|
||
|
dark: {
|
||
|
css: {
|
||
|
color: theme("colors.gray.200"),
|
||
|
a: {
|
||
|
color: theme("colors.gray.200"),
|
||
|
"&:hover": {
|
||
|
color: theme("colors.gray.200"),
|
||
|
},
|
||
|
},
|
||
|
"h2 a": {
|
||
|
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"),
|
||
|
},
|
||
|
th: {
|
||
|
color: theme("colors.gray.200"),
|
||
|
},
|
||
|
strong: {
|
||
|
color: theme("colors.gray.200"),
|
||
|
},
|
||
|
code: {
|
||
|
color: theme("colors.gray.200"),
|
||
|
},
|
||
|
figcaption: {
|
||
|
color: theme("colors.gray.200"),
|
||
|
},
|
||
|
blockquote: {
|
||
|
color: theme("colors.gray.200"),
|
||
|
},
|
||
|
},
|
||
|
},
|
||
|
}),
|
||
|
},
|
||
|
},
|
||
|
variants: {
|
||
|
typography: ["dark"],
|
||
|
},
|
||
|
plugins: [require("@tailwindcss/typography")],
|
||
|
};
|