anc
Интерфейс по руководству «Стиль Skillok»; одни часы записи на весь экран
По skillok/skillok-develop design/SKILLOK_STYLE.md:
- кнопки и поля — --radius-control 2px; поля — --field-bg, 9/11, 13px,
фокус терракотой внутрь; неактивная кнопка — 0,5; .ui-danger; мишени
44px под пальцем;
- подписи полей — 12px капс с разрядкой; карточки без заливки,
отступы 14–16px; вкладки 32px без жирного; моноширинный — только код,
числа — tabular-nums; тень — только у сообщения;
- значки — icons.ts (SVG 16, контур 1,5) вместо «★ ▶ ❚❚ ✕»;
- обращение на «ты» в интерфейсе и сообщениях ядра; сняты пояснения
«как пользоваться»; блок проверки звука — .audio-check (не пересекается
с галочкой .check).
Светлая тема остаётся единственной — решение владельца для Meet
(руководство просит обе темы).
Шапка и меню показывают время по записанному звуку, как панель записи.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
955f445
4 октября 2026 г.
ui.css
/* Компоненты — по руководству «Стиль Skillok» (skillok/skillok-develop,
design/SKILLOK_STYLE.md): одна контурная кнопка, ряд вкладок с
подчёркиванием, поля, залитые на тон темнее страницы, строки списка.
Скругление 2px — только у кнопок и полей; карточки, бейджи, вкладки — прямые. */
}
}
}
}
}
}
}
}
}
}
/* Моноширинный — только код. Время и числа — тем же шрифтом с ровными цифрами. */
}
}
/* ── Кнопка: одна, контурная (как «Войти» в шапке skillok.org) ── */
}
}
}
}
}
}
}
}
/* Опасное действие — тот же контур цветом ошибки. */
}
}
/* Под пальцем — мишень не меньше 44 × 44. */
{
}
}
/* ── Ряд вкладок ── */
}
}
}
}
}
}
/* ── Поля ── */
}
/* Подпись поля (.ui-head): 12px, капс, разрядка, вторичный цвет. */
}
}
}
}
}
}
{
}
}
}
}
}
/* ── Рамка-блок и список ── */
/* Карточка: рамка 1px, своей заливки нет — бумага страницы; шапка на подложке. */
}
}
}
}
}
}
}
}
}
}
}
}
}