From b6aaf2687ab3bd3074dffe01e537a0b3ee1c7497 Mon Sep 17 00:00:00 2001 From: Andreas N Date: Wed, 1 Nov 2023 02:13:57 +0100 Subject: [PATCH] Update README.md --- README.md | 63 ++++++++++++++++++++++++++++++------------------------- 1 file changed, 35 insertions(+), 28 deletions(-) diff --git a/README.md b/README.md index 2c2a2fe..1e119ea 100644 --- a/README.md +++ b/README.md @@ -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) @@ -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 */ @@ -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 */ } ``` @@ -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).