Skip to content

MiniDiscordThemes/Snippets

Repository files navigation

Snippets

Total repository size

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

Catalogue

Working snippets

Status: working

Click to view snippet gallery
Snippet Preview
Alt Text Improvements preview
Avatar Decoration Checkmark preview preview preview preview
Billboard preview
Channel List Width preview preview
Clippy Status preview preview
Efficient Settings preview
Forum Improvements preview preview
Image Link preview
Message Bar Grey Emoji preview
Minimal Auth Apps preview
Minimal Searchbar preview
Mode Indicator preview
Mod Title preview preview preview preview
Pill VC preview
Privacy Screen preview
Profile Banner Height preview preview preview preview preview preview
Role Tint preview preview preview
Settings As Overlay preview
Show Original Link preview
Split Message Bars preview
Unread Shake preview

Moved snippets

Status: moved

Discontinued snippets

Status: obsolete

Usage

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

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.
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.
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?