skillok meeting
955f445c6196281d40574259b51317a618aa5376
Ветки
main по умолчанию
Перейти к файлу
Код

Как склонировать, отправить изменения и войти токеном или ключом — в документации

Скачать ZIP
meeting srcstylestokens.css
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 г.
84 строки 3.0 КБ
История Исходник Скачать
tokens.css
/* Токены стиля — копия системы skillok.org
   (src/web-backend/crates/web/templates/base.html и ui.html в репозитории Skillok).
   Правила — руководство «Стиль Skillok» (skillok/skillok-develop,
   design/SKILLOK_STYLE.md): новых цветов не заводить, кегль только из шкалы
   --text-*, пол 12px, скругление 2px только у кнопок и полей, JetBrains Mono —
   только для кода. */

@font-face {
  font-family: 'iA Writer Quattro S';
  font-style: normal;
  font-weight: 100 600;
  font-display: swap;
  src: url('../fonts/iAWriterQuattroS-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'iA Writer Quattro S';
  font-style: italic;
  font-weight: 100 600;
  font-display: swap;
  src: url('../fonts/iAWriterQuattroS-Italic.woff2') format('woff2');
}
@font-face {
  font-family: 'iA Writer Quattro S';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/iAWriterQuattroS-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/JetBrainsMono-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/JetBrainsMono-Bold.woff2') format('woff2');
}

:root {
  --font-ui: 'iA Writer Quattro S', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  --text-xs: 12px;   /* мета, подписи полей, значки */
  --text-sm: 13px;   /* вторичный текст, кнопки, вкладки */
  --text-md: 14px;   /* основной текст экрана */
  --text-lg: 16px;   /* крупный абзац, подзаголовок */
  --text-xl: 18px;
  --text-2xl: 20px;
  --text-3xl: 24px;  /* заголовок экрана */
  --text-4xl: 28px;
  --text-5xl: 32px;
  --text-6xl: 40px;  /* таймер записи */

  --background: #F4F4F2;
  --kv-ink: #0A0A0A;
  --kv-body: #2A2A2A;
  --kv-muted: #8B8B8B;
  --kv-line: rgba(10, 10, 10, 0.12);
  --kv-line-2: rgba(10, 10, 10, 0.06);

  --color-text-primary: var(--kv-ink);
  --color-text-secondary: #666666;
  --color-border: var(--kv-line);
  --color-border-light: rgba(10, 10, 10, 0.32);
  --color-accent-text: #8C4531;
  --color-accent: #A6533C;
  --color-on-accent: #FFFFFF;
  --color-bg-secondary: #EBEBE8;
  --color-bg-elevated: #FAFAF8;
  --color-bg-hover: rgba(10, 10, 10, 0.06);
  /* Поле залито на тон темнее страницы, как у GitHub; скругление — только кнопкам и полям. */
  --field-bg: var(--color-bg-secondary);
  --radius-control: 2px;
  --color-error: #C81E1E;

  color-scheme: light;
}

/* Тема одна — светлая (решение владельца 01.10.2026): тёмной нет. */