culinary.kemonine.info/themes/vnovel/exampleSite/tailwind.config.js
2022-12-03 10:27:03 -05:00

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")],
};