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

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

Скачать ZIP
meeting srcstylestokens.css
anc Интерфейс как у MacWhisper в стиле Skillok, только светлая тема - Слева библиотека записей: «Записать», «Добавить аудиофайл», список, «Настройки» внизу; пока идёт запись — метка с таймером вместо кнопки. - Экран записи: сверху название и «Копировать», расшифровка по репликам (время — кто — текст), под ней полоса «Дальше» с Конспектом, Задачами, Ревью и своим запросом. Шаги-«лесенка» убраны. - Ход расшифровки — крупный процент и полоса. - Тёмная тема убрана, окно Tauri всегда светлое. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> 43a49bd 30 сентября 2026 г.
79 строк 2.7 КБ
История Исходник Скачать
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;
}

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