You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.4 KiB
56 lines
1.4 KiB
import less from 'less';
|
|
import defaultVars from '../scripts/default-vars';
|
|
import dark from '../scripts/dark-vars';
|
|
const themeConfig = [
|
|
{
|
|
theme: 'dark',
|
|
htmlThemeAttr: 'dark',
|
|
modifyVars: {
|
|
hack: `true;@import "${require.resolve('../components/style/color/colorPalette.less')}";`,
|
|
...defaultVars,
|
|
...dark,
|
|
'text-color': 'fade(@white, 65%)',
|
|
'gray-8': '@text-color',
|
|
'background-color-base': '#555',
|
|
'skeleton-color': 'rgba(0,0,0,0.8)',
|
|
'root-entry-name': 'dark',
|
|
},
|
|
},
|
|
];
|
|
const additionalData = async (content: string, filename: string): Promise<string> => {
|
|
const themePromises = themeConfig.map(async t => {
|
|
const { htmlThemeAttr, modifyVars = {} } = t;
|
|
const options = {
|
|
javascriptEnabled: true,
|
|
modifyVars,
|
|
relativeUrls: true,
|
|
filename,
|
|
};
|
|
try {
|
|
const { css } = await less.render(content, options);
|
|
let res = '';
|
|
if (htmlThemeAttr && css) {
|
|
res = `
|
|
[data-doc-theme=${htmlThemeAttr}] {
|
|
${css}
|
|
}
|
|
`;
|
|
}
|
|
return Promise.resolve(res);
|
|
} catch (error) {
|
|
// eslint-disable-next-line no-console
|
|
console.log(error);
|
|
return Promise.reject(content);
|
|
}
|
|
});
|
|
let res = content;
|
|
for (const themePromise of themePromises) {
|
|
const theme = await themePromise;
|
|
res += theme;
|
|
}
|
|
return res;
|
|
};
|
|
|
|
export default themeConfig;
|
|
export { themeConfig, additionalData };
|