Snippets

CSS snippets for use by Discord client mod users and theme developers.

Catalogue

Working snippets

Click to view snippet gallery

Snippet	Preview
Alt Text Improvements
Avatar Decoration Checkmark
Billboard
Channel List Width
Clippy Status
DiscordReimagined
Efficient Settings
Image Link
Message Bar Grey Emoji
Minimal Auth Apps
Minimal Searchbar
Mode Indicator
Mod Title
Pill VC
Role Tint
Settings As Overlay
Show Original Link
Split Message Bars
Unread Shake

Moved snippets

• Minimal Addon Cards → MiniDiscordThemes/MinimalAddonCards

Discontinued snippets

• Hide AKA

Usage

See each snippet's README for the import, Replugged install link, Vencord online theme link, and customisation options.

BetterDiscord

1. Open Settings > BetterDiscord > Custom CSS.
2. Add the @import to the top of your Custom CSS file.
3. Add any :root customisation options to the end of your Custom CSS file.

Replugged

Automatic theme

1. Click the Replugged install link.
2. Open Settings > Replugged > Quick CSS.
3. Add any :root customisation options to the end of your Quick CSS file.

Manual theme

1. Download the .asar from latest release.
2. Place the .asar in your Replugged themes folder.
   • Settings > Replugged > Themes > Open Themes Folder
3. Click Load Missing Themes and toggle on the theme card.
4. Open Settings > Replugged > Quick CSS.
5. Add any :root customisation options to the end of your Quick CSS file.

Quick CSS

1. Open Settings > Replugged > Quick CSS.
2. Add the @import to the top of your Quick CSS file.
3. Add any :root customisation options to the end of your Quick CSS file.

Vencord / Vesktop

Online theme

1. Add the Vencord online theme link to your Online Themes.
   • Settings > Vencord > Themes > Online Themes
2. Enable Custom CSS in Settings > Vencord > Vencord.
3. Click Open QuickCSS File.
4. Add any :root customisation options to the end of your QuickCSS file.

QuickCSS

1. Enable Custom CSS in Settings > Vencord > Vencord.
2. Click Open QuickCSS File.
3. Add the @import to the top of your QuickCSS file.
4. Add any :root customisation options to the end of your QuickCSS file.

Contributing

See CONTRIBUTING.md.

License

MIT License

• TL;DR;NAL: Do whatever you want with these snippets, just include the original license.

Credits

Avatar Decoration Checkmark

• sass-fairy by roydukkey - MIT License

DiscordReimagined

• Discord Re-imagined (Concept) by Concept Central
• HorizontalServerList by Gibbu - MIT License

Questions or suggestions?

• Post an issue on GitHub.
• Post in #theme-support on my support server.