feat(ui): acid edition — kill light theme, crank dark to 1000 µg - #18
Merged
Conversation
Removes the Solarized Light theme entirely (~90 lines of CSS deleted — body.theme-light cascade gutted; toggle button kept but no-op). Dark mode is now the only mode, on heroic-dose visuals. Visual changes (docs/index.html only — no JSON/build changes): - Palette shift: bg #030303 → #03000a (near-black, violet undertone). Matrix-green core preserved (#00ff88), accents added: magenta #ff00ff, cyan #00ffff, yellow #fffb00, pink #ff1493, violet #b266ff, orange #ff6a00. - 6 keyframe animations layered on top: · acid-flow — drifting magenta/cyan/violet radial gradients on body bg (22 s) · acid-mandala — rotating repeating-conic-gradient mandala overlay (90 s) · acid-jitter — chromatic-aberration text-shadow flicker on titles (700 ms steps) · acid-pulse-border — rainbow border cycle on cards/buttons/inputs (5 s) · acid-breathe — subtle scale 1.000↔1.015 on result cards (4 s) · acid-hue — full hue-rotate(0→360deg) on links (8 s) - CRT scanlines kept, mix-blend-mode upgraded to 'screen', RGB shimmer intensified. - Custom scrollbar: vertical magenta→cyan→yellow→green gradient. - Type badges (matrix/table/flowchart/calculator/checklist/text) each get their own neon glow color. Bigger touch targets: - #header height 42 → 56 px, logo and stats bumped accordingly. - .section-btn 14×22 padding, min-height 46, font 0.95rem. - .header-btn / .toolbar-btn / .back-btn / .fav-chip / .flow-option / .content-tag all enlarged proportionally with consistent 6 px border-radius. - .search-bar font 1.2rem, wrap padding 18×24. - Mobile (<768 px) scaled down but still ≥44 px tap target. Glitch toggle: - Floating FAB bottom-right: '▓ glitch: ON' ↔ '░ glitch: OFF'. - State persists in localStorage key 'psych_glitch'. - Hotkey Shift+G (ignored when focus is in input/textarea). - body.no-glitch class kills all 6 animations via animation:none, keeps static neon borders + glow so the page still reads as 'alive' but doesn't flicker — accessibility/migraine fallback. No data changes; build.py output (database.js) untouched.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Что меняется
docs/index.html— только UI. JSON вcategories/иdatabase.jsне трогаются.Палитра / тема
body.theme-lightкаскад). Кнопка переключения осталась, но клик ничего не делает — light режима больше нет.#030303 → #03000a(почти чёрный с violet-подтоном).#00ff88), добавлены акценты: magenta, cyan, yellow, pink, violet, orange.Анимации (6 keyframes)
acid-flowacid-mandalarepeating-conic-gradientмандала поверхacid-jittertext-shadowна заголовкахsteps(5)acid-pulse-borderacid-breatheacid-huehue-rotate(0→360deg)на ссылкахCRT scanlines усилены, добавлен
mix-blend-mode: screen. Скроллбар стал градиентным (magenta→cyan→yellow→green). Бэйджи типов (matrix/table/flowchart/calculator/checklist/text) светятся каждый своим неоном.Размеры кнопок (touch-friendly)
.section-btn: padding14px 22px, min-height 46, font 0.95rem..header-btn/.toolbar-btn/.back-btn/.fav-chip/.flow-option/.content-tagувеличены..search-barfont 1.2rem, wrap padding 18×24.Тумблер глитча
▓ glitch: ON↔░ glitch: OFF.localStorage['psych_glitch'].body.no-glitchглушит все анимации черезanimation: none, но оставляет статичные неон-рамки и glow — чтобы страница всё ещё была живой, но без мерцания (accessibility/migraine fallback).Test plan
python3 build.py --strictпроходит (CSS only, не должен сломать).