2023-09-13 12:00:31 +00:00

150 lines
6.6 KiB
Markdown

<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>
&nbsp;
## 🖥️ 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!
&nbsp;
## 👐 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)
&nbsp;
## 🖌 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>
- [boringproxy](styles/boringproxy)
- [Canvas LMS](styles/canvas-lms)
- [ChatGPT](styles/chatgpt)
- [Codeberg](styles/codeberg)
- [Crowdin](styles/crowdin)
- [DeepL](styles/deepl)
- [Formative](styles/formative)
- [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)
- [Libreddit](styles/libreddit)
- [Mastodon](styles/mastodon)
- [Nitter](styles/nitter)
- [Reddit](styles/reddit)
- [Substack](styles/substack)
</details>
<details open>
<summary>🌈 Leisure</summary>
- [AniList, AniChart](styles/anilist)
- [ChatReplay](styles/chatreplay)
- [Invidious](styles/invidious)
- [Last.fm](styles/lastfm)
- [Twitch](styles/twitch)
- [YouTube](styles/youtube)
</details>
<details open>
<summary>🎮 Games</summary>
- [Advent Of Code](styles/advent-of-code)
- [bStats](styles/bstats)
- [Chess.com](styles/chess.com)
- [Modrinth](styles/modrinth)
</details>
<!-- AUTOGEN:USERSTYLES END -->
&nbsp;
<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 &copy; 2021-present <a href="https://github.com/catppuccin" target="_blank">Catppuccin Org</a>