GTsoft/ruoyi-plus-soybean
1
0
Fork 0
Code Issues Pull Requests 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 { getColorByColorPaletteNumber, getColorPalette } from '@sa/color-palette';
import { addColorAlpha, getRgbOfColor } from '@sa/utils';
import { useStyleTag } from '@vueuse/core';
import { overrideThemeSettings, themeSettings } from '@/theme/settings';
import { themeVars } from '@/theme/vars';
import { localStg } from '@/utils/storage';
@ -130,7 +129,6 @@ function getCssVarByTokens(tokens: App.Theme.BaseToken) {
return styleStr;
}
const { css: themeVarCss } = useStyleTag('', { id: 'theme-var-css' });
/**
* 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);
}
/**