bcdbce0bee
- Add ThemeContext with light/dark/system theme support - Migrate all hardcoded colors to CSS variables - Add SettingsModal for theme customization - Add font loader for dynamic font selection - Add i18n support for Chinese and Turkish locales - Fix accessibility: add aria-live to pairing error message Co-authored-by: nanyuantingfeng <nanyuantingfeng@163.com>
26 lines
903 B
TypeScript
26 lines
903 B
TypeScript
const loaded: Set<string> = new Set();
|
|
|
|
export function loadGoogleFont(family: string, weights: string = '400;500;600') {
|
|
const id = `gfont-${family.replace(/\s+/g, '-').toLowerCase()}`;
|
|
if (loaded.has(id)) return;
|
|
loaded.add(id);
|
|
|
|
const link = document.createElement('link');
|
|
link.id = id;
|
|
link.rel = 'stylesheet';
|
|
link.href = `https://fonts.googleapis.com/css2?family=${encodeURIComponent(family)}:wght@${weights}&display=swap`;
|
|
document.head.appendChild(link);
|
|
}
|
|
|
|
export function loadUiFont(font: string) {
|
|
if (font === 'inter') loadGoogleFont('Inter');
|
|
if (font === 'segoe') loadGoogleFont('Segoe UI');
|
|
if (font === 'sf') loadGoogleFont('SF Pro Text');
|
|
}
|
|
|
|
export function loadMonoFont(font: string) {
|
|
if (font === 'jetbrains') loadGoogleFont('JetBrains Mono');
|
|
if (font === 'fira') loadGoogleFont('Fira Code');
|
|
if (font === 'cascadia') loadGoogleFont('Cascadia Code');
|
|
}
|