tremble7681andClaude Opus 5
0c7735ef85
Светлый сине-серый фон #EEF1F5, белые карточки, чернильный текст #0F172A, фирменный красный акцент #DC2626 у кнопки действия, зелёный #059669 у прихода денег, янтарный #D97706 у предупреждений — токены сняты с живого сайта (переменные --s-* в его инлайн-CSS). Имена токенов теперь роли, а не краски: canvas / surface / line / ink / muted / accent / pos / neg / warn. Прежние cream и ink описывали конкретный цвет, и при смене палитры «cream» стал бы синим. Тема браузера и манифест PWA переведены на новый фон — иначе шторка адресной строки и заставка запуска остаются от прежней темы. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
39 lines
2.1 KiB
JavaScript
39 lines
2.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ["./index.html", "./src/**/*.{ts,tsx}"],
|
|
theme: {
|
|
extend: {
|
|
/**
|
|
* Палитра сайта pptaxi.ru — снята с ЖИВОГО сайта (переменные --s-* в его
|
|
* инлайн-CSS), а не из локального чекаута: тот отстал на редизайн и
|
|
* предлагал тёмно-синюю тему, которой на сайте давно нет.
|
|
*
|
|
* Имена — роли, а не краски: «canvas» останется фоном страницы, даже если
|
|
* однажды перестанет быть светлым.
|
|
*/
|
|
colors: {
|
|
canvas: "#EEF1F5", // --s-bg — фон страницы
|
|
"canvas-soft": "#F5F7FA", // --s-bg-soft — подложка под блоками
|
|
surface: "#FFFFFF", // --s-paper — карточки, поля ввода
|
|
line: "#DDE3EC", // --s-line — границы и разделители
|
|
"line-soft": "#E5EAF1",
|
|
ink: "#0F172A", // --s-ink — основной текст
|
|
"ink-soft": "#475569", // --s-ink-soft — вторичный текст
|
|
muted: "#94A3B8", // --s-ink-mute — подписи
|
|
accent: "#DC2626", // --s-accent — фирменный красный, кнопка действия
|
|
"accent-press": "#B91C1C",
|
|
"accent-soft": "#FEF2F2",
|
|
warn: "#D97706", // --s-warn
|
|
// Деньги: приход зелёным (--s-ok), долг — фирменным красным. Свой оттенок
|
|
// тут заводить не стали: у долга и главного действия один цвет намеренно,
|
|
// это то, ради чего экран открывают.
|
|
pos: "#059669",
|
|
neg: "#DC2626",
|
|
},
|
|
fontFamily: { sans: ["Inter", "system-ui", "sans-serif"] },
|
|
borderRadius: { xl2: "12px" }, // --s-radius-md
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|