Midnight-Ash

🌙 Midnight-Ash Theme Pack

A sleek, feature-rich Discord theme combining the best of dark aesthetics and modern functionality

✨ Socials & Stars

Github Repository Infomation

❤️ Made With love using

📜 Licensed Under

✨ What’s Included

🖤 Midnight-AMOLED - Pure black backgrounds that are easy on OLED displays
⚙️ Settings Modal - Clean modal windows for settings instead of sidebars
🔘 Radial Status - Beautiful circular status rings around avatars
📱 Horizontal Server List - Servers displayed at the top for better screen usage
🍎 Apple Emojis - Clean, modern Apple emoji replacements

📖 Infomation About this theme

This theme has been made with my prefrence in mind and features the best of dark aesthetics and modern functionality, it offers customization, documentation, support and instructions for most modern clients. The theme is made with a purple favorited color palette with animations and the lovely features from the other themes such as radial status for better status of other users curent state, settings modal for a better and nicer look of the discord settings menu allowing a more modern look while giving the user a more transparent menu for better viewability, a horizontal server list for better screen usage, and emoji replace for cleaner and more modern emojis.

I have tried to keep the theme reletively small simple and clean for speedy load times on laptops or low end pc’s, maybe even phones as well, and have the easy use and modification of the theme and features via documentation, links, support, or issues.

🚀 Installation

🔗 Copy this URL into your Discord client

https://ash1421.github.io/Midnight-Ash/midnight-ash.css

👋 Help Guide

To download and install for most modern clients copy the url above and paste or type into the requred field then Load, Toggle, Reload, or Restart to refresh theme, for more help please view the client specific instructions.

For file based installs please download the CSS file and move it to the required path.

Using the latest version could help with optimizations and other features to be added or that have been added and or documented.

✋ For more help please use a browser or tutorial to find what you need

⬇️ To download the CSS file click the version badge, go to the latest release or click on this link: Latest Release

📱 Client-Specific Instructions

Recommended Clients

⭐ Equicord - Recommended Client

Website: https://equicord.org/ GitHub: https://github.com/Equicord/Equicord

1. Open Discord settings
2. Go to Equicord → Themes
3. Click Online Themes
4. Paste the URL above and click Add Theme

🎯 Vencord (Web Support)

Website: https://vencord.dev/ GitHub: https://github.com/Vendicated/Vencord

(Web Versions)

Vencord Web Chrome Extension: https://chromewebstore.google.com/detail/vencord-web/cbghhgpcnddeihccjmnadmkaejncjndb

Vencord Web Userscript: https://raw.githubusercontent.com/Vencord/builds/main/Vencord.user.js

1. Open Discord settings
2. Go to Vencord → Themes
3. Click Online Themes
4. Paste the URL above and click Add Theme

🔧 BetterDiscord

Website: https://betterdiscord.app/ GitHub: https://github.com/BetterDiscord/BetterDiscord

1. Download the .css file from the repository
2. Place it in your BetterDiscord themes folder
3. Or use Settings → Themes → Load from URL

---

Other Clients

🔌 Replugged

Website: https://replugged.dev/ GitHub: https://github.com/replugged-org/replugged

1. Open Discord settings
2. Go to Replugged → Themes
3. Click Install from URL
4. Paste the URL and install

💻 Legcord

Website: https://legcord.app/ GitHub: https://github.com/Legcord/Legcord

1. Go to Settings → Themes
2. Click Load Theme
3. Enter the URL or upload the .css file

🌐 WebCord

GitHub: https://github.com/SpacingBat3/WebCord

1. Navigate to your WebCord themes folder
2. Download and place the midnight-ash.css file
3. Restart WebCord and enable the theme

📦 OpenAsar (with Equicord/BD/Vencord)

Website: https://openasar.dev/ GitHub: https://github.com/GooseMod/OpenAsar

Compatible with BetterDiscord, Equicord or Vencord installation methods.

⚙️ Customization Documentation

🔓 Editing The Theme yourself ⚠️

To change the accent color, also known as the main color, please use the following information below for assistance in changing it to your favorite color or adding your own if you know what you are doing.

To change anything listed below please open the css file you have downloaded in a text or code editor and edit the according options to the values you like or want.

**To change any options below is at your own risk and could cause the theme to break if not done correctly, please report issues if found and use documentation. You have been warned.**

---

Settings Modal

• --settingswidth: Width in pixels (default: 960px)
• --settingsheight: Height in vh (default: 80vh)
• --settingsbackground: Background color (default: transparent)

Radial Status rings

• --rs-small-width: Status ring thickness (default: 2px)
• --rs-avatar-shape: Avatar shape (default: 50% = round, 0% = square)
• --rs-phone-color: Phone status ring color (default: var(–rs-online-color))
• --rs-phone-visible: Visibility of phone status ring (default: block)

Horizontal Server List

• --HSL-server-direction: Direction of server list (default: column)
• --HSL-server-alignment: Alignment of server list (default: flex-start)

Theme Colors

• --purple-1: Lightest purple (default: oklch(75% 0.11 310))
• --purple-2: Light purple (default: oklch(70% 0.11 310))
• --purple-3: Medium purple (default: oklch(65% 0.11 310))
• --purple-4: Dark purple (default: oklch(60% 0.11 310))
• --purple-5: Darkest purple (default: oklch(55% 0.11 310))

---

• --green-1: Lightest green (default: oklch(75% 0.11 170))
• --green-2: Light green (default: oklch(70% 0.11 170))
• --green-3: Medium green (default: oklch(65% 0.11 170))
• --green-4: Dark green (default: oklch(60% 0.11 170))
• --green-5: Darkest green (default: oklch(55% 0.11 160))

