github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

doc: add colorScheme

feat-css-var
tangjinzhou 2022-03-10 17:07:06 +08:00
parent d783c4e913
commit 414338bafd
4 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/style/themes/index.less
View File

@ -2,6 +2,6 @@
// This will be replaced in webpack bundle // This will be replaced in webpack bundle
// @root-entry-name: variable; // @root-entry-name: variable;
@import './default.less'; // @import './default.less';
// @import './variable.less'; // @import './variable.less';
// @import './@{root-entry-name}.less'; @import './@{root-entry-name}.less';

2
site/src/App.vue
View File

@ -89,9 +89,11 @@ export default defineComponent({
if (theme.value === 'dark') { if (theme.value === 'dark') {
document.getElementsByTagName('html')[0].setAttribute('data-doc-theme', 'dark'); document.getElementsByTagName('html')[0].setAttribute('data-doc-theme', 'dark');
document.getElementsByTagName('body')[0].setAttribute('data-theme', 'dark'); document.getElementsByTagName('body')[0].setAttribute('data-theme', 'dark');
document.getElementsByTagName('html')[0].style.colorScheme = 'dark';
} else { } else {
document.getElementsByTagName('html')[0].setAttribute('data-doc-theme', 'light'); document.getElementsByTagName('html')[0].setAttribute('data-doc-theme', 'light');
document.getElementsByTagName('body')[0].setAttribute('data-theme', 'light'); document.getElementsByTagName('body')[0].setAttribute('data-theme', 'light');
document.getElementsByTagName('html')[0].style.colorScheme = 'light';
} }
}, },
{ immediate: true }, { immediate: true },

1
site/themeConfig.ts
View File

@ -13,6 +13,7 @@ const themeConfig = [
'gray-8': '@text-color', 'gray-8': '@text-color',
'background-color-base': '#555', 'background-color-base': '#555',
'skeleton-color': 'rgba(0,0,0,0.8)', 'skeleton-color': 'rgba(0,0,0,0.8)',
'root-entry-name': 'dark',
}, },
}, },
]; ];

1
site/vite.config.ts
View File

@ -49,6 +49,7 @@ export default {
modifyVars: { modifyVars: {
hack: `true;@import "${require.resolve('../components/style/color/colorPalette.less')}";`, hack: `true;@import "${require.resolve('../components/style/color/colorPalette.less')}";`,
...defaultVar, ...defaultVar,
'root-entry-name': 'variable',
}, },
javascriptEnabled: true, javascriptEnabled: true,
// includePaths: ["node_modules/"], // includePaths: ["node_modules/"],