DiscordReimagined

Discord Reimagined Theme

Buy me a coffee on ko-fi CSS GitHub downloads Asar GitHub downloads Total repository size

A theme based on Discord Re-imagined (Concept) by Concept Central.

Default With SystemColor
DiscordReimagined with default colours DiscordReimagined with SystemColor

Installation

BetterDiscord

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.

Replugged

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.

Vencord

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?