Theme Guide

Fabrk includes 12 carefully crafted retro-inspired themes. Each theme is WCAG 2.2 AA compliant with pre-validated contrast ratios.

Classic terminal green phosphor. Best for developer tools and technical products.

• Aesthetic: Authentic CRT monitor feel
• Best for: Developer tools, CLI apps, tech products
• Mood: Technical, retro, focused

Warm amber monochrome. Creates a cozy, vintage atmosphere.

• Aesthetic: Early IBM PC, warm CRT glow
• Best for: Productivity apps, note-taking, documentation
• Mood: Warm, nostalgic, comfortable

Cool phosphor blue. Professional and trustworthy feel.

• Aesthetic: Early text terminals, professional
• Best for: SaaS products, business tools, dashboards
• Mood: Professional, calm, trustworthy

Alert red CRT. High-impact and attention-grabbing.

• Aesthetic: Warning systems, high-alert terminals
• Best for: Security tools, monitoring, alerts
• Mood: Urgent, bold, intense

Creative purple/magenta. Playful and modern.

• Aesthetic: Cyberpunk, synthwave
• Best for: Creative tools, design apps, games
• Mood: Creative, modern, expressive

Classic Game Boy pea soup green LCD. Iconic nostalgic feel.

• Era: 1989 Nintendo Game Boy
• Best for: Games, playful apps, retro products
• Mood: Playful, nostalgic, fun

Commodore 64 blue. The iconic home computer aesthetic.

• Era: 1982 Commodore 64
• Best for: Retro computing, education, demos
• Mood: Nostalgic, educational, classic

Game Boy Pocket grayscale. Clean and minimalist.

• Era: 1996 Game Boy Pocket
• Best for: Minimalist products, focused UIs
• Mood: Clean, focused, subtle

VIC-20 cyan terminal. Early home computing vibes.

• Era: 1980 Commodore VIC-20
• Best for: Educational tools, tutorials
• Mood: Friendly, accessible, retro

Atari 800 blue. Classic arcade aesthetic.

• Era: 1979 Atari 8-bit family
• Best for: Gaming, entertainment, interactive
• Mood: Fun, energetic, playful

ZX Spectrum black/white. British computing heritage.

• Era: 1982 Sinclair ZX Spectrum
• Best for: Text-heavy apps, documentation
• Mood: Clean, high-contrast, readable

Paper-like black and white. Maximum readability and accessibility.

• Aesthetic: E-ink, print, minimal
• Best for: Documentation, reading, accessibility
• Mood: Clean, professional, focused

1. 1. Edit src/design-system/providers/ThemeProvider.tsx:82
2. 2. Change defaultColorTheme = 'green' to your choice
3. 3. Restart dev server

Users can switch themes via the theme dropdown in the navigation. Theme preference is persisted in localStorage.