/
hey_yo
/
Notebook
Обзор
Документация
Войти
/
hey_yo
/
Notebook
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/theme/index.js
51 строка
1 KB
mike.r
learn(styled.emotion): стилизация, доработки, структура
06 май 2026, 16:24
06 май 2026, 16:24
146d71e
Код
Авторство
О чём код?
const mainStyles = { spacing: { xs: '4px', sm: '8px', md: '16px', lg: '24px', xl: '32px', }, borderRadius: { sm: '4px', md: '8px', lg: '12px', }, typography: { fontFamily: 'system-ui, -apple-system, sans-serif', }, }; export const lightTheme = { colors: { primary: '#4361ee', primaryHover: '#3a0ca3', success: '#4cc9f0', online: '#2ecc71', offline: '#e74c3c', background: '#ffffff', surface: '#f8f9fa', text: '#212529', textSecondary: '#6c757d', border: '#dee2e6', error: '#dc3545', }, ...mainStyles }; export const darkTheme = { colors: { primary: '#6c63ff', primaryHover: '#8b85ff', success: '#00b4d8', online: '#2ecc71', offline: '#e74c3c', background: '#121212', surface: '#1e1e1e', text: '#ffffff', textSecondary: '#a0a0a0', border: '#333333', error: '#cf6679', }, ...mainStyles };