MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-26 02:03:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix fonts error

Browse Source
This commit is contained in:
pa
2025-11-25 22:47:16 +09:00
committed by Natsumi
parent 5090cedf38
commit fa6eb2a3e1
5 changed files with 44 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/shared/constants/themes.js
View File

@@ -43,6 +43,10 @@ export const THEME_CONFIG = {
material3: {
cssFile: material3,
isDark: true,
name: 'Material 3'
name: 'Material 3',
fontLinks: [
'https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;600&family=Noto+Sans+TC:wght@300;400;500&family=Noto+Sans+SC:wght@300;400;500&family=Noto+Sans+JP:wght@300;400;500&family=Roboto&display=swap',
'https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200'
]
}
};

24
src/shared/utils/base/ui.js
View File

@@ -26,6 +26,28 @@ function changeAppDarkStyle(isDark) {
}
}
function applyThemeFonts(themeKey, fontLinks = []) {
document
.querySelectorAll('link[data-theme-font]')
.forEach((linkEl) => linkEl.remove());
if (!fontLinks?.length) {
return;
}
const head = document.head;
fontLinks.forEach((href) => {
if (!href) {
return;
}
const fontLink = document.createElement('link');
fontLink.rel = 'stylesheet';
fontLink.href = href;
fontLink.dataset.themeFont = themeKey;
head.appendChild(fontLink);
});
}
function changeAppThemeStyle(themeMode) {
if (themeMode === 'system') {
themeMode = systemIsDarkMode() ? 'dark' : 'light';
@@ -57,6 +79,8 @@ function changeAppThemeStyle(themeMode) {
}
$appThemeStyle.href = themeConfig.cssFile ? themeConfig.cssFile : '';
applyThemeFonts(themeMode, themeConfig.fontLinks);
if (themeConfig.isDark) {
document.documentElement.classList.add('dark');
} else {