digitalCanine's Universal Colorscheme di digitalCanine

Transform every website to match your terminal color scheme. Universal Colorscheme lets you apply your personalized colors across the entire web, creating a consistent visual experience that matches your development environment.

Key Features

Complete Color Customization
- Background and foreground colors
- Link colors (normal, visited, hover states)
- Four customizable accent colors
- Live preview as you customize
- Persistent settings across Firefox sessions

Terminal-Inspired Design
Built for developers and terminal enthusiasts who want their browser to match their workspace:
- Apply your favorite terminal theme to all websites
- Consistent aesthetic across your entire workflow
- Reduce eye strain with your preferred color palette

Per-Site Control
Some sites don't play well with custom colors? No problem:
- One-click site blocking/unblocking
- Blocked sites retain their original styling
- Perfect for complex web apps and media-heavy sites

Sync Everywhere
Your color preferences automatically sync across all your Firefox installations through Firefox Sync.

Perfect Partner for Dark Reader
For the ultimate experience, combine with Dark Reader:
1. Dark Reader forces dark mode on all sites
2. Universal Colorscheme applies your custom colors
3. Enjoy a perfectly themed browsing experience

How It Works

Universal Colorscheme intelligently applies CSS overrides to websites, targeting:
- Page backgrounds and text
- Links and navigation
- Form inputs and textareas
- Code blocks and syntax highlighting
- Tables, blockquotes, and content areas
- Scrollbars and text selection

Non-Invasive by Design
The extension preserves:
- Buttons and UI widgets
- Video players and media elements
- Icons and logos
- Inline styles (to maintain site functionality)

Default Color Scheme

Comes with a warm, terminal-inspired palette:

Background: #141414
Foreground: #feffd3
Link: #afb979
Visited Link: #b4be7b
Accent 1: #c06c43
Accent 2: #c2a86c
Accent 3: #778284
Accent 4: #444649


Get Started

Basic Setup:
1. Install the extension
2. Click the extension icon in your toolbar
3. Customize your colors using the color pickers or hex inputs
4. Click "Save & Apply"
5. All pages reload with your colorscheme

Recommended Setup (Best Results):
1. Install Dark Reader from Firefox Add-ons
2. Enable Dark Reader to force dark mode on all sites
3. Use Universal Colorscheme to apply your custom terminal colors
4. Enjoy a perfectly themed browsing experience!

Blocking Sites:
If a site doesn't render well:
1. Navigate to the problematic site
2. Click the extension icon
3. Click "Block/Unblock This Site"
4. The page reloads with original styling

Best Use Cases

Perfect for:
- Text-heavy sites (documentation, blogs, articles, wikis)
- Code repositories and technical documentation
- Reading and research
- Matching your terminal's color scheme

May need blocking:
- Complex web applications
- Video streaming platforms
- Image-heavy social media
- Sites with custom dark modes

Privacy Guaranteed

• ✅ NO data collection
• ✅ NO tracking or analytics
• ✅ NO external server communication
• ✅ Colors stored locally only
• ✅ Open source and transparent

All settings stay on your device and sync only through Firefox Sync if you have it enabled.

Popular Terminal Themes

While you can use any colors you want, here are some popular terminal themes you might want to recreate:

Gruvbox Dark:
- Background: #282828
- Foreground: #ebdbb2
- Links: #b8bb26

Nord:
- Background: #2e3440
- Foreground: #eceff4
- Links: #88c0d0

Dracula:
- Background: #282a36
- Foreground: #f8f8f2
- Links: #8be9fd

Catppuccin Mocha:
- Background: #1e1e2e
- Foreground: #cdd6f4
- Links: #89b4fa

Pro Tips

• Use with Dark Reader for sites that don't have dark modes
• Block sites with custom dark themes to avoid conflicts
• Export your color scheme (coming soon!) to share with others
• Adjust accent colors for better readability on specific sites

Roadmap

Upcoming features we're working on:
- Import/export color schemes
- Preset terminal themes (Gruvbox, Nord, Dracula, Catppuccin)
- Per-site custom colors
- Advanced CSS customization options
- System theme integration
- Color scheme marketplace