new web ract
This commit is contained in:
35
web-react/tailwind.config.js
Normal file
35
web-react/tailwind.config.js
Normal file
@@ -0,0 +1,35 @@
|
||||
/** @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: [],
|
||||
}
|
||||
Reference in New Issue
Block a user