Base16 Everything

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.

### Additional Tips

Don't forget to sync your system light/dark mode.
If this parameter is not configured correctly, you may notice glitches when switching themes — inconsistent colors, partial theme reloads, or web pages that don't match the rest of your environment.

Most modern Linux desktops rely on gsettings to define the preferred color scheme. On GNOME-based systems, toggling between light and dark modes can be done with a simple command:

```bash
gsettings set org.gnome.desktop.interface color-scheme prefer-light
# or
gsettings set org.gnome.desktop.interface color-scheme prefer-dark
```

This value acts as a global signal for GTK applications. When set correctly, GTK-based software automatically adapts its appearance to match the selected mode.

If you're building an automated workflow — where themes switch during the day or at night — this setting becomes essential. It ensures GTK applications respond consistently to theme changes.

## 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