oldcord

OldCord

A theme for Discord that brings the 2020 UI back without removing features

By default, it completely removes profile effects (like banners) and clan tags. See addons below to get them back!

[!IMPORTANT]

• Enable “Sync Profile Themes” in Settings > Accessibility to fix broken profile colors
• UI Density should be on default, i wont support the other 2 options (they still kinda work though)
• For the old gray colors, use the “Ash” theme in appearance settings
  • Don’t use vencord’s “Client Theme” plugin. Use discord’s own theme picker (with fakenitro if needed)
• If you use BetterFolders, expect half of your screen to become black at some point

Light mode (usable!)

Light mode does NOT have 2020 colors and it's tailored to ME but i think nobody cares at all <img src=https://raw.githubusercontent.com/milbits/oldcord/master/.github/previewLight.webp> preview outdated there's a `--oldcord-tint` variable to adjust the tint, value/number has to be in HSL hue

Addons

## By OldCord These are usually included in oldcord.theme.css, so all you need to do is remove `/*` in the file for each addon you want to use | Name | Preview | CSS | | ---------------------- | ------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------- | | Show Profile Effects (the one you prob want) |  | `@import url("https://milbits.github.io/oldcord/src/components/showEffects.css");` | | Show Clan Tags | im too lazy for an image | `@import url("https://milbits.github.io/oldcord/src/components/showTags.css");` | | Old Plead Emoji |  | `@import url("https://milbits.github.io/oldcord/src/components/oldEmojis.css");` | | Context Menu hover bg. | <img src=https://raw.githubusercontent.com/milbits/oldcord/master/.github/oldcontext.webp> | `@import url("https://milbits.github.io/oldcord/src/components/oldContext.css");` | | HeaderPresence |  | https://betterdiscord.app/plugin/HeaderPresence | | [Tanza3D & KingGamingYT's NoMosaic plugin (BetterDiscord)](https://github.com/KingGamingYT/discord-no-mosaic) | Restores the old image layout | If you use custom/quickcss, paste the CSS at the very top! ## 3rd party | Name | Description | | ------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------- | | [Icon Revert](https://github.com/davart154/Icon-Revert-2023/blob/main/2023%20Icon%20Revert.theme.css) | Reverts all icons to pre-2023. Can cause lag (see #37) | | [Vencord's NoMosaic plugin](https://vencord.dev/plugins/NoMosaic) | Restores the old image layout | | [hide-nitro-upselling](https://github.com/D3SOX/complementary-discord-theme/blob/master/hide-nitro-upselling.betterdiscord.theme.css) | Hides nitro ads, could cause lag | ---

Installation

🚮BetterDiscord

1. Download OldCord.theme.css (right-click > “Save As”)
2. Save the file to the BetterDiscord theme folder:

• Windows: %appdata%/BetterDiscord/themes
• Linux: ~/.config/BetterDiscord/themes

😺Vencord

Local method

1. Download OldCord.theme.css (right-click > “Save As”)
2. Move the file to the Vencord theme folder:

• Settings > Themes > Open theme folder

Online method

Paste the following in Settings > Themes:

• https://milbits.github.io/oldcord/src/main.css

🎛️ Other

1. Paste the following at the top of the CSS file/window:

@import url("https://milbits.github.io/oldcord/src/main.css");