1Panel-dev/1Panel
1
1
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-02-25 07:14:43 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: 解决主题颜色切换失败的问题 (#5218)

Browse source
This commit is contained in:
ssongliu 2024-05-30 15:17:15 +08:00 committed by GitHub
parent 9df8f13fa7
commit c133f39b5e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 12 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/hooks/use-theme.ts
View file

@ -8,6 +8,10 @@ export const useTheme = () => {
body.setAttribute('class', 'dark-gold');
return;
}
if (globalStore.themeConfig.theme === 'auto') {
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)');
globalStore.themeConfig.theme = prefersDark.matches ? 'dark' : 'light';
}
const body = document.documentElement as HTMLElement;
if (globalStore.themeConfig.theme === 'dark') body.setAttribute('class', 'dark');
else body.setAttribute('class', '');

4
frontend/src/utils/xpack.ts
View file

@ -28,8 +28,8 @@ export async function getXpackSetting() {
return res;
}
export async function updateXpackSetting(fromData: FormData) {
export async function updateXpackSettingByKey(key: string, value: string) {
const searchXSettingGlob = import.meta.glob('xpack/api/modules/setting.ts');
const module = await searchXSettingGlob?.['../xpack/api/modules/setting.ts']?.();
return module?.updateXSetting(fromData);
return module?.updateXSettingByKey(key, value);
}

19
frontend/src/views/setting/panel/index.vue
View file

@ -184,7 +184,7 @@ import Proxy from '@/views/setting/panel/proxy/index.vue';
import Network from '@/views/setting/panel/default-network/index.vue';
import HideMenu from '@/views/setting/panel/hidemenu/index.vue';
import { storeToRefs } from 'pinia';
import { getXpackSetting, updateXpackSetting } from '@/utils/xpack';
import { getXpackSetting, updateXpackSettingByKey } from '@/utils/xpack';
const loading = ref(false);
const i18n = useI18n();
@ -357,18 +357,11 @@ const onSave = async (key: string, val: any) => {
globalStore.themeConfig.theme = val;
}
switchTheme();
if (isProductPro.value) {
let formData = new FormData();
formData.append('theme', val);
await updateXpackSetting(formData)
.then(async () => {
loading.value = false;
MsgSuccess(i18n.t('commons.msg.operationSuccess'));
await search();
})
.catch(() => {
loading.value = false;
});
updateXpackSettingByKey('Theme', val === 'dark-gold' ? 'dark-gold' : '');
if (val === 'dark-gold') {
MsgSuccess(i18n.t('commons.msg.operationSuccess'));
loading.value = false;
search();
return;
}
}