46 lines
2.2 KiB
JavaScript
46 lines
2.2 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ['./index.html', './src/**/*.{ts,tsx}'],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Палитра завязана на CSS-переменные (см. index.css [data-theme=...]).
|
|
// Значения переменных — raw "R G B" (без rgb()), чтобы работали opacity-модификаторы Tailwind: bg-unifi-ok/15.
|
|
unifi: {
|
|
bg: 'rgb(var(--c-bg) / <alpha-value>)',
|
|
panel: 'rgb(var(--c-panel) / <alpha-value>)',
|
|
panel2: 'rgb(var(--c-panel2) / <alpha-value>)',
|
|
border: 'rgb(var(--c-border) / <alpha-value>)',
|
|
text: 'rgb(var(--c-text) / <alpha-value>)',
|
|
mute: 'rgb(var(--c-mute) / <alpha-value>)',
|
|
accent: 'rgb(var(--c-accent) / <alpha-value>)',
|
|
accent2: 'rgb(var(--c-accent2) / <alpha-value>)',
|
|
ok: 'rgb(var(--c-ok) / <alpha-value>)',
|
|
warn: 'rgb(var(--c-warn) / <alpha-value>)',
|
|
err: 'rgb(var(--c-err) / <alpha-value>)',
|
|
},
|
|
// Алиас mk-* → те же CSS-переменные, что и unifi-*.
|
|
// Нужен для совместимости со старыми компонентами (CLI.tsx, ChatBot, AboutModal, index.css),
|
|
// где ещё используются классы вида text-mk-mute, border-mk-border и т.п.
|
|
mk: {
|
|
bg: 'rgb(var(--c-bg) / <alpha-value>)',
|
|
panel: 'rgb(var(--c-panel) / <alpha-value>)',
|
|
panel2: 'rgb(var(--c-panel2) / <alpha-value>)',
|
|
border: 'rgb(var(--c-border) / <alpha-value>)',
|
|
text: 'rgb(var(--c-text) / <alpha-value>)',
|
|
mute: 'rgb(var(--c-mute) / <alpha-value>)',
|
|
accent: 'rgb(var(--c-accent) / <alpha-value>)',
|
|
accent2: 'rgb(var(--c-accent2) / <alpha-value>)',
|
|
ok: 'rgb(var(--c-ok) / <alpha-value>)',
|
|
warn: 'rgb(var(--c-warn) / <alpha-value>)',
|
|
err: 'rgb(var(--c-err) / <alpha-value>)',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'system-ui', 'sans-serif'],
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|