>skeehn

Theme Gallery

7 themes, each with a distinct personality. Click any card to apply it site-wide and see the entire page transform.

Activedefault
DefaultActive
Buttonbadgeaccent
> sample card content
placeholder text...

Clean light theme with subtle dither textures. The starting point for most projects.

Bayer dither overlays, neutral palette, balanced contrast

DarkClick to apply
Buttonbadgeaccent
> sample card content
placeholder text...

Deep dark mode with CRT scanline overlay and phosphor-green accents.

Scanline pseudo-element, reduced opacity dithering, dark surfaces

TerminalClick to apply
Buttonbadgeaccent
> sample card content
placeholder text...

Full green-on-black terminal aesthetic. Every element looks like it belongs in a VT100.

Monospace everything, green phosphor colors, blinking cursor accents

BrutalClick to apply
Buttonbadgeaccent
> sample card content
placeholder text...

High contrast black and white with thick borders and aggressive typography.

No border-radius, heavy borders, stark black/white, offset shadows

PrintClick to apply
Buttonbadgeaccent
> sample card content
placeholder text...

Newspaper-inspired with halftone dot patterns and serif typography vibes.

Halftone dither pattern, warm paper background, ink-black text

GrainClick to apply
Buttonbadgeaccent
> sample card content
placeholder text...

Film grain overlay with muted, desaturated tones. Analog photography feel.

Noise texture overlay, desaturated palette, soft contrast

Mardi GrasClick to apply
Buttonbadgeaccent
> sample card content
placeholder text...

Vibrant purple, gold, and green inspired by New Orleans carnival culture.

Rich jewel tones, gold accents, festive energy, NOLA spirit

Usage

// Import a theme CSS file:
@import "@skeehn/core/themes/terminal.css";

// Or apply dynamically with a data attribute:
<html data-theme="terminal">