b9f42df1b9
* it's almost 4 am * it is past 4:20 am * quick fixes * attempted dark sidebar, more refactoring * no more oop hell, add fourm icons, speaking border * fix: header, unhoverable tooltip svgs * fix: header, code, premium membership
Catppuccin for Discord
Previews
🌻 Latte
🪴 Frappé
🌺 Macchiato
🌿 Mocha
Usage
BetterDiscord
- Download your preferred flavour:
- Copy the downloaded file to your BetterDiscord themes folder.
- Enable the theme in BetterDiscord settings.
Clients/Mods with custom CSS support
- Simply add your preferred flavour into
Discord > Settings > Custom CSS
/* latte */
@import url("https://catppuccin.github.io/discord/dist/catppuccin-latte.theme.css");
/* frappe */
@import url("https://catppuccin.github.io/discord/dist/catppuccin-frappe.theme.css");
/* macchiato */
@import url("https://catppuccin.github.io/discord/dist/catppuccin-macchiato.theme.css");
/* mocha */
@import url("https://catppuccin.github.io/discord/dist/catppuccin-mocha.theme.css");
DiscoCSS
- Follow the instructions from DiscoCSS to install DiscoCSS.
- Use your preferred flavour as your DiscoCSS
custom.css
# latte
curl -L https://catppuccin.github.io/discord/dist/catppuccin-latte.theme.css > ~/.config/discocss/custom.css
# frappe
curl -L https://catppuccin.github.io/discord/dist/catppuccin-frappe.theme.css > ~/.config/discocss/custom.css
# macchiato
curl -L https://catppuccin.github.io/discord/dist/catppuccin-macchiato.theme.css > ~/.config/discocss/custom.css
# mocha
curl -L https://catppuccin.github.io/discord/dist/catppuccin-mocha.theme.css> ~/.config/discocss/custom.css
Stylus
- Download the
discord.user.css - Choose your preferred flavour and options 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. 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
