<h3 align="center"> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png" width="100" alt="Logo"/><br/> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/> Catppuccin Userstyles <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/> </h3> <h6 align="center"> <a href="#%EF%B8%8F-install">Install</a> ยท <a href="#-contributing">Contributing</a> ยท <a href="#-userstyles">Userstyles</a> </h6> <p align="center"> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/palette/macchiato.png" width="400" /> </p> <p align="center"> <a href="https://github.com/catppuccin/userstyles/stargazers"> <img alt="Stargazers" src="https://img.shields.io/github/stars/catppuccin/userstyles?style=for-the-badge&logo=starship&color=C9CBFF&logoColor=D9E0EE&labelColor=302D41"></a> <a href="https://http.cat/404"> <img alt="Discussions" src="https://img.shields.io/badge/Discussions-disabled-D9E0EE?style=for-the-badge&color=F2CDCD&labelColor=302D41&logo=data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+Q2F0cHB1Y2NpbjwvdGl0bGU+PHBhdGggZD0iTTEyIDBBMTIgMTIgMCAwIDAgMCAxMmExMiAxMiAwIDAgMCA2LjMwMyAxMC40NzVjLjA1NC0uMzA5LjU1Ni0zLjE3Ny44MDItMy42NDEgMCAwLTUuOTQ0LTIuNzM1LTEuOTcyLTkuODYzIDAgMC0uOTUtMy43MjUtLjE3NC00LjQwMy43NzYtLjY3NyAzLjM4My45MjcgMy45MzYgMS42MTIgMCAwIDIuMDg0LS45ODMgNS4zNjUtLjIzIDAgMCAyLjI5Mi0yLjI4MSAzLjIxMy0xLjg4NC45Mi4zOTguNzIyIDMuNzAyLjYxOSAzLjk2IDAgMCA1LjYzIDUuMjMyLTEuMjQ2IDEwLjQzNyAwIDAgLjQ3NSAzLjA1OC40MzEgNC4xMjNBMTIgMTIgMCAwIDAgMjQgMTIgMTIgMTIgMCAwIDAgMTIgMFptNC4wMyA5LjFjLS44ODQgMC0xLjYuNjEtMS42IDEuMzYgMCAuMDMzIDAgLjA2NS4wMDQuMDk3YS4xNDguMTQ4IDAgMCAwIC4yNjQuMDgyYy4zMDUtLjM4Ljc5Ny0uNzEzIDEuMzUzLS43MTMuNTIgMCAuOTg1LjI5NyAxLjI5My42NDQuMDQ1LjA1MS4xMTcuMDcuMTgxLjA0NWEuMTY0LjE2NCAwIDAgMCAuMTA2LS4xNTRjMC0uNzUtLjcxOC0xLjM2MS0xLjYwMi0xLjM2MXptLTUuMjA2LjEyM2MtMS4wMSAwLTEuODMuNzExLTEuODMgMS41ODYgMCAuMDYuMDA0LjExOC4wMTIuMTc3YS4xNDcuMTQ3IDAgMCAwIC4yNjQuMDczYy4zNDYtLjQ0Ni45MjQtLjgxNSAxLjU3OC0uODE1LjU5IDAgMS4xMi4zMDcgMS40Ny42OTRhLjE5NC4xOTQgMCAwIDAgLjMzNi0uMTNjMC0uODc0LS44Mi0xLjU4NS0xLjgzLTEuNTg1em0yLjkzIDIuNTAyYy0uMDE0IDAtLjAyNS4wMS0uMDI1LjAyM3YuMDAybC4wMDEuMDAyLjAwMi0uMDAyYy4wMDUtLjAwNi4wMTUtLjAxLjAyNC0uMDEuMDA4IDAgLjAxNC4wMDUuMDIuMDFoLjAwM3YtLjAwMmMwLS4wMTItLjAxMS0uMDIzLS4wMjUtLjAyM3ptMS4yMjUuMjQ2LTEuODAxLjE2YS4xMDcuMTA3IDAgMCAwLS4wNTUuMTkzbDEuMDQxLjc2OGEuMTguMTggMCAwIDAgLjI0NC0uMDNsLjcwNS0uODMyYS4xNTguMTU4IDAgMCAwLS4xMzUtLjI2em0uOTIgMS4zMzRjLS41MDQuODY2LTEuNDU4LjI3LTEuNDU4LjI3LS42NzQgMS4wNzktMS45MTYuMzEyLTEuOTE2LjMxMi43NjggMS40NjUgMi4wMTIuMzYzIDIuMDEyLjM2MyAxLjMyNS4zNzcgMS4zNjEtLjk0NSAxLjM2MS0uOTQ1em0tMy4zODcgNS40NDFjLS40NTggMS4zODEuMzE4IDIuMjU0LjMxOCAyLjI1NC43MTYuMDAyIDEuMzYxLS44ODUgMS4zNjEtLjg4NS4xLjExMS45MDguNDA5IDEuMDcuNDE2LjE2My4wMDguMjQ2LTEuNi0uMDgxLTEuNzA3LS4zMjctLjEwNi0xLjA1Ny42NDctMS4wNTcuNjQ3LS4zOC0uMzkzLTEuNjExLS43MjUtMS42MTEtLjcyNXoiIGZpbGw9IiNjZGQ2ZjQiLz48L3N2Zz4K"/></a> <a href="https://github.com/catppuccin/userstyles/issues"> <img alt="Issues" src="https://img.shields.io/github/issues/catppuccin/userstyles?style=for-the-badge&logo=gitbook&color=B5E8E0&logoColor=D9E0EE&labelColor=302D41"></a> </p> <p align="center"> 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. </p> <p align="center"> <strong>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.</strong> </p> ## ๐ฅ๏ธ Install To install these userstyles: 1. Install [Stylus](https://github.com/openstyles/stylus) - [Firefox](https://addons.mozilla.org/en-GB/firefox/addon/styl-us/)/[Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne) extension. 2. Enable CSP Patching from `Stylus Settings` > `Advanced`. 3. Install the theme: - `https://github.com/catppuccin/userstyles/raw/main/styles/<name>/catppuccin.user.css` - Replacing `<name>` with the name of the userstyle. 4. Enjoy! ## ๐ Contributing > **Note** <br> > If you would like to submit a userstyle or learn how to port Catppuccin to a website, please refer to the [userstyle-creation.md](docs/userstyle-creation.md). See [CONTRIBUTING.md](docs/CONTRIBUTING.md) ## ๐ Userstyles <!-- AUTOGEN:USERSTYLES START --> <!-- the following section is auto-generated, do not edit --> <details open> <summary>๐ญ Development tools</summary> - [paste.rs](styles/paste.rs) - [Vercel](styles/vercel) </details> <details open> <summary>๐ Search Engines</summary> - [Brave Search](styles/brave-search) - [Ecosia](styles/ecosia) - [NixOS Search](styles/nixos-search) - [SearXNG](styles/searxng) </details> <details open> <summary>๐ฌ Messaging</summary> - [Cinny](styles/cinny) - [WhatsApp Web](styles/whatsapp-web) </details> <details open> <summary>๐๏ธ Productivity</summary> - [Canvas LMS](styles/canvas-lms) - [ChatGPT](styles/chatgpt) - [Codeberg](styles/codeberg) - [Crowdin](styles/crowdin) - [DeepL](styles/deepl) - [GitHub](styles/github) - [homepage](styles/homepage) - [ichi.moe](styles/ichi.moe) - [InvokeAI](styles/invokeai) - [Proton](styles/proton) - [Quizlet](styles/quizlet) - [Tutanota](styles/tutanota) - [WikiWand](styles/wikiwand) </details> <details open> <summary>โจ Social</summary> - [Elk](styles/elk) - [Hacker News](styles/hacker-news) - [Invidious](styles/invidious) - [Libreddit](styles/libreddit) - [Mastodon](styles/mastodon) - [Nitter](styles/nitter) - [Reddit](styles/reddit) - [Substack](styles/substack) - [Twitch](styles/twitch) - [YouTube](styles/youtube) </details> <details open> <summary>๐ Leisure</summary> - [AniList, AniChart](styles/anilist) - [ChatReplay](styles/chatreplay) - [Last.fm](styles/lastfm) </details> <details open> <summary>๐ฎ Games</summary> - [Advent Of Code](styles/advent-of-code) - [Chess.com](styles/chess.com) - [Modrinth](styles/modrinth) </details> <!-- AUTOGEN:USERSTYLES END --> <p align="center"><img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true" /></p> <p align="center">Copyright © 2021-present <a href="https://github.com/catppuccin" target="_blank">Catppuccin Org</a>