└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # Installation 2 | 3 | ## BetterDiscord 4 | 1. [Download BetterDiscord](https://betterdiscord.app/). 5 | 2. Drag the installer outside of your Downloads folder and run as Administrator. 6 | 3. Agree to the license. 7 | 4. Check Install and click next. 8 | 5. Click the Discord builds you wish to install BetterDiscord on. 9 | - For most users this will be Stable. 10 | 6. Click Install. 11 | - BetterDiscord will auto restart Discord for you. And if all is well you have BetterDiscord installed. 12 | - If you get errors or BetterDiscord isn't showing up. Join these servers and ask for help in the respective channels. 13 | - [BetterDiscord Primary Server](https://discord.gg/0Tmfo5ZbORCRqbAd) 14 | - [BetterDiscord Secondary Server](https://discord.gg/2HScm8j) 15 | 7. Open your User Settings page. 16 | 8. Scroll down and open your Themes tab. 17 | 9. Click the Open Themes Folder button. 18 | 10. Drag the file that you just downloaded into your themes folder. 19 | - Themes **MUST** end with a `.theme` extension or `.theme.css` with file name extensions enabled. 20 | 11. Go back to your Themes tab in Discord and enable your theme. 21 | 22 | ## Replugged 23 | > (Work in progress) 24 | > In the meantime, ask in their [Discord Server](https://discord.com/invite/replugged) 25 | 26 | ## Vencord 27 | Simply copy this and replace the name to the theme you wish to use: 28 | ``` 29 | https://discordstyles.github.io/THEMENAME/THEMENAME.theme.css 30 | ``` 31 | 32 | > :warning: **WARNING**: Don't do this if you wish to customize your theme later. 33 | 34 |
35 |
36 | 37 | # Editing 38 | > *Some* CSS knowledge may be required to edit a theme. 39 | 40 | ## BetterDiscord 41 | 1. Go to your BetterDiscord themes tab. 42 | 2. Press the "Edit" button on the theme of your choice. 43 | > ![](https://i.imgur.com/inU9BY4.png) 44 | 4. Edit any `--variable-name` inside of the `:root` brackets. 45 | 6. Press the save icon at the top left. 46 | 47 | ## Vencord 48 | 1. Go to your theme of choice. 49 | 2. Find the `.theme.css` file 50 | - In all of the repos apart from Dark Matter they'll be in the `deploy` branch. 51 | > ![](https://i.imgur.com/UaNor0J.png) 52 | > ![](https://i.imgur.com/ZzcO7J1.png) 53 | 3. Copy all of the contents inside that file by clicking the button at the top right. 54 | > ![](https://i.imgur.com/3mkNzQe.png) 55 | 4. Go to your Vencord themes tab. 56 | 5. Click the "Open QuickCSS file" button. 57 | 6. Paste the contents you copied from before. 58 | 7. Edit any `--variable-name` inside of the `:root` brackets. 59 | --------------------------------------------------------------------------------