|
|
|
|
@ -1,9 +1,28 @@
|
|
|
|
|
import {readFileSync} from 'node:fs';
|
|
|
|
|
import {env} from 'node:process';
|
|
|
|
|
import {parse} from 'css-variables-parser';
|
|
|
|
|
import {parse} from 'postcss';
|
|
|
|
|
|
|
|
|
|
const isProduction = env.NODE_ENV !== 'development';
|
|
|
|
|
|
|
|
|
|
function extractRootVars(css) {
|
|
|
|
|
const root = parse(css);
|
|
|
|
|
const vars = new Set();
|
|
|
|
|
root.walkRules((rule) => {
|
|
|
|
|
if (rule.selector !== ':root') return;
|
|
|
|
|
rule.each((decl) => {
|
|
|
|
|
if (decl.value && decl.prop.startsWith('--')) {
|
|
|
|
|
vars.add(decl.prop.substring(2));
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
return Array.from(vars);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const vars = extractRootVars([
|
|
|
|
|
readFileSync(new URL('web_src/css/themes/theme-gitea-light.css', import.meta.url), 'utf8'),
|
|
|
|
|
readFileSync(new URL('web_src/css/themes/theme-gitea-dark.css', import.meta.url), 'utf8'),
|
|
|
|
|
].join('\n'));
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
prefix: 'tw-',
|
|
|
|
|
important: true, // the frameworks are mixed together, so tailwind needs to override other framework's styles
|
|
|
|
|
@ -23,15 +42,10 @@ export default {
|
|
|
|
|
theme: {
|
|
|
|
|
colors: {
|
|
|
|
|
// make `tw-bg-red` etc work with our CSS variables
|
|
|
|
|
...Object.fromEntries(
|
|
|
|
|
Object.keys(parse([
|
|
|
|
|
readFileSync(new URL('web_src/css/themes/theme-gitea-light.css', import.meta.url), 'utf8'),
|
|
|
|
|
readFileSync(new URL('web_src/css/themes/theme-gitea-dark.css', import.meta.url), 'utf8'),
|
|
|
|
|
].join('\n'), {})).filter((prop) => prop.startsWith('color-')).map((prop) => {
|
|
|
|
|
const color = prop.substring(6);
|
|
|
|
|
return [color, `var(--color-${color})`];
|
|
|
|
|
})
|
|
|
|
|
),
|
|
|
|
|
...Object.fromEntries(vars.filter((prop) => prop.startsWith('color-')).map((prop) => {
|
|
|
|
|
const color = prop.substring(6);
|
|
|
|
|
return [color, `var(--color-${color})`];
|
|
|
|
|
})),
|
|
|
|
|
inherit: 'inherit',
|
|
|
|
|
current: 'currentcolor',
|
|
|
|
|
transparent: 'transparent',
|
|
|
|
|
|