Base16 Everything

Convert any website to base16 color schemes with smooth transitions

Base16 Everything Transform every website to match your color scheme. Base16 Everything is a browser extension that remaps website colors to any base16/base24 (https://github.com/tinted-theming/home) palette in real time. Your browser finally matches your terminal, editor, and desktop. ## How it works 1. Install the extension 2. Pick a color scheme (or let it sync from your system) 3. Every website is instantly recolored to your palette Color mapping is powered by Rust compiled to WebAssembly — it runs entirely in the browser with no external requests. ## Features ### Free tier — no account needed: - Two built-in themes (Gruvbox Light Hard + Google Dark) - Automatic light/dark mode switching based on system preference - WASM-powered color mapping with smooth transitions - Per-page activation toggle ### Premium ($8 one-time purchase): - 200+ color schemes from tinted-theming/schemes (https://github.com/tinted-theming/schemes) - Search and download any tinted-theming scheme directly from the popup - Native config sync — read your palette from `~/.config/base16-everything/config.yaml` - Lifetime updates, use on up to 3 devices ## System theme sync with tinty Premium users can sync their browser theme with their system using tinty (https://github.com/tinted-theming/tinty). When you run `tinty apply`, your terminal, editor, desktop, and browser all switch together. This works through tinted-web (https://github.com/mat-his/tinted-web), a tinted-theming adapter that ships 184 pre-built base24 themes. ### Setup 1. Clone the Base16 Everything's repository: ```bash git clone https://github.com/mat-his/base16_everything_home.git cd base16_everything_home ``` 2. Install the native messaging host (native-host/) so the extension can read your local config: ```bash cd native-host ./install.sh <your-extension-id> ``` To find your extension ID: 1. Open chrome://extensions 2. Find 'Base16 Everything' 3. Copy the ID (looks like: mlmhenlobfodphglalpgjpinfidhcbio) 3. Add tinted-web to your tinty config (`~/.config/tinted-theming/tinty/config.toml`): ```toml [[items]] name = "base16-everything" path = "https://github.com/mat-his/tinted-web" themes-dir = "themes" supported-systems = ["base24"] hook = "cp $TINTY_THEME_FILE_PATH ~/.config/base16-everything/config.yaml" ``` 4. Sync and apply: ```bash tinty install tinty apply base24-gruvbox-dark ``` The extension picks up the new palette on the next page load. No restart needed. ## Account management After purchasing a license, you can manage your account at https://base16everything.com/devices. Log in with your email to: - View and revoke registered devices - Reveal your license key You can also access this from the extension popup via **Settings > Manage Devices**. ## Links - Website & Pricing: https://base16everything.com - tinted-web adapter: https://github.com/mat-his/tinted-web — tinty integration with 184 pre-built themes - tinted-theming: https://github.com/tinted-theming/home — the base16/base24 ecosystem ## License MIT LICENSE