77 lines
1.5 KiB
JavaScript
77 lines
1.5 KiB
JavaScript
module.exports = {
|
|
darkMode: 'class',
|
|
purge: ['./src/**/*.html', './src/**/*.md', './_includes/**/*.liquid'],
|
|
theme: {
|
|
extend: {
|
|
typography: (theme) => ({
|
|
DEFAULT: {
|
|
css: {
|
|
color: "black",
|
|
p: {
|
|
color: "black",
|
|
},
|
|
},
|
|
},
|
|
dark: {
|
|
css: {
|
|
color: "white",
|
|
a: {
|
|
color: "#9ECE6A",
|
|
"&:hover": {
|
|
color: "#9ECE6A",
|
|
},
|
|
},
|
|
h1: {
|
|
color: "white",
|
|
},
|
|
h2: {
|
|
color: "white",
|
|
},
|
|
h3: {
|
|
color: "white",
|
|
},
|
|
h4: {
|
|
color: "white",
|
|
},
|
|
h5: {
|
|
color: "white",
|
|
},
|
|
h6: {
|
|
color: "white",
|
|
},
|
|
th: {
|
|
color: "white",
|
|
},
|
|
strong: {
|
|
color: "white",
|
|
},
|
|
"blockquote p": {
|
|
color: "white",
|
|
},
|
|
p: {
|
|
color: "white",
|
|
},
|
|
code: {
|
|
color: "white",
|
|
},
|
|
figcaption: {
|
|
color: theme("colors.gray.500"),
|
|
},
|
|
"::selection": {
|
|
color: "white",
|
|
},
|
|
},
|
|
}
|
|
})
|
|
},
|
|
},
|
|
variants: {
|
|
extend: {
|
|
typography: ['dark']
|
|
}
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/typography')
|
|
],
|
|
}
|