diff --git a/components/style/themes/index.less b/components/style/themes/index.less index 3cdbe0538..fd29f584c 100644 --- a/components/style/themes/index.less +++ b/components/style/themes/index.less @@ -2,6 +2,6 @@ // This will be replaced in webpack bundle // @root-entry-name: variable; -@import './default.less'; +// @import './default.less'; // @import './variable.less'; -// @import './@{root-entry-name}.less'; +@import './@{root-entry-name}.less'; diff --git a/site/src/App.vue b/site/src/App.vue index 462ea794e..fe46528e2 100644 --- a/site/src/App.vue +++ b/site/src/App.vue @@ -89,9 +89,11 @@ export default defineComponent({ if (theme.value === 'dark') { document.getElementsByTagName('html')[0].setAttribute('data-doc-theme', 'dark'); document.getElementsByTagName('body')[0].setAttribute('data-theme', 'dark'); + document.getElementsByTagName('html')[0].style.colorScheme = 'dark'; } else { document.getElementsByTagName('html')[0].setAttribute('data-doc-theme', 'light'); document.getElementsByTagName('body')[0].setAttribute('data-theme', 'light'); + document.getElementsByTagName('html')[0].style.colorScheme = 'light'; } }, { immediate: true }, diff --git a/site/themeConfig.ts b/site/themeConfig.ts index 6c38a978a..5cac51484 100644 --- a/site/themeConfig.ts +++ b/site/themeConfig.ts @@ -13,6 +13,7 @@ const themeConfig = [ 'gray-8': '@text-color', 'background-color-base': '#555', 'skeleton-color': 'rgba(0,0,0,0.8)', + 'root-entry-name': 'dark', }, }, ]; diff --git a/site/vite.config.ts b/site/vite.config.ts index f5ad8b91c..c80d0de6e 100644 --- a/site/vite.config.ts +++ b/site/vite.config.ts @@ -49,6 +49,7 @@ export default { modifyVars: { hack: `true;@import "${require.resolve('../components/style/color/colorPalette.less')}";`, ...defaultVar, + 'root-entry-name': 'variable', }, javascriptEnabled: true, // includePaths: ["node_modules/"],