37 lines
1.9 KiB
HTML
37 lines
1.9 KiB
HTML
<h2>Terminal Theme — Redesign Direction</h2>
|
|
<p class="subtitle">The current theme is functional but sparse: green-on-black, square borders, blinking cursor. Which direction feels right?</p>
|
|
|
|
<div class="options">
|
|
<div class="option" data-choice="crt" onclick="toggleSelect(this)">
|
|
<div class="letter">A</div>
|
|
<div class="content">
|
|
<h3>CRT Phosphor Glow</h3>
|
|
<p>Keep the green palette but push the retro CRT aesthetic much further — stronger scanlines, phosphor bloom on text, vignette darkening at corners, subtle screen curvature illusion. Very nostalgic, visually rich.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="option" data-choice="bios" onclick="toggleSelect(this)">
|
|
<div class="letter">B</div>
|
|
<div class="content">
|
|
<h3>Retro BIOS / DOS Amber</h3>
|
|
<p>Shift the palette from green to amber/orange (#ffb000) — the classic monochrome phosphor of early PCs. Or go full IBM-BIOS blue (dark blue bg, bright white text, cyan highlights). A completely different retro personality.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="option" data-choice="modern" onclick="toggleSelect(this)">
|
|
<div class="letter">C</div>
|
|
<div class="content">
|
|
<h3>Modern Terminal (Dracula / Catppuccin)</h3>
|
|
<p>Inspired by popular terminal themes (Dracula, Catppuccin Mocha, One Dark). Multiple accent colors, not just green — purple, cyan, pink, yellow all used. Clean, developer-aesthetic, but rich with color. Less "retro", more "everyday dev tool".</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="option" data-choice="matrix" onclick="toggleSelect(this)">
|
|
<div class="letter">D</div>
|
|
<div class="content">
|
|
<h3>Matrix / Hacker Aesthetic</h3>
|
|
<p>Stay green but add drama — cascading character rain animation in the background (subtle, faint), stronger glow effects, maybe ASCII art borders on cards. Very cinematic, very "movie hacker screen".</p>
|
|
</div>
|
|
</div>
|
|
</div>
|