Zhanna11/sdelay-sayt-tsifrovoy-pomosc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

readability: darker muted text, neutral hover/active, softer blue, 15px base

Browse Source
This commit is contained in:
Zhanna11 2026-09-25 10:06:27 +00:00
parent 80d6d28033
commit c380e180d8
1 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
index.html
View File

@ -18,8 +18,23 @@
.shell-topbar-burger { display: none; } .shell-topbar-burger { display: none; }
@media (max-width: 831.98px) { .shell-topbar-burger { display: inline-flex; } } @media (max-width: 831.98px) { .shell-topbar-burger { display: inline-flex; } }
/* Читаемость: у КД-токенов нет своих тёмных значений, поэтому
вторичный текст держим темнее дефолта, а базовый кегль поднимаем. */
.kt-ai-app { font-size: 15px; }
.kt-ai-app, .kt-ai-shell, .kt-ai-drawer {
--kt-ai-fg-muted: color-mix(in srgb, var(--kt-ai-fg) 68%, var(--kt-ai-bg-soft));
--kt-ai-fg-faint: color-mix(in srgb, var(--kt-ai-fg) 48%, var(--kt-ai-bg-soft));
--kt-ai-primary-subtle: color-mix(in srgb, var(--kt-ai-primary) 14%, var(--kt-ai-bg-elevated));
}
.kt-ai-banner { background: var(--kt-ai-status-info-bg); color: var(--kt-ai-status-info-fg); }
.kt-ai-banner[data-tone="ok"] { background: var(--kt-ai-status-ok-bg); color: var(--kt-ai-status-ok-fg); }
.kt-ai-status-pill[data-status="muted"] { background: var(--kt-ai-chip-gray-bg); color: var(--kt-ai-chip-gray-fg); }
.kt-ai-status-pill[data-status="warn"] { background: var(--kt-ai-chip-orange-bg); color: var(--kt-ai-chip-orange-fg); }
.kt-ai-status-pill[data-status="ok"] { background: var(--kt-ai-chip-green-bg); color: var(--kt-ai-chip-green-fg); }
.kt-ai-empty .icon-spot { background: var(--kt-ai-primary-subtle); color: var(--kt-ai-link); }
.sb-top { display: flex; align-items: center; gap: var(--kt-ai-space-3); padding: 2px 4px 12px; } .sb-top { display: flex; align-items: center; gap: var(--kt-ai-space-3); padding: 2px 4px 12px; }
.sb-top .sb-orb { width: 28px; height: 28px; border-radius: var(--kt-ai-radius-xl); background: var(--kt-ai-ai-orb); flex-shrink: 0; } .sb-top .sb-orb { width: 28px; height: 28px; border-radius: var(--kt-ai-radius-xl); background: color-mix(in srgb, var(--kt-ai-primary) 70%, var(--kt-ai-bg-elevated)); flex-shrink: 0; }
.sb-top .nm { font-weight: var(--kt-ai-weight-semibold); font-size: var(--kt-ai-text-sm); color: var(--kt-ai-fg); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; } .sb-top .nm { font-weight: var(--kt-ai-weight-semibold); font-size: var(--kt-ai-text-sm); color: var(--kt-ai-fg); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; }
.sb-top .nm small { display: block; font-weight: var(--kt-ai-weight-regular); font-size: var(--kt-ai-text-2xs); color: var(--kt-ai-fg-muted); } .sb-top .nm small { display: block; font-weight: var(--kt-ai-weight-regular); font-size: var(--kt-ai-text-2xs); color: var(--kt-ai-fg-muted); }
.sb-new { margin: 0 4px var(--kt-ai-space-5); } .sb-new { margin: 0 4px var(--kt-ai-space-5); }
@ -48,7 +63,7 @@
.sec-head .spacer { flex: 1; } .sec-head .spacer { flex: 1; }
.doc-card { display: flex; flex-direction: column; gap: var(--kt-ai-space-4); cursor: pointer; } .doc-card { display: flex; flex-direction: column; gap: var(--kt-ai-space-4); cursor: pointer; }
.doc-card .doc-ic { width: 34px; height: 34px; display: grid; place-items: center; border-radius: var(--kt-ai-radius-lg); background: var(--kt-ai-primary-subtle); color: var(--kt-ai-primary); } .doc-card .doc-ic { width: 34px; height: 34px; display: grid; place-items: center; border-radius: var(--kt-ai-radius-lg); background: var(--kt-ai-primary-subtle); color: var(--kt-ai-link); }
.doc-card h3 { margin: 0; font-size: var(--kt-ai-text-md); font-weight: var(--kt-ai-weight-semibold); } .doc-card h3 { margin: 0; font-size: var(--kt-ai-text-md); font-weight: var(--kt-ai-weight-semibold); }
.doc-card p { margin: 0; font-size: var(--kt-ai-text-xs); color: var(--kt-ai-fg-muted); flex: 1; } .doc-card p { margin: 0; font-size: var(--kt-ai-text-xs); color: var(--kt-ai-fg-muted); flex: 1; }
.doc-card .doc-open { font-size: var(--kt-ai-text-xs); color: var(--kt-ai-link); display: inline-flex; align-items: center; gap: var(--kt-ai-space-2); } .doc-card .doc-open { font-size: var(--kt-ai-text-xs); color: var(--kt-ai-link); display: inline-flex; align-items: center; gap: var(--kt-ai-space-2); }