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
Efficient Settings
Forum Improvements
Image Link
Message Bar Grey Emoji
Minimal Auth Apps
Minimal Searchbar
Mode Indicator
Mod Title
Pill VC
Privacy Screen
Profile Banner Height
Role Tint
Settings As Overlay
Show Original Link
Split Message Bars
Unread Shake

Moved snippets

• Discord Reimagined → MiniDiscordThemes/DiscordReimagined
• 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

Click to expand

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

Click to expand

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

Click to expand

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

This collection of snippets is licensed under the MIT license.

Credits

See each snippet's README for credits.

Questions or suggestions?

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