userstyles
userstyles copied to clipboard
๐ Soothing pastel userstyles

Catppuccin Userstyles
Install ยท Contributing ยท Userstyles
This repository is a curated collection of customized themes designed for various websites and web applications. These themes showcase delightful pastel colors, creating a soothing and visually pleasing experience when browsing the web.
Userstyles are essentially modified CSS files which can be applied to a specific website, giving it a unique and appealing aesthetic in line with Catppuccin's color palette.
ย
๐ฅ๏ธ Install
Install Stylus for your browser by clicking one of the badges below.
[!TIP] If you use Chrome, make sure to enable "Allow access to file URLs" in the Stylus extension settings.
All Userstyles (recommended)
See instructions on the GitHub release page.
Individual Userstyles
- Enable CSP Patching from Stylus's Settings > Advanced.
- Install userstyles by clicking the Stylus Install badge in each README.
- Enjoy!
Usage
All usertyles come with three default configuration options; the light flavor, the dark flavor, and the accent color. Some userstyles may offer additional site-specific options as well.
Decentralized/self-hosted applications
For decentralized or self-hosted applications, you can apply a theme to one or multiple instances across updates by following the instructions below.
- Open the Stylus "Manage" page.
- Click on the userstyle's name in the list.
- Click on Style settings in the left panel.
- Enter the URL patterns for your instance(s) in the text box labeled Custom included sites. For example, to apply a userstyle to
example.org
, you would add a line withhttps://example.org/*
to the textbox. The trailing asterisk applies it to all pages on the domain - without it, only the root page is themed.
ย
๐ Contributing
[!NOTE] If you would like to submit a userstyle or learn how to port Catppuccin to a website, please refer to userstyle-creation.md.
See CONTRIBUTING.md.
ย
๐ Userstyles
[!IMPORTANT] Userstyles labeled with the "๐ง" emoji are looking for maintainers, and may not work as intended. Contributions are still welcome and encouraged. If you would like to become a maintainer, follow the instructions outlined in "Adding yourself as a maintainer."
๐ญ Development Tools
- boringproxy
- Codeberg
- crates.io
- docs.rs
- freedesktop.org
- GitHub
- go.dev
- Graphite
- Hackage
- Home Manager Options Search
- Hoppscotch
- Keyoxide
- MDN
- npm
- Ollama
- paste.rs
- PyPI
- Stack Overflow
- Trinket
- Vercel, Next.js
- web.dev
๐งฉ Browser Extensions
- Shinigami Eyes
- Stylus
๐ Search Engines
- Brave Search
- DuckDuckGo
- Ecosia
- NixOS Search
- SearXNG
- ๐ง Startpage
๐บ๏ธ Translation Tools
- Crowdin
- DeepL
- ichi.moe
- Lingva
๐ง Wikis
- ๐ง Arch Wiki
- mdBook
- ๐ง NixOS Wiki
- Wikipedia
- Wikiwand
๐ธ Photo & Video
- Google Photos
- ๐ง Pinterest
๐ต Music
- Hyperpipe
- Last.fm
- ListenBrainz
- Spotify Web
๐ Productivity
- Amplenote
- cobalt
- Google Drive
- homepage
- inoreader
- Microsoft Word
- openmediavault
- Porkbun
- Proton
- Raindrop
- Syncthing
- tldraw
- Vikunja
๐ Email Clients
- Gmail
- Migadu Webmail
- Tuta
๐ Education
- ๐ง Canvas LMS
- Formative
- Quizlet
โจ Social Networking
- Bluesky Social
- Cinny
- Elk
- ๐ง Mastodon
- Nitter
- Phanpy
- Pronouns.page
- Snapchat Web
- WhatsApp Web
๐ฃ๏ธ Discussion Forums
- Hacker News
- Lemmy
- ๐ง Libreddit, Redlib
- ๐ง Reddit
- TabNews
๐ Entertainment
- AniList, AniChart
- ChatReplay
- Holodex
- ๐ง Invidious
- Picrew
- ๐ง Substack
- Twitch
- YouTube
๐ฎ Games
- Advent Of Code
- bStats
- ๐ง Chess.com
- Lichess
- Minesweeper Online
- Modrinth
- Planet Minecraft
๐ค Artificial Intelligence
- ChatGPT
- Google Gemini
- InvokeAI
- Perplexity
ย
Copyright ยฉ 2021-present Catppuccin Org