---

• --blue-1: Lightest blue (default: oklch(75% 0.1 215))
• --blue-2: Light blue (default: oklch(70% 0.1 215))
• --blue-3: Medium blue (default: oklch(65% 0.1 215))
• --blue-4: Dark blue (default: oklch(60% 0.1 215))
• --blue-5: Darkest blue (default: oklch(55% 0.1 215))

---

• --yellow-1: Lightest yellow (default: oklch(80% 0.11 90))
• --yellow-2: Light yellow (default: oklch(75% 0.11 90))
• --yellow-3: Medium yellow (default: oklch(70% 0.11 90))
• --yellow-4: Dark yellow (default: oklch(65% 0.11 90))
• --yellow-5: Darkest yellow (default: oklch(60% 0.11 90))

---

• --red-1: Lightest red (default: oklch(75% 0.11 0))
• --red-2: Light red (default: oklch(70% 0.11 0))
• --red-3: Medium red (default: oklch(65% 0.11 0))
• --red-4: Dark red (default: oklch(60% 0.11 0))
• --red-5: Darkest red (default: oklch(55% 0.11 0))

Accents

• --accent-1: Accent 1 (default: var(–purple-1))
• --accent-2: Accent 2 (default: var(–purple-2))
• --accent-3: Accent 3 (default: var(–purple-3))
• --accent-4: Accent 4 (default: var(–purple-4))
• --accent-5: Accent 5 (default: var(–purple-5))
• --accent-new: Accent new (default: var(–accent-2))

Custom DM’S Icon

• --custom-dms-icon: Custom DM’S icon (default: custom)
• --dms-icon-svg-url: SVG URL for custom DM’S icon (default: url(“https://refact0r.github.io/midnight-discord/assets/Font_Awesome_5_solid_moon.svg”))

Fonts

• --font: Font family (default: “figtree”)
• --code-font: Code font family (default: “”)
• --font-weight: Font weight (default: 400)

Animations

• --animations: Animations (default: on)

🎯 Features in Detail

🌑 AMOLED-Optimized

• Pure black backgrounds (#000000) for OLED displays
• Subtle white accents for better contrast
• Reduced eye strain in dark environments

📐 Modal Settings

• Customizable width and height
• Clean, centered design
• Better focus and organization

🔘 Enhanced Status Indicators

• Circular rings around avatars
• Color-coded for different statuses
• Clean, modern, visible, and functional appearance

📊 Horizontal Layout

• Server list moved to top
• More vertical space for chat
• Modern, streamlined appearance

📝 Changelog

V4.4.14

• ✅️ Readme documentation, liscense, and software discalamer with changes/addition.

V4.4.13

• ✅️ Readme fix with changes/addition.

V4.3.12

• ✅️ Readme and lisense fix/addition.

V4.3.11

• ✅️ Major rewrite of license files to clarify GPL v2 and MIT components and the new license for the theme.
• ✅️ Major Update to README file with clearer license information for incorporated works.
• ✅️ Badge changes and additions/changes to README file.

V3.3.11

• ✅️ Readme infomation/credit additions.

V3.3.10

• ✅️ Readme file fix.

V3.2.10

• ✅️ Readme badge changes.

V3.2.9

• ✅️ Readme changes.

V3.2.8

• ✅️ Readme file fix.

V3.1.8

• ✅️ Readme help/documentation changes and additions, as well as Infomation about the theme.

V3.1.7

• ✅️ Readme badge changes.

V3.1.6

• ✅️ Readme file fix.

V3.0.6

• ✅️ Added More Documentation and Help to Readme File.

V3.0.5

• ✅️ Added More Help to Readme File.

V3.0.4

• ✅️ Added Star History to Readme.

V3.0.3

• ✅️ Versioning fixes.

V3.0.2

• ✅️ Added To Readme.

V3.0.1

• ✅ Formatted CSS, Readme, and license files.

v3.0.0

• ✅ Combined all themes into one package
• ✅ Added AMOLED backgrounds
• ✅ Integrated radial status
• ✅ Added horizontal server list
• ✅ Apple emoji replacements

🐛 Issues & Support

Found a bug? Have a suggestion?

• 🐛 Report Issues
• 💬 Join Discord

📜 License

This project is licensed under the GPL v3.0.

It also incorporates components from other open-source projects under MIT or GPLv2 licenses:

Component	Author	License
Midnight Discord Theme	refact0r	MIT
AMOLED-Cord	LuckFire	MIT
Settings Modal / Emoji Replace	DevilBro	GPL v2
Radial Status / Horizontal Server List	Gibbu / DiscordStyles	MIT

See the ORIGINAL_LICENSES/ directory for full unmodified license texts.

The only things that have been modified from the license files is the names of the files and file types for organization, other than that, the license texts are the same as the original authors.

📝 Acknowledgement

If you plan on using, editing, or redistributing this theme, please give credit to the original authors.

⚠️ Disclaimer

By using, editing, or publishing this theme you are acknowledging that you have read and understand the license terms and conditions of using the provided files, and that you agree to be bound by the terms of the license.

**Using the provided Discord Clients is at your own risk, please use at your own discretion of your discord account and your computer.**

🙏 Credits

• Midnight Theme - @refact0r
• AMOLED-Cord - @LuckFire
• Settings Modal - @DevilBro
• Radial Status - @Gibbu
• Horizontal Server List - @Gibbu

• Emoji Replace - @DevilBro

• Thanks to all the contributors on GitHub

---

💫 Star History

</a>

--- **Made with 💜 for the Discord community** ⭐ **Star this repo if you like it!** ⭐

This site is open source. Improve this page.