Soothing pastel theme for Brave Search (Catppuccin)
A beautiful, soothing, and highly customizable theme for Brave Search, bringing the aesthetic harmony of the Catppuccin color palette directly into your search engine experience.
This userscript dynamically generates CSS based on your chosen Catppuccin flavors and accent color. It fully themes the search results, settings, backgrounds, and even replaces the native SVG logos and wave patterns to ensure a consistent and pleasing visual experience.
The configuration is located at the top of the userscript source code. You can edit these values using your userscript manager's editor (e.g., Tampermonkey, Violentmonkey).
Choose your preferred base palettes for both light and dark modes:
| Option | Description |
|---|---|
'latte' |
The bright, warm, and airy Catppuccin flavor (Default for Light). |
'frappe' |
A balanced, slightly muted, and comfortable dark flavor. |
'macchiato' |
A slightly richer, deeper, but still pastel dark flavor. |
'mocha' |
The darker, high-contrast, and deep dark flavor (Default for Dark). |
Example:
const lightFlavor = 'latte';
const darkFlavor = 'mocha';
Choose the highlight color for selected items, links, buttons, and active elements:
| Option | Color | Option | Color |
|---|---|---|---|
'rosewater' |
Soft Pink | 'peach' |
Orange |
'flamingo' |
Coral | 'yellow' |
Gold |
'pink' |
Magenta | 'green' |
Emerald |
'mauve' |
Purple (Default) | 'teal' |
Cyan/Teal |
'red' |
Red | 'sky' |
Bright Blue |
'maroon' |
Dark Red | 'lavender' |
Light Purple |
'subtext0' |
Muted Gray/Blue | 'blue' |
Standard Blue |
Example:
const accentColorName = 'mauve';
Note: After changing the configuration values, save the userscript and reload Brave Search for the changes to take effect.
https://search.brave.com/) and refresh the page (Ctrl+R or Cmd+R).The Catppuccin theme should now be applied to your search interface.
@grant GM_addStyle for injecting styles, which is supported by all modern userscript managers.