Are you tired of the same old interface of Discord? Instead of sticking to the conventional look, why not give your Discord a fresh makeover? In this guide, we’ll show you how to install the DiscordNight theme using either BetterDiscord or Vencord, along with some tips for customizing your experience.
Prerequisites
- You need the desktop version of Discord.
- Install either BetterDiscord or Vencord.
Installing DiscordNight Theme
Follow the steps below depending on which mod you are using:
For BetterDiscord:
- Download the DiscordNight.theme.css.
- Go to **Settings > Themes** in Discord and click **Open Themes Folder**.
- Place the downloaded file in the **%appdata%/BetterDiscord/themes** directory.
- Enable the **DiscordNight** theme.
- If the theme doesn’t appear, refresh Discord using **CTRL+R** or restart the app.
For Vencord:
You have two methods you can choose from:
Method 1:
- Download the DiscordNight.theme.css.
- Navigate to **Settings > Themes** and click **Open Themes Folder**.
- Put the file in **%appdata%/Vencord/themes** and enable **DiscordNight**.
Method 2:
- Navigate to **Settings > Themes** and go to the **Online Themes** tab.
- Paste this URL into the input field: https://raw.githubusercontent.com/KillYoy/DiscordNight/master/DiscordNight.theme.css.
Important Configuration
Ensure to enable the **Dark Theme** in **Settings > Appearance > Theme**. Choose **Dark** for the best results.
Be mindful that Nitro-exclusive theme colors may appear broken, and due to Discord’s background updates, you may experience occasional breakdowns, requiring reinstallation or patience for theme updates.
Troubleshooting Tips
- If the theme is not visible, try refreshing Discord with **CTRL+R**.
- For persistent issues, consider reinstalling BetterDiscord or checking for updates on the theme.
- If you encounter plugin-related problems, create a new issue or contact me on Discord: KillYoy#0295.
For more insights, updates, or to collaborate on AI development projects, stay connected with fxis.ai.
Customizing Your Theme
Want to make DiscordNight uniquely yours? You can modify certain variables directly in the DiscordNight.theme.css file or through the **Custom CSS** menu in Discord settings.
Examples of Customization
css:root {
--Channel-Invite-Edit-Buttons: none; /* ON = flex, OFF = none */
--Channel-List-Width: 200px; /* Change widths as preferred */
}
These variables can be adjusted to resize buttons, change visibility, and alter layout elements to create your perfect Discord experience.
Alternative Installation Methods
If you prefer not to use client mods, you can inject the CSS using Discord’s developer tools:
- Open Discord and press **Ctrl+Shift+I** or **F12**.
- Go to the Sources tab, find the file ending with **.css**, and paste the DiscordNight code.
This method will temporarily load the theme until Discord is restarted.
Conclusion
With DiscordNight, you can transform your chatting experience and customize the look and feel of your interactive space. Embrace the change, and make your Discord every bit your own!
At fxis.ai, we believe that such advancements are crucial for the future of AI, as they enable more comprehensive and effective solutions. Our team is continually exploring new methodologies to push the envelope in artificial intelligence, ensuring that our clients benefit from the latest technological innovations.

