xinyin025/soybean-admin
1
0
Fork 0
mirror of https://github.com/soybeanjs/soybean-admin.git synced 2025-09-20 10:36:38 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(projects): refactor addThemeVarsToHtml

Browse Source
This commit is contained in:
Soybean 2024-04-08 07:59:50 +08:00
parent 2f15a2ac6a
commit 41e470ed6e
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/store/modules/theme/shared.ts
View File

@ -1,7 +1,6 @@
import type { GlobalThemeOverrides } from 'naive-ui'; import type { GlobalThemeOverrides } from 'naive-ui';
import { getColorByColorPaletteNumber, getColorPalette } from '@sa/color-palette'; import { getColorByColorPaletteNumber, getColorPalette } from '@sa/color-palette';
import { addColorAlpha, getRgbOfColor } from '@sa/utils'; import { addColorAlpha, getRgbOfColor } from '@sa/utils';
import { useStyleTag } from '@vueuse/core';
import { overrideThemeSettings, themeSettings } from '@/theme/settings'; import { overrideThemeSettings, themeSettings } from '@/theme/settings';
import { themeVars } from '@/theme/vars'; import { themeVars } from '@/theme/vars';
import { localStg } from '@/utils/storage'; import { localStg } from '@/utils/storage';
@ -130,7 +129,6 @@ function getCssVarByTokens(tokens: App.Theme.BaseToken) {
return styleStr; return styleStr;
} }
const { css: themeVarCss } = useStyleTag('', { id: 'theme-var-css' });
/** /**
* Add theme vars to html * Add theme vars to html
* *
@ -152,7 +150,15 @@ export function addThemeVarsToHtml(tokens: App.Theme.BaseToken, darkTokens: App.
} }
`; `;
themeVarCss.value = css + darkCss; const styleId = 'theme-vars';
const style = document.querySelector(`#${styleId}`) || document.createElement('style');
style.id = styleId;
style.textContent = css + darkCss;
document.head.appendChild(style);
} }
/** /**