mirrors/refact0r-midnight-discord
1
0
Fork 0
mirror of https://github.com/refact0r/midnight-discord.git synced 2026-09-07 07:21:13 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1
a dark, customizable discord theme. https://betterdiscord.app/theme/midnight
1067 commits 1 branch 0 tags 60 MiB
Find a file
Exact
refact0r 85dd67148c update inner readme
2026-08-31 18:43:52 -07:00
.codex improve systems 2026-06-22 13:20:09 -07:00
.github ci: use refact0r/class-update@v3 2026-08-09 18:33:10 -07:00
assets images 2 with screenshot script 2026-08-31 17:55:37 -07:00
build add --slider-track-background override 2026-08-31 17:09:44 -07:00
docs improve systems 2026-06-22 13:20:09 -07:00
scripts update screenshotter and readme 2026-08-31 18:21:11 -07:00
src add --slider-track-background override 2026-08-31 17:09:44 -07:00
test color pass 1 2025-12-18 21:59:31 -08:00
themes update inner readme 2026-08-31 18:43:52 -07:00
.gitignore reorg 2026-06-22 12:32:49 -07:00
.prettierrc improve mention message edge + some other stuff 2025-03-18 15:57:12 -07:00
AGENTS.md update screenshotter and readme 2026-08-31 18:21:11 -07:00
CLAUDE.md reorg 2026-06-22 12:32:49 -07:00
CONTRIBUTING.md contributing guidelines 2026-06-04 04:49:39 -07:00
LICENSE update license year 2025-05-05 16:53:42 +03:00
package-lock.json npm audit fix 2026-04-01 15:47:02 -07:00
package.json images 2 with screenshot script 2026-08-31 17:55:37 -07:00
README.md update screenshotter and readme 2026-08-31 18:21:11 -07:00

README.md

midnight

a dark, customizable discord theme.

install

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 midnight.theme.css into your theme folder. (there should be a button to open the theme folder in theme settings)
  3. (optional) customize the theme by opening midnight.theme.css and editing the CSS variables within.

install through link

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.

to use a flavor, follow the install instructions above but download the flavor theme file of your choice instead of midnight.theme.css. click a flavor name below to open its theme file, or click a preview image to view it at full size.

default discord
 light
 auto (follows system theme)
background
 catppuccin mocha
 catppuccin macchiato
nord
 rose pine
 rose pine moon
tokyo night
 lilypichu
 vencord

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 /src .css files and combine them into a build file in /build. note that both the /src files and the /build file are tracked in git, so any changes you contribute should exist in both places!!

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
  1. run npm run dev.
  2. 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.
  3. 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!