Skip to content

Themes for Discord to be used with Vencord or BetterDiscord

License

Notifications You must be signed in to change notification settings

LeafyLuigi/discord-themes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

0d79514 · Feb 12, 2025
Feb 12, 2025
Sep 19, 2024
Jan 22, 2025
Jan 17, 2025
Dec 27, 2024
Oct 17, 2023
Dec 27, 2024
Feb 28, 2023
Jan 30, 2025
Jan 19, 2025
Dec 8, 2022

Repository files navigation

Discord Themes

This repo is for where I put the (mini) themes I make for Discord.

"Whitney" file taken from Overimagine1's old-discord-font repo, linked below.

An addon for Pyrite, "Horizontal Server List", used DiscordStyles/HorizontalServerList as a base and has since stopped using their @import.

Contributors:

LeafyLuigi
Pyrite

Big Thanks:

Overimagine1
"Whitney" file

As well as those who contributed to the DiscordStyles/HorizontalServerList Repo.

Building from scratch:

I use Linux and as such the package.json syntax needs to be adjusted if you use Windows.

The wording in this section is very poor.

The class list is a large SCSS map with the ability to call sub-maps (ie #{c(foo bar baz)} calls $classes: (foo:( bar: ("baz": "className")))) if any (sub)^n-sub-maps are defined.

Within the package.json file, you'll find some bash commands. It's a mess and needs updating like finding a way to make them all work without manually adding (or removing) a command (or 5) to the file per theme. To add to this, follow what's already there and add to copyClasses, test and build. You'll also need to add the following folder to the theme you want to add: $themeName/source/classes as the cp command may not make a directory should it doesn't exist. The _classes.scss file could probably be renamed to _index.scss and likely wouldn't change all too much. Most _index.scss files are only redirects anyway.

The classes list uses a format of #{c($category $class)} where both $category and $class are descriptive. It also adds a preceding . to the class name upon test or build, meaning IDs (which use #) and HTML elements can't be used for the initial character. That syntax also causes an error if the file you're editing lacks @use "classes" as *;, the classes file hasn't been called at all or whatever being used in place of "classes" (in Pyrite's case this is "backend") hasn't been used as *.