██╗ ██╗ ██╗ ███████╗ ██████╗ ███████╗ ███████╗ ██║ ██║ ██║ ██╔════╝ ██╔════╝ ██╔════╝ ██╔════╝ ██║ ██║ ██║ ███████╗ ██║ ███████╗ ███████╗ ╚██╗ ██╔╝ ██║ ╚════██║ ██║ ╚════██║ ╚════██║ ╚████╔╝ ██║ ███████║ ╚██████╗ ███████║ ███████║ ╚═══╝ ╚═╝ ╚══════╝ ╚═════╝ ╚══════╝ ╚══════╝
Not a dark mode toggle. Dark is the only mode. Designed from ground zero for low-light environments and focused work.
JetBrains Mono as the foundation. Every spacing decision, every alignment, built for fixed-width typography.
The beauty of the command line — restrained, information-dense, quietly powerful. No rounded corners, no gradients, no noise.
One CSS file. No build step. No JavaScript required. Drop it in and everything works.
CRT scanlines, signal noise, neon glow — all available in vis-effects.css, all completely optional.
CSS custom properties for colors, spacing, typography. Override :root and the entire theme reshapes.
One line. No build tools, no config files, no package managers required.
Production-ready UI components. Every element respects the dark terminal aesthetic.
Optional atmosphere layer. CRT scanlines, signal noise, neon glow, reveal animations, and more. All controlled via CSS variables.
.vfx-crt
toggle via panel ↘
.vfx-noise
toggle via panel ↘
.vfx-glow
VISCSS
.vfx-grid-circuit
.vfx-grid-blueprint
.vfx-grid-matrix
.vfx-grid-ledger
.vfx-text-gradient
FLOWING COLORS
.vfx-divider-*
One class on <html> to set the mood.
Override :root to reshape the entire framework.
| Variable | Default | Purpose |
|---|---|---|
| --bg-base | #181818 | Page background |
| --bg-surface | #111 | Card / panel |
| --text-primary | #ddd | Headings |
| --text-body | #888 | Body text |
| --text-muted | #666 | Secondary info |
| --accent-cyan | #7ec8e3 | Interactive accent |
| --accent-yellow | #eab308 | Highlight / active |
| --accent-red | #ef4444 | Danger / error |
| --border-base | #333 | Standard border |
| --font-mono | 'JetBrains Mono', 'Menlo', 'Consolas', monospace | |