ochenstarik/hermes-hub
1
0
Fork 0
Code Issues Pull requests Projects Releases 13 Packages Wiki Activity Actions

fix(web): тему Medium нельзя было выбрать, хотя она полностью реализована

Browse source 
Брендбук требует три темы, причём Medium — отдельная, а не осветлённая Dark:
тёмно-зелёный холст #1A2A1F со светлыми кремовыми карточками #F7F1E3.

В style.css она описана целиком и отрисовывается верно — проверено
подстановкой data-theme вручную. Но в список выбора не попала, а applyTheme
знал только light и dark, поэтому любое другое значение сбрасывало тему в
системную. Выбрать Medium было невозможно.

После правки все три переключаются:

    dark    фон #101510   карточки #1A2A1F
    medium  фон #1A2A1F   карточки #F7F1E3
    light   фон #F7F1E3   карточки белые

Цвета совпадают с палитрой брендбука. 486 passed, ruff чисто.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Hermes Team 2026-08-31 01:45:26 +07:00
parent 6e6d912a50
commit 0ed8fc0a29
2 changed files with 20 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/antigravity_provider/router/web/static/app.js
View file

@ -1814,13 +1814,19 @@ function formatIsoDate(isoStr) {
// ── THEME SWITCHER ──
function applyTheme(theme) {
if (theme === 'light') {
document.body.setAttribute('data-theme', 'light');
document.body.classList.add('theme-light');
} else if (theme === 'dark') {
document.body.setAttribute('data-theme', 'dark');
document.body.classList.remove('theme-light');
// Тем три, а не две.
//
// Medium была полностью описана в style.css, но здесь не обрабатывалась и в
// список выбора не попадала — выбрать её было нельзя. По брендбуку это
// отдельная тема, а не осветлённая Dark: тёмно-зелёный холст #1A2A1F со
// светлыми кремовыми карточками #F7F1E3. Проверено подстановкой атрибута
// вручную — отрисовывается верно и отличается от Dark и фоном, и карточками.
const known = ['light', 'medium', 'dark'];
if (known.includes(theme)) {
document.body.setAttribute('data-theme', theme);
document.body.classList.toggle('theme-light', theme === 'light');
} else {
// Системная: отдаём выбор prefers-color-scheme.
document.body.removeAttribute('data-theme');
document.body.classList.remove('theme-light');
}

8
src/antigravity_provider/router/web/static/index.html
View file

@ -445,6 +445,14 @@
<select id="setting-theme" class="select-filter">
<option value="system">Системная (по умолчанию)</option>
<option value="dark">Тёмная (Dark)</option>
<!-- Medium была полностью реализована в style.css, но в этот
список не попала, и выбрать её было нельзя. Брендбук
требует три темы, причём Medium — отдельная, а не
осветлённая Dark: тёмно-зелёный холст #1A2A1F со
светлыми кремовыми карточками #F7F1E3. Проверено
подстановкой data-theme вручную: тема отрисовывается
верно и отличается от Dark и по фону, и по карточкам. -->
<option value="medium">Средняя (Medium)</option>
<option value="light">Светлая (Light)</option>
</select>
</div>