How to Install and Customize DiscordNight Theme in Discord

Sep 20, 2023 | Programming

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

Installing DiscordNight Theme

Follow the steps below depending on which mod you are using:

For BetterDiscord:

  1. Download the DiscordNight.theme.css.
  2. Go to **Settings > Themes** in Discord and click **Open Themes Folder**.
  3. Place the downloaded file in the **%appdata%/BetterDiscord/themes** directory.
  4. Enable the **DiscordNight** theme.
  5. 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:

  1. Download the DiscordNight.theme.css.
  2. Navigate to **Settings > Themes** and click **Open Themes Folder**.
  3. Put the file in **%appdata%/Vencord/themes** and enable **DiscordNight**.

Method 2:

  1. Navigate to **Settings > Themes** and go to the **Online Themes** tab.
  2. 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:

  1. Open Discord and press **Ctrl+Shift+I** or **F12**.
  2. 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.

Stay Informed with the Newest F(x) Insights and Blogs

Tech News and Blog Highlights, Straight to Your Inbox