feat: add global font size adjustment

This commit is contained in:
米山
2025-11-12 17:38:41 +08:00
parent f59e33682c
commit 24b6e7a835
11 changed files with 31 additions and 9 deletions

View File

@@ -116,6 +116,7 @@ const defaultPreferences: Preferences = {
colorWarning: 'hsl(42 84% 61%)',
mode: 'dark',
radius: '0.5',
fontSize: 16,
semiDarkHeader: false,
semiDarkSidebar: false,
},

View File

@@ -243,6 +243,8 @@ interface ThemePreferences {
mode: ThemeModeType;
/** 圆角 */
radius: string;
/** 字体大小单位px */
fontSize: number;
/** 是否开启半深色header只在theme='light'时生效) */
semiDarkHeader: boolean;
/** 是否开启半深色菜单只在theme='light'时生效) */

View File

@@ -66,6 +66,14 @@ function updateCSSVariables(preferences: Preferences) {
if (Reflect.has(theme, 'radius')) {
document.documentElement.style.setProperty('--radius', `${radius}rem`);
}
// 更新字体大小
if (Reflect.has(theme, 'fontSize')) {
document.documentElement.style.setProperty(
'--font-size-base',
`${theme.fontSize}px`,
);
}
}
/**