midnight-discord

midnight

a dark, customizable discord theme.

install

[!NOTE]
the latest version of this theme only works on the new visual refresh discord UI. if you want to use this theme on the old UI, download the old theme file here.

vencord/betterdiscord (or any client that supports theme files)

  1. download the theme file, midnight.theme.css. (there should be a download button at the top right of the page)
  2. drag the file into your theme folder. (there should be a button to open the theme folder in theme settings)
  3. (optional) customize the theme by editing the options in midnight.theme.css.

add https://refact0r.github.io/midnight-discord/build/midnight.css to your theme import links. you will need to copy the theme variables to your quickcss in order to customize the theme.

flavors

flavors are preset customizations for midnight. screenshots coming soon!

to use a flavor, follow the install instructions above but download the flavor theme file of your choice instead of midnight.theme.css.

discord server

need help? want to give feedback? want to be notified about upcoming changes? join https://discord.gg/nz87hXyvcy

contributing

this theme uses a dev script to check for changes in the source css files and combine them into a build file. to run locally:

  1. clone the repository.
  2. run npm i.
  3. create a .env file in the project root with the paths of any local theme files you want to update (comma separated) 
    DEV_OUTPUT_PATH=C:\Users\USERNAME\AppData\Roaming\Vencord\themes\midnight-dev.theme.css
  4. run npm run dev.
  5. make changes to any file in /src or the main theme file. the local theme files you listed will automatically be updated, along with the build file in /build.
  6. make a pull request with your changes!

credits

original design inspired by https://github.com/schnensch0/zelk

window controls inspired by https://github.com/Dyzean/Tokyo-Night

thanks to all the contributors!

This site is open source. Improve this page.