/** @type {import('tailwindcss').Config} */ export default { content: ['./index.html', './src/**/*.{js,jsx}'], // Тёмная тема включается атрибутом data-theme="dark" на darkMode: ['selector', '[data-theme="dark"]'], theme: { extend: { // Все цвета берутся из CSS-переменных в theme.css // Менять цвета нужно только там colors: { primary: 'var(--c-primary)', 'primary-d':'var(--c-primary-dark)', bg: 'var(--c-bg)', surface: 'var(--c-surface)', card: 'var(--c-card)', 't1': 'var(--c-text-1)', 't2': 'var(--c-text-2)', border: 'var(--c-border)', success: 'var(--c-success)', warning: 'var(--c-warning)', error: 'var(--c-error)', sidebar: 'var(--c-sidebar)', 'sidebar-t':'var(--c-sidebar-text)', }, fontFamily: { ui: ['Inter', 'sans-serif'], display: ['Merriweather', 'serif'], }, borderRadius: { card: '12px', }, }, }, plugins: [], }