Getting Started
Installation
Solstice is a Chrome extension available on the Chrome Web Store:
- Visit the Solstice listing on the Chrome Web Store
- Click Add to Chrome
- Confirm the installation when prompted
After installation, click the Solstice icon in your browser toolbar to open the popup.
How It Works
Solstice applies dark mode to websites using one of three strategies, chosen automatically based on what works best for each site:
- Native — Forces the site’s own dark theme via
color-scheme: dark. Used when the site already supports dark mode natively. - Filter — Applies CSS
invert(1) hue-rotate(180deg)to flip colors, then un-inverts images and videos. The universal fallback for most sites. - Override — Blanket CSS overrides on common HTML elements. Last resort for sites that don’t respond to other methods.
Solstice detects which strategy to use by analyzing the page for native dark mode support signals.
Choosing a Mode
By default, Solstice runs in Everywhere mode — dark mode applies to all sites, and you exclude ones that don’t need it. You can switch to Allowlist mode if you prefer to manually add sites.
To change the mode, click the settings icon in the popup to open the Options page.
Quick Start
- Navigate to any website
- Click the Solstice icon in the toolbar
- Toggle dark mode on for the current site
- Adjust brightness, contrast, or sepia if needed
Your per-site settings are saved automatically and persist across sessions.
The Popup
The popup shows the current site’s hostname and a toggle to enable or disable dark mode. When dark mode is active, an Adjust section expands with:
- Mode selector — Auto, Native, Filter, or Override
- Brightness — 80% to 120% (default 100%)
- Contrast — 80% to 120% (default 100%)
- Sepia — 0% to 100% (default 0%)
- Reset button to return to defaults