/
alt3rmann
/
LibreChat
Обзор
Документация
Войти
/
alt3rmann
/
LibreChat
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
client/src/utils/theme.ts
38 строк
1 KB
Danny Avila
🅰️ feat: Dynamic Font Size (#3568)
07 авг 2024, 21:23
Не верифицирован
07 авг 2024, 21:23
2bb0842
Код
Авторство
О чём код?
export const applyFontSize = (val: string) => { const root = document.documentElement; const size = val.split('-')[1]; // This will be 'xs', 'sm', 'base', 'lg', or 'xl' switch (size) { case 'xs': root.style.setProperty('--markdown-font-size', '0.75rem'); // 12px break; case 'sm': root.style.setProperty('--markdown-font-size', '0.875rem'); // 14px break; case 'base': root.style.setProperty('--markdown-font-size', '1rem'); // 16px break; case 'lg': root.style.setProperty('--markdown-font-size', '1.125rem'); // 18px break; case 'xl': root.style.setProperty('--markdown-font-size', '1.25rem'); // 20px break; } }; export const getInitialTheme = () => { if (typeof window !== 'undefined' && window.localStorage) { const storedPrefs = window.localStorage.getItem('color-theme'); if (typeof storedPrefs === 'string') { return storedPrefs; } const userMedia = window.matchMedia('(prefers-color-scheme: dark)'); if (userMedia.matches) { return 'dark'; } } return 'light'; // light theme as the default; };