Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
@KillYoy
KillYoy authored Nov 1, 2023
1 parent 3c7946f commit b6aaf26
Showing 1 changed file with 35 additions and 28 deletions.
63 changes: 35 additions & 28 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1,28 +1,33 @@
![](https://i.imgur.com/XQApc9q.png)

Requires [**Discord**](https://discordapp.com/) desktop app with [**BetterDiscord**](https://betterdiscord.app/) installed.
Requires the [**Discord**](https://discordapp.com/) desktop app with [**BetterDiscord**](https://betterdiscord.app/) or [**Vencord**](https://vencord.dev) installed (Or any other Discord client mod that supports themes).

After installing BetterDiscord:
### [**BetterDiscord**](https://betterdiscord.app/):
- Download [**DiscordNight.theme.css**](https://betterdiscord.app/Download?id=155) and navigate to **Settings > Themes** and click **Open Themes Folder** or place the file in **%appdata%/BetterDiscord/themes** and then enable **DiscordNight**.
If the theme does not show up refresh Discord using **CTRL+R** or restart Discord.

1. Download [**DiscordNight.theme.css**](https://betterdiscord.app/Download?id=155) and navigate to **Settings > Themes** and click on **Open Themes Folder** or place the file in **%appdata%/BetterDiscord/themes**
2. Refresh Discord using **CTRL+R** or restart Discord.
3. Go to **Settings > BetterDiscord > Themes** and enable **DiscordNight**.
### [**Vencord**](https://vencord.dev):
- ***Method 1***:
- Download [**DiscordNight.theme.css**](https://betterdiscord.app/Download?id=155) and navigate to **Settings > Themes** and click **Open Themes Folder** or place the file in **%appdata%/Vencord/themes** and then enable **DiscordNight**.
- ***Method 2***:
- Navigate to **Settings > Themes** and go to **Online Themes** tab and in the input field paste in this URL:
```https://raw.githubusercontent.com/KillYoy/DiscordNight/master/DiscordNight.theme.css```

- **Dark Theme** needs to be enabled in **Settings > Appearance > Theme** and select **Dark**.
### Important info

- BetterDiscord **Minimal Mode** is currently not supported.
- **Dark Theme** needs to be enabled in **Settings > Appearance > Theme** and select **Dark**.
- Nitro exclusive theme appearance colors are not supported and may look broken.

Keep in mind that things may break at any time because of Discords background updates which may cause you to have to reinstall BetterDiscord or wait for the theme to be updated.
In case there is anything that has not yet been fixed or any plugin related issues feel free to either make a new [issue](https://github.com/KillYoy/DiscordNight/issues/new) or contact me **KillYoy#0295** on Discord.

This theme supports [**USRBG**](https://github.com/Discord-Custom-Covers/usrbg) by [**Tropical**](https://github.com/Tropix126).

# Preview

A comparison with and without the theme enabled: (Images are slightly outdated)
A comparison with and without the theme enabled in BetterDiscord (Images are slightly outdated)

![Main window comparison](https://i.imgur.com/fkQM8JW.png)
Matching colored underlines for member list roles requires the [**BetterRoleColors**](https://github.com/rauenzi/BetterDiscordAddons/tree/master/Plugins/BetterRoleColors) plugin.
Matching colored underlines for member list roles requires the [**BetterRoleColors**](https://github.com/rauenzi/BetterDiscordAddons/tree/master/Plugins/BetterRoleColors) plugin.
The theme supports [**USRBG**](https://github.com/Discord-Custom-Covers/usrbg) by [**Tropical**](https://github.com/Tropix126).

![Settings comparison](https://i.imgur.com/5f6BjrR.png)

Expand All @@ -32,12 +37,12 @@ DiscordNight has certain unique variables that can easily be modified to change

```css
:root {
--Channel-Invite-Edit-Buttons: none; /* flex = ON, none = OFF */
--Channel-Category-Invite-Button: flex; /* flex = ON, none = OFF */
--Channel-List-Active-Threads: flex; /* flex = ON, none = OFF */
--Channel-List-Upcoming-Events: flex; /* flex = ON, none = OFF */
--Channel-List-Boost-Goal: block; /* block = ON, none = OFF */
--Channel-List-Width: 200px; /* 200px, Discord default = 240px */
--Channel-Invite-Edit-Buttons: none; /* flex = ON, none = OFF */
--Channel-Category-Invite-Button: flex; /* flex = ON, none = OFF */
--Channel-List-Active-Threads: flex; /* flex = ON, none = OFF */
--Channel-List-Upcoming-Events: flex; /* flex = ON, none = OFF */
--Channel-List-Boost-Goal: block; /* block = ON, none = OFF */
--Channel-List-Width: 200px; /* 200px, Discord default = 240px */

--User-List-Width: 200px; /* 200px, Discord default = 240px */
--User-Popout-Width: 240px; /* 240px, Discord default = 300px */
Expand All @@ -55,24 +60,26 @@ DiscordNight has certain unique variables that can easily be modified to change
--Chat-Emoji-Size: 1.75rem; /* 1.75rem, Discord default = 1.375rem */
--Chat-Emoji-Large-Size: 2rem; /* 2rem, Discord default = 3rem */
--Chat-Sticker-Size: 5rem; /* 5rem, Discord default = 10rem */
--Chat-Super-Reaction-Button: none; /* flex = ON, none = OFF */
--Chat-Wave-To-New-User-Button: flex; /* flex = ON, none = OFF */
--Chat-Wave-To-New-DM-Button: flex; /* flex = ON, none = OFF */

--Text-Channels-Capital-Letter: capitalize; /* capitalize, none */
--Text-Channels-Capital-Letter: capitalize; /* capitalize, none */

--Voice-Noise-Suppression: none; /* flex = ON, none = OFF */
--Start-Activities-Button: flex; /* flex = ON, none = OFF */
--Voice-Noise-Suppression: none; /* flex = ON, none = OFF */
--Start-Activities-Button: flex; /* flex = ON, none = OFF */

--Embed-Remove-Button: flex; /* flex = ON, none = OFF */
--Embed-Remove-Button: flex; /* flex = ON, none = OFF */

--Context-Menu-Emoji-Toolbar: none; /* flex = ON, none = OFF */
--Context-Menu-Emoji-Toolbar: none; /* flex = ON, none = OFF */

--Home-Store-Button: none; /* block = ON, none = OFF */
--Home-Direct-Messages-Header: flex; /* flex = ON, none = OFF */
--Home-Close-DM-Button: block; /* block = ON, none = OFF */
--Friends-List-Searchbar: none; /* flex = ON, none = OFF */
--Home-Nitro-Button: none; /* flex = ON, none = OFF */
--Home-Store-Button: none; /* flex = ON, none = OFF */
--Home-Direct-Messages-Header: flex; /* flex = ON, none = OFF */
--Home-Close-DM-Button: block; /* block = ON, none = OFF */
--Friends-List-Searchbar: none; /* flex = ON, none = OFF */

--Titlebar-Help-Icon: none; /* flex = ON, none = OFF */
--Titlebar-Help-Icon: none; /* flex = ON, none = OFF */
}
```

Expand All @@ -87,7 +94,7 @@ You can change the **Server list message notice** and **Chat file attachment but
@import url("https://killyoy.github.io/DiscordNight/Addons/Vanilla_Attachment_Button.theme.css");
```

# Installing DiscordNight using other methods (Not recommended)
# Installing DiscordNight without client mods (Not recommended)

- If you don't want to use BetterDiscord or it does not work for some reason the CSS can be injected using Discords developer tools using **Ctrl+Shift+I** in the Desktop app or **F12** in the browser. In the **Sources** tab go click on **assets** and find the file that ends with **.css** and paste in the code from **DiscordNight.css** into it, if done correctly the theme should be loaded until the next time Discord restarts (Keep in mind that images loaded from an external address will not load this way).

Expand Down

0 comments on commit b6aaf26

Please sign in to comment.