/
dropdead
/
frontend_trainee
Обзор
Документация
Войти
/
dropdead
/
frontend_trainee
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/theme/theme.ts
66 строк
1 KB
Ivan
feat: responsive, styles, bugs fix
12 сен 2024, 14:14
12 сен 2024, 14:14
4e9575c
Код
Авторство
О чём код?
import { createTheme } from '@mui/material/styles'; import { ThemeOptions } from '@mui/material'; const darkThemeOptions: ThemeOptions = { palette: { mode: 'dark', primary: { main: '#1976d2', }, secondary: { main: '#009688', }, warning: { main: '#d32f2f', }, background: { default: '#212121', }, }, typography: { fontFamily: 'Montserrat, sans-serif', htmlFontSize: 16, }, breakpoints: { values: { xs: 0, sm: 600, md: 960, lg: 1280, xl: 1920, }, }, }; const lightThemeOptions: ThemeOptions = { palette: { mode: 'light', primary: { main: '#90caf9', }, secondary: { main: '#009688', }, warning: { main: '#f44336', }, background: { default: '#f5f5f5', }, }, typography: { fontFamily: 'Montserrat, sans-serif', }, breakpoints: { values: { xs: 0, sm: 600, md: 960, lg: 1280, xl: 1920, }, }, }; export const darkTheme = createTheme(darkThemeOptions); export const lightTheme = createTheme(lightThemeOptions);