userstyles icon indicating copy to clipboard operation
userstyles copied to clipboard

๐Ÿ–Œ Soothing pastel userstyles

Logo
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

  1. Enable CSP Patching from Stylus's Settings > Advanced.
  2. Install userstyles by clicking the Stylus Install badge in each README.
  3. 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.

  1. Open the Stylus "Manage" page.
  2. Click on the userstyle's name in the list.
  3. Click on Style settings in the left panel.
  4. 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 with https://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
  • Google
  • 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
  • Instagram
  • LinkedIn
  • ๐Ÿšง Mastodon
  • Nitter
  • Phanpy
  • Pronouns.page
  • Snapchat Web
  • Twitter
  • 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