Greasy Fork is available in English.

Brave Search Catppuccin Theme (Userscript)

Soothing pastel theme for Brave Search (Catppuccin)

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

Tekijä
hiyun1137
Päivittäiset asennukset
0
Asennuskerrat
1
Arvostelut
0 0 0
Versio
2026.01.15
Luotu
10.4.2026
Päivitetty
10.4.2026
Size
28 kt
Lisenssi
MIT
Käytössä

Brave Search Catppuccin Theme (Userscript)

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.

✨ Features

  • Full Catppuccin Integration: Applies the official Catppuccin palettes (Latte, Frappe, Macchiato, Mocha) to Brave Search.
  • Custom Accent Color: Choose any of the 14 Catppuccin accent colors to highlight links, buttons, toggles, and AI features.
  • Native Light & Dark Support: Works seamlessly with Brave Search's native theme toggler or your system preferences. You can assign different Catppuccin flavors for Light Mode and Dark Mode!
  • SVG Theming: Dynamically recolors the Brave logo, loading animations, and background wave vectors to perfectly match your chosen palette.
  • Highly Customizable: Easily change the theme flavors and accent color directly within the userscript's configuration section.

🎨 Configuration (How to Customize)

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).

1. Select Flavors (Light & Dark)

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';

2. Select Accent Color

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.

⚙️ Installation Instructions

  1. Install a Userscript Manager: If you don't have one, install a manager like Tampermonkey (Chrome/Firefox/Edge) or Violentmonkey (Firefox/Chrome).
  2. Install the Script:
    • Click the "Install" button on this Greasy Fork page.
    • Your userscript manager will open a new tab prompting you to confirm the installation. Click "Install" again.
  3. Reload Brave Search: Go to Brave Search (https://search.brave.com/) and refresh the page (Ctrl+R or Cmd+R).

The Catppuccin theme should now be applied to your search interface.

📝 Compatibility & Credits

  • Compatibility: Tested successfully on Brave Search desktop and mobile web views. Bypasses strict CSPs by compiling CSS and SVGs directly within the script.
  • License: MIT
  • Author: Catppuccin (Converted for Userscript environments)
  • Source Code: The color definitions and original CSS variables are derived directly from the official Catppuccin userstyles project.
  • Dependency: Requires @grant GM_addStyle for injecting styles, which is supported by all modern userscript managers.