Discord Reimagined Theme
A theme based on Discord Re-imagined (Concept) by Concept Central.
Installation
Click to expand
1. Download `DiscordReimagined.theme.css`:
- [BetterDiscord store][release-bd]
- [GitHub][release-css-gh]
2. Place the file in the themes folder:
- `Settings` > `BetterDiscord` > `Themes` > `Open Themes Folder`
3. Toggle on the theme card.
BetterDiscord installations do not include HorizontalServerList by default. Get the file separately from [BetterDiscord](https://betterdiscord.app/theme/?id=124), then add the contents of [hslcompat](./scss/_hslcompat.scss) to the theme file or Custom/Quick CSS.
Click to expand
#### Automatic
1. Click to install:
- [Replugged store][release-rp]
#### Manual
1. Download `net.saltssaumure.DiscordReimagined.asar`:
- [GitHub][release-asar-gh]
2. Place the file in the themes folder:
- `Settings` > `Replugged` > `Themes` > `Open Themes Folder`
3. Click `Load Missing Themes` and toggle on the theme card.
Click to expand
#### Local
1. Download `DiscordReimagined.theme.css`:
- [BetterDiscord store][release-bd]
- [GitHub][release-css-gh]
2. Place the file in the themes folder:
- `Settings` > `Vencord` > `Themes` > `Local Themes` > `Open Themes Folder`
3. Click `Load missing Themes` and toggle on the theme card.
#### Online
1. Paste the link in `Settings` > `Vencord` > `Themes` > `Online Themes`:
- `https://minidiscordthemes.github.io/DiscordReimagined/DiscordReimagined.theme.css`
Vencord installations do not include HorizontalServerList by default. Get the file separately from [BetterDiscord](https://betterdiscord.app/theme/?id=124), then add the contents of [hslcompat](./scss/_hslcompat.scss) to the theme file or Custom/Quick CSS.
Customisation
Variable |
Description |
Valid values |
Default value |
--reimagine-channellist-width |
Channel list width |
Any length. |
360px |
--reimagine-header-height |
Header height |
Any length. |
60px |
--reimagine-server-size |
Server size |
Any length. |
54px |
BetterDiscord
Click to expand
1. Open `Settings` > `BetterDiscord` > `Themes`.
2. Click the pencil icon on this theme.
3. Edit the variable values and save changes.
Replugged
Click to expand
1. Enable `Automatically Apply Quick CSS` in `Settings` > `Replugged` > `General`.
2. Open `Settings` > `Replugged` > `Quick CSS`.
3. Copy and paste lines 15-20 of [`DiscordReimagined.theme.css`][.theme.css].
4. Edit the variable values and save.
Vencord
Click to expand
#### Local
1. `Open Themes Folder` in `Settings` > `Vencord` > `Themes` > `Local Themes`
2. Open `DiscordReimagined.theme.css` with your favourite text editor.
3. Edit the variable values and save.
#### Online
1. `Enable Custom CSS` in `Settings` > `Vencord` > `Vencord` and click `Open QuickCSS File`.
2. Copy and paste lines 15-20 of [`DiscordReimagined.theme.css`][.theme.css].
3. Edit the variable values.
License
This theme is licensed under the MIT license.
Credits
Sources
Themes
Questions or suggestions?