67 lines
4.1 KiB
CSS
67 lines
4.1 KiB
CSS
/* Единственный источник цвета, размера и шрифта во всём приложении.
|
||
Значения сняты с references/fleet.png замером (гистограмма кадра, срезы строк и столбцов,
|
||
детект края скругления по порогу яркости) — таблица замеров и способ в docs/FRONTEND_PLAN.md §5.1.
|
||
Литеральный цвет легален только здесь; во всех прочих файлах его запрещают гейты
|
||
stylelint.config.js и eslint.config.js. */
|
||
|
||
/* Порядок каскада объявлен в reset.css — он импортируется первым. Токены живут вне слоёв. */
|
||
|
||
:root {
|
||
/* --- Поверхности Fleet --- */
|
||
--color-shell: #090909; /* фон оболочки: поля, верхняя и статус-полоса */
|
||
--color-panel: #17191a; /* заливка панели; все три панели одинаковы */
|
||
--color-raised: #27292b; /* приподнятая поверхность, наведение, активная вкладка панели */
|
||
--color-selected: #353739; /* выбранная строка дерева, клавиша-чип */
|
||
|
||
/* Активная вкладка открытого документа у Fleet синеватая, а не серая: замер вкладки
|
||
rpc-node.ts дал #142f4c, тогда как #353739 лежит только под строкой дерева.
|
||
§1.1 промта эти две роли смешал — здесь они разделены. */
|
||
--color-tab-active: #142f4c;
|
||
--color-current-line: #152945; /* подсветка строки под курсором */
|
||
--color-selection: #164e8d; /* выделение текста */
|
||
|
||
/* --- Текст --- */
|
||
--color-text: #dfe1e3;
|
||
--color-text-secondary: #8a8e91; /* статус-полоса, подписи */
|
||
--color-text-muted: #707479; /* номера строк, третьестепенное */
|
||
|
||
/* --- Цвет означает состояние и больше ничего (промт §4.2) --- */
|
||
--color-accent: #746deb; /* единственный акцент: фокус ввода */
|
||
--color-danger: #b82e45;
|
||
--color-note: #2964ad; /* полоска замечания-заметки (antigravity_chat.png) */
|
||
--color-hint: #3c7d4f; /* полоска замечания-подсказки */
|
||
--color-scrollbar-thumb: #353739;
|
||
|
||
/* --- Геометрия (CSS-пиксели; снимок референса сделан при 2x) --- */
|
||
--gap: 8px; /* промежуток между панелями и поле оболочки — замер: 16 физ. без исключений */
|
||
--radius-panel: 6px; /* угол выходит на прямую за 12 физ. */
|
||
--radius-control: 6px;
|
||
--topbar-height: 28px;
|
||
--statusbar-height: 20px;
|
||
--panel-header-height: 26px;
|
||
--panel-padding: 6px;
|
||
--panel-side-width: 320px; /* замер: боковые панели 8‥328 и 952‥1272 при вьюпорте 1280 */
|
||
--row-height: 26px; /* шаг строки дерева и таблицы */
|
||
--row-fill-inset: 1px; /* подложка выбранной строки 24px при шаге 26 */
|
||
|
||
/* --- Шкала отступов --- */
|
||
--space-1: 2px;
|
||
--space-2: 4px;
|
||
--space-3: 6px;
|
||
--space-4: 8px;
|
||
--space-5: 12px;
|
||
--space-6: 16px;
|
||
|
||
/* --- Типографика; кегли подобраны по высоте глифов, померить их больше негде --- */
|
||
--font-ui: 'Inter Variable', system-ui, sans-serif;
|
||
--font-mono: 'JetBrains Mono Variable', ui-monospace, monospace;
|
||
|
||
/* CJK отдаём системному стеку; lang на элементе приходит из данных пары */
|
||
--font-cjk:
|
||
'Noto Sans CJK SC', 'Source Han Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
|
||
--font-size-ui: 13px;
|
||
--font-size-small: 12px;
|
||
--font-size-content: 13px;
|
||
--line-height-ui: 18px;
|
||
--line-height-content: 21px;
|
||
}
|