/discordppuccin

🎮 Soothing pastel theme for Discord

Primary LanguageSCSSMIT LicenseMIT

Logo
Discordppuccin

Catppuccin Discord but with like a lot of other themes

Theme Code (lt is Light Mode, dt is Dark Mode)
Atom atom-lt, atom-dt
Catppuccin latte, frappe, macchiato, mocha, cappuccino
Chadpuccin (Tobbi my beloved) chadpuccin
Coffee (Dark) coffee
Everforest everforest-lt, everforest-dt
Gruvbox (dark) gruvbox-lt, gruvbox-dt
Kangawa (Dark) kangawa
Nord nord-dt, nord-2-dt
Gruvbox gruvbox-lt, gruvbox-dt
Rosebox (Dark) rosebox
Rosé Pine rosepine-lt, rosepine-dt
Sandy Beaches (Light) sandy-beaches
Solarized solarized-dt

Cool Stuff

Cool Vencord Spotify Thingy

Kanged from Comfy

image

Usage

BetterDiscord

  1. Download your preferred flavour:
  1. Copy the downloaded file to your BetterDiscord themes folder.
  2. Enable the theme in BetterDiscord settings.

Clients/Mods with custom CSS support

  1. Simply add your preferred flavour into your discord clients CustomCSS file/editor.
/* latte */
@import url("https://anubisnekhet.github.io/discordppuccin/dist/catppuccin-latte.theme.css");
/* frappe */
@import url("https://anubisnekhet.github.io/discordppuccin/dist/catppuccin-frappe.theme.css");
/* macchiato */
@import url("https://anubisnekhet.github.io/discordppuccin/dist/catppuccin-macchiato.theme.css");
/* mocha */
@import url("https://anubisnekhet.github.io/discordppuccin/dist/catppuccin-mocha.theme.css");

/* You can also append Catppuccin colors to customize the accent, e.g. */
/* mocha (pink accent)*/
@import url("https://anubisnekhet.github.io/discordppuccin/dist/catppuccin-mocha-pink.theme.css");
/* frappe (maroon accent) */
@import url("https://anubisnekhet.github.io/discordppuccin/dist/catppuccin-frappe-maroon.theme.css");

DiscoCSS

  1. Follow the instructions from DiscoCSS to install DiscoCSS.
  2. Use your preferred flavour as your DiscoCSS custom.css
# latte
curl -L https://anubisnekhet.github.io/discordppuccin/dist/catppuccin-latte.theme.css > ~/.config/discocss/custom.css
# frappe
curl -L https://anubisnekhet.github.io/discordppuccin/dist/catppuccin-frappe.theme.css > ~/.config/discocss/custom.css
# macchiato
curl -L https://anubisnekhet.github.io/discordppuccin/dist/catppuccin-macchiato.theme.css > ~/.config/discocss/custom.css
# mocha
curl -L https://anubisnekhet.github.io/discordppuccin/dist/catppuccin-mocha.theme.css > ~/.config/discocss/custom.css

# You can also append Catppuccin colors to customize the accent, e.g.
# mocha (pink accent)
curl -L https://anubisnekhet.github.io/discordppuccin/dist/catppuccin-mocha-pink.theme.css > ~/.config/discocss/custom.css
# frappe (maroon accent)
curl -L https://anubisnekhet.github.io/discordppuccin/dist/catppuccin-frappe-maroon.theme.css > ~/.config/discocss/custom.css

Stylus

  1. Enable CSP Patching from Stylus Settings > Advanced.
  2. Click here to install.
  3. Choose your preferred flavour and accent color from the Stylus preference dropdown.

🙋 FAQ

  • Q: "Can this get my account banned?"
  • A: Using third party clients and injecting custom css is against the ToS. While nobody has ever been banned for simply using discord client mods, We are not responsible for anything that might happen to your account by using third party clients. Use at your own discretion!

💝 Thanks to

 

Copyright © 2021-present Catppuccin Org