Skip to content

Translucent blur for overlay backgrounds in Discord.

License

Notifications You must be signed in to change notification settings

MiniDiscordThemes/Frostcord

 
 

Repository files navigation

Frostcord Discord Theme

Buy me a coffee on ko-fi BetterDiscord GitHub downloads Replugged GitHub downloads Total repository size

Translucent blur for overlay backgrounds.

User popout Thread browser
Screenshot of user popout with Frostcord Screenshot of thread browser with Frostcord

Installation

  1. Download Frostcord.theme.css:
  2. Place the file in the themes folder:
    • Settings > BetterDiscord > Themes > Open Themes Folder
  3. Toggle on the theme card.

Automatic

  1. Click to install:

Manual

  1. Download net.saltssaumure.Frostcord.asar:
  2. Place the file in the themes folder:
    • Settings > Replugged > Themes > Open Themes Folder
  3. Click Load Missing Themes and toggle on the theme card.

Local

  1. Download Frostcord.theme.css:
  2. Place the file in the themes folder:
    • Settings > Vencord > Themes > Local Themes > Open Themes Folder
  3. Click Load missing Themes and toggle on the theme card.

Online

  1. Paste the link in Settings > Vencord > Themes > Online Themes:
    • https://minidiscordthemes.github.io/Frostcord/Frostcord.theme.css

Customisation

Description Variable name Valid values Default value
Blur distance --frostcord-blur Any length. 16px
Opacity --frostcord-opacity Any percentage. 80%

BetterDiscord

  1. Open Settings > BetterDiscord > Themes.
  2. Click the pencil icon on this theme.
  3. Edit the variable values and save changes.

Replugged

  1. Enable Automatically Apply Quick CSS in Settings > Replugged > General.
  2. Open Settings > Replugged > Quick CSS.
  3. Copy and paste lines 15-19 of Frostcord.theme.css.
  4. Edit the variable values and save.

Vencord

Local

  1. Open Themes Folder in Settings > Vencord > Themes > Local Themes
  2. Open Frostcord.theme.css with your favourite text editor.
  3. Edit the variable values and save.

Online

  1. Enable Custom CSS in Settings > Vencord > Vencord and click Open QuickCSS File.
  2. Copy and paste lines 15-19 of Frostcord.theme.css.
  3. Edit the variable values.

License

MIT License

Includes

Questions or suggestions?