51 lines
812 B
JavaScript
51 lines
812 B
JavaScript
const {
|
|
transformColorObjectOfDarkmode,
|
|
generateCSSByVar,
|
|
} = require("./transform")
|
|
|
|
const fs = require("fs")
|
|
const path = require("path")
|
|
|
|
const [colorObject, cssVar, cssVarDark] = transformColorObjectOfDarkmode()
|
|
|
|
const normalCSS = generateCSSByVar(cssVar)
|
|
const darkCSS = generateCSSByVar(cssVarDark)
|
|
|
|
const cssString = `
|
|
:root {
|
|
${normalCSS}
|
|
}
|
|
|
|
html.dark {
|
|
${darkCSS}
|
|
}
|
|
|
|
html.light {
|
|
${normalCSS}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
html:not(.light) {
|
|
${darkCSS}
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
html:not(.dark) {
|
|
${normalCSS}
|
|
}
|
|
}
|
|
`
|
|
|
|
fs.writeFileSync(
|
|
path.resolve(__dirname, "../../src/css/css-var.css"),
|
|
cssString,
|
|
"utf-8",
|
|
)
|
|
|
|
fs.writeFileSync(
|
|
path.resolve(__dirname, "../../tw-colors.js"),
|
|
`export default ${JSON.stringify(colorObject, null, 2)}`,
|
|
"utf-8",
|
|
)
|