/* ============================================================================ Тема gtsERP: aura-soft ---------------------------------------------------------------------------- Та же геометрия и та же логика, что у aura, но акцент — приглушённый зелёный экрана расчёта, каким он был до перевода на токены (01.09.2026). Значения сняты не на глаз, а из версии gsRaschet/src/App.vue до коммита dff3afd (`git show dff3afd^:src/App.vue`): заливка кнопок #4E9A79 hover #3F8768 активная вкладка #46755F подчёркивание #69B08C фон страницы #F4F6F5 карточка #FFFFFF, рамка #D9E1DF шапка таблицы #E0E8E4 разделители #6C6C6C, внешняя рамка #000 выбранная строка #CFDED6 под курсором #B6D0C4 обводка поля #D2DBD7 в фокусе #8EB8A4 сайдбар #1E293B текст белый Разница с aura — только насыщенность акцента: #4E9A79 против emerald #10B981. Всё остальное (радиусы, шкала поверхностей, роли токенов) устроено одинаково, чтобы две темы можно было честно сравнить переключателем на одном и том же экране. Файл темы — данные, а не код: он не участвует в сборке PVTables. Объявляются только приватные пары --_x-l / --_x-d плюс шрифт и радиусы. Публичные --gts-* собирает §3 в PVTables/src/theme/gts-tokens.css. ========================================================================= */ /* --- шрифт темы ---------------------------------------------------------- Inter — тот же, что стоял на расчёте до перевода (@import с Google Fonts, который мы убрали ради полутора секунд на цепочке запросов). Файлы лежат рядом, в fonts/, и раздаются с нашего сервера. ---------------------------------------------------------------------- */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('fonts/inter-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('fonts/inter-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } [data-gts-theme="aura-soft"] { --gts-theme-name: "aura-soft"; --gts-font: "Inter", "Segoe UI", system-ui, sans-serif; --gts-font-head: "Inter", "Segoe UI", system-ui, sans-serif; /* Типографика «как было до 01.09». Базовый кегль не трогаем: `html { font-size: 13px }` стоял в PVTables и раньше — он не менялся. А вот насыщенность уехала: подписи кнопок были 600, вкладки 700, после перевода на пресет стали 500 и 600. Текст от этого читается тоньше и мельче, хотя размер тот же. */ --gts-weight-med: 600; --gts-weight-head: 700; /* Карточка на расчёте была скруглена на 14, кнопки на 10, таблица на 12. Три разных радиуса на одном экране читались как небрежность, поэтому крупный радиус один — 12, между прежними значениями. */ --gts-radius-s: 4px; --gts-radius: 6px; --gts-radius-l: 12px; --gts-radius-btn: 10px; /* у кнопок в макете было именно 10, поля остаются на 8 */ /* Акцент — прежний зелёный расчёта. Тёмные подобраны в той же семье: осветлённый тон того же оттенка, чтобы схемы читались как одна тема. */ --_accent-l: #4E9A79; --_accent-d: #6FBF9B; --_hover-l: #3F8768; --_hover-d: #86CEAD; --_active-l: #46755F; --_active-d: #A4DCC3; --_soft-l: #E4F0EA; --_soft-d: #10251C; --_contrast-l: #FFFFFF; --_contrast-d: #08130E; /* Поверхности: фон страницы и карточка — как были на расчёте, остальные ступени достроены в ту же сторону (зеленовато-серые, не холодные). */ --_bg-l: #F4F6F5; --_bg-d: #0A0F0C; --_surface-l: #FFFFFF; --_surface-d: #141A17; --_surface2-l: #F7F9F8; --_surface2-d: #19211C; --_surface3-l: #EDF1EF; --_surface3-d: #1F2923; --_line-l: #D9E1DF; --_line-d: #26312B; --_lineStr-l: #C3CFC9; --_lineStr-d: #37453D; /* Текст — из макета: основной #32414E, подписи полей #6B7987, подсказки #7F8B97. */ --_ink-l: #32414E; --_ink-d: #E3EAE6; --_ink2-l: #6B7987; --_ink2-d: #A2B0A9; --_ink3-l: #7F8B97; --_ink3-d: #6E7C75; --_inkInv-l: #FFFFFF; --_inkInv-d: #0A0F0C; --_ring-l: rgba(78, 154, 121, .28); --_ring-d: rgba(111, 191, 155, .32); /* Обводка чекбокса — почти чёрная, как было в макете: коробка 2 px на светлой форме должна читаться, светло-серая рамка её теряет. */ --_cbBorder-l: #333333; --_cbBorder-d: #A9B6AF; /* Рамки полей ввода — дословно из gsRaschetUI.vue до перевода. */ --_fBorder-l: #D2DBD7; --_fBorder-d: #2C3A33; --_fFocus-l: #8EB8A4; --_fFocus-d: #7FB79E; --_fRO-l: #D0D5DD; --_fRO-d: #364440; --_fRing-l: 0 0 0 3px rgba(78, 154, 121, .08); --_fRing-d: 0 0 0 3px rgba(126, 183, 158, .14); /* Хром таблицы — ровно то, что стояло у Артемьева: чёрная внешняя рамка, серые разделители, зеленовато-серая шапка. Это и есть та таблица, к которой привыкли в расчёте. Тёмные подобраны — их там не было. */ --gts-table-radius: 12px; --_tBorder-l: #000000; --_tBorder-d: #46534C; --_tCellBorder-l: #6C6C6C; --_tCellBorder-d: #36423B; --_tHeadBg-l: #E0E8E4; --_tHeadBg-d: #1F2923; --_tHeadInk-l: #566673; --_tHeadInk-d: #A6B4AC; --_tHeadBorder-l: #000000; --_tHeadBorder-d: #46534C; --_tHover-l: #EAEDF0; --_tHover-d: #1D2620; --_tSel-l: #CFDED6; --_tSel-d: #22362C; --_tSelHover-l: #B6D0C4; --_tSelHover-d: #2B4437; --_tEmptyHover-l: #F5FAF5; --_tEmptyHover-d: #171E1A; /* Боковая панель — тёмная и в светлой схеме: такой она и была на расчёте (bg-[#1E293B] с белыми иконками). Тёмный рельс при светлом контенте — решение темы, а не недосмотр: панель не спорит с таблицей за внимание. */ --_sideBg-l: #1E293B; --_sideBg-d: #131A16; --_sideInk-l: #FFFFFF; --_sideInk-d: #C6D4CC; /* Статус «готов» в светлой схеме — тот же зелёный, что был в макете. Семантика статусов обычно живёт в схеме, а не в теме, но здесь тема осознанно её уточняет: на расчёте этот фон видят каждый день. */ --gts-row-hit: #E4F0EA; } /* Кружок в меню выбора. */ .gts-ts-dot--aura-soft { background: #4E9A79; } [data-gts-scheme="dark"] .gts-ts-dot--aura-soft { background: #6FBF9B; }