36 lines
1.1 KiB
JavaScript
36 lines
1.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
||
export default {
|
||
content: ['./index.html', './src/**/*.{js,jsx}'],
|
||
// Тёмная тема включается атрибутом data-theme="dark" на <html>
|
||
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: [],
|
||
}
|