Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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 1 month 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 (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-13T18:01:15.000Z (8 months ago)
- Last Synced: 2024-04-14T08:42:20.281Z (8 months ago)
- Topics: betterdiscord, betterdiscord-theme, discord, discord-themes, theme
- Language: CSS
- Homepage:
- Size: 400 KB
- Stars: 5
- Watchers: 1
- Forks: 1
- 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)