111 lines
2.9 KiB
JavaScript
111 lines
2.9 KiB
JavaScript
|
const themeDir = __dirname + "/../../";
|
||
|
|
||
|
module.exports = {
|
||
|
purge: {
|
||
|
enabled: process.env.HUGO_ENVIRONMENT === "production",
|
||
|
content: [
|
||
|
themeDir + "layouts/**/*.html",
|
||
|
themeDir + "content/**/*.html",
|
||
|
"layouts/**/*.html",
|
||
|
"config.toml",
|
||
|
"content/**/*.html",
|
||
|
"assets/js/search.js",
|
||
|
"exampleSite/layouts/**/*.html",
|
||
|
"exampleSite/config.toml",
|
||
|
"exampleSite/content/**/*.html",
|
||
|
],
|
||
|
},
|
||
|
darkMode: "class",
|
||
|
theme: {
|
||
|
extend: {
|
||
|
typography: (theme) => ({
|
||
|
DEFAULT: {
|
||
|
css: [
|
||
|
{
|
||
|
'code::before': {
|
||
|
content: '""',
|
||
|
},
|
||
|
'code::after': {
|
||
|
content: '""',
|
||
|
},
|
||
|
}
|
||
|
]
|
||
|
},
|
||
|
dark: {
|
||
|
css: [
|
||
|
{
|
||
|
color: theme("colors.gray.400"),
|
||
|
'[class~="lead"]': {
|
||
|
color: theme("colors.gray.300"),
|
||
|
},
|
||
|
a: {
|
||
|
color: theme("colors.white"),
|
||
|
},
|
||
|
strong: {
|
||
|
color: theme("colors.white"),
|
||
|
},
|
||
|
"ol > li::before": {
|
||
|
color: theme("colors.gray.400"),
|
||
|
},
|
||
|
"ul > li::before": {
|
||
|
backgroundColor: theme("colors.gray.600"),
|
||
|
},
|
||
|
hr: {
|
||
|
borderColor: theme("colors.gray.200"),
|
||
|
},
|
||
|
blockquote: {
|
||
|
color: theme("colors.gray.200"),
|
||
|
borderLeftColor: theme("colors.gray.600"),
|
||
|
},
|
||
|
h1: {
|
||
|
color: theme("colors.white"),
|
||
|
},
|
||
|
h2: {
|
||
|
color: theme("colors.white"),
|
||
|
},
|
||
|
h3: {
|
||
|
color: theme("colors.white"),
|
||
|
},
|
||
|
h4: {
|
||
|
color: theme("colors.white"),
|
||
|
},
|
||
|
"figure figcaption": {
|
||
|
color: theme("colors.gray.400"),
|
||
|
},
|
||
|
code: {
|
||
|
color: theme("colors.white"),
|
||
|
},
|
||
|
"a code": {
|
||
|
color: theme("colors.white"),
|
||
|
},
|
||
|
'code::before': {
|
||
|
content: '""',
|
||
|
},
|
||
|
'code::after': {
|
||
|
content: '""',
|
||
|
},
|
||
|
pre: {
|
||
|
color: theme("colors.gray.200"),
|
||
|
backgroundColor: theme("colors.gray.800"),
|
||
|
},
|
||
|
thead: {
|
||
|
color: theme("colors.white"),
|
||
|
borderBottomColor: theme("colors.gray.400"),
|
||
|
},
|
||
|
"tbody tr": {
|
||
|
borderBottomColor: theme("colors.gray.600"),
|
||
|
},
|
||
|
},
|
||
|
],
|
||
|
},
|
||
|
}),
|
||
|
},
|
||
|
},
|
||
|
variants: {
|
||
|
extend: {
|
||
|
typography: ["dark"],
|
||
|
},
|
||
|
},
|
||
|
plugins: [require("@tailwindcss/typography")],
|
||
|
};
|