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

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

Скачать ZIP
meeting srcstylestokens.css
anc Простой путь: записать → расшифровать → получить результат - Главная: «Записать» (или аудиофайл перетаскиванием) и записи со статусом. Боковая панель и «Новая заметка» убраны. - Экран записи: шаги «Аудио → Расшифровка → Результат», на экране только текущий шаг и одна главная кнопка. - Результаты вкладками: «Расшифровка», «Конспект», «Задачи», «Ревью», «Свой запрос»; копировать, как текст, править, сделать заново, удалить. Повтор команды заменяет раздел, а не дописывает второй. - Задача #9: без ключа кнопки ведут к подключению ИИ; у расшифровки и ответа ИИ — прогресс и «Отменить» (CancellationToken в ядре); идущая запись видна меткой в шапке на любом экране. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> e75bd24 30 сентября 2026 г.
96 строк 3.2 КБ
История Исходник Скачать
tokens.css
/* Токены стиля — копия системы skillok.org
   (src/web-backend/crates/web/templates/base.html и ui.html в репозитории Skillok).
   Правила те же: новых цветов не заводить, кегль только из шкалы --text-*,
   пол 12px, углы квадратные, 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);
  --color-error: #C81E1E;

  color-scheme: light;
}

/* Тёмная палитра — как на skillok.org: чернила и бумага меняются местами. */
@media (prefers-color-scheme: dark) {
  :root {
    --background: #121212;
    --kv-ink: #F2F2F0;
    --kv-body: #D6D6D2;
    --kv-line: rgba(242, 242, 240, 0.14);
    --kv-line-2: rgba(242, 242, 240, 0.07);
    --color-text-secondary: #A0A09C;
    --color-accent-text: #E08A6B;
    --color-bg-secondary: #1C1C1C;
    --color-bg-elevated: #242424;
    --color-border-light: rgba(242, 242, 240, 0.32);
    --color-bg-hover: rgba(255, 255, 255, 0.06);
    --color-error: #F87171;
    color-scheme: dark;
  }
}