https://github.com/justalittlewolf/material-you-discord-theme

A Material You color implementation for Discord
https://github.com/justalittlewolf/material-you-discord-theme

betterdiscord betterdiscord-theme discord discord-themes theme

Last synced: about 2 months ago
JSON representation

A Material You color implementation for Discord

• Host: GitHub
• URL: https://github.com/justalittlewolf/material-you-discord-theme
• Owner: JustAlittleWolf
• License: mit
• Created: 2023-02-26T14:51:15.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-13T18:01:15.000Z (about 1 year ago)
• Last Synced: 2025-04-04T03:22:39.778Z (2 months ago)
• Topics: betterdiscord, betterdiscord-theme, discord, discord-themes, theme
• Language: CSS
• Homepage:
• Size: 400 KB
• Stars: 8
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


Material You Discord Colors

Change Discord's colors to match your favourite color theme



### Installation

#### Openasar

Copy and paste the contents of [MaterialYouColors.theme.css](https://github.com/JustAlittleWolf/Material-You-Discord-Theme/blob/main/MaterialYouColors.theme.css) into Theming and restart Discord

#### Better Discord

Download the latest [Release](https://github.com/JustAlittleWolf/Material-You-Discord-Theme/releases) and drop it into your Themes folder

### Customization

In the main css file you will find some variables that you can change to match your desired color theme perfectly

* `--myc-background-hue`: specify which color will be used for the background. It is set to 0 by default which is Red. You can find the Hue of your favourite color by going to [htmlcolorcodes](https://htmlcolorcodes.com/color-picker/), selecting your color and copying the value next to "H".

* `--myc-background-saturation`: change how saturated the background color will be. A lower value will result in a more gray-ish image. If you are using light mode, you probably need to increase this value by a lot.

* `--myc-background-lightness`: change how bright the background color will be.

* `--myc-link-lightness`: change how brightly links are displayed. You probably need to lower this value a bit if you are using light mode.

* `--myc-ui-lightness`: change how bright the Discord logo and some buttons are. With bright colors like yellow reducing this value improves readability in the settings page.

### Preview

Change Discord to any color you want

![Dark Mode](images/DarkMode.png)

Everything is themed uniformly

![Settings](images/Settings.png)

Light mode works as well

![Light Mode](images/LightMode.png)