GitPedia

Oldcord

Discord theme trying to restore the 2020 UI

From milbits·Updated June 24, 2026·View on GitHub·

By default, it removes profile effects (like banners) and clan tags. See `addons` below to get them back! The project is written primarily in CSS, distributed under the MIT License license, first published in 2023. Key topics include: 67, betterdiscord, betterdiscord-theme, css, discord.

OldCord 🏳️‍🌈🏳️‍⚧️

A Discord theme that tries to restore its 2020 UI

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

Preview

[!IMPORTANT]

  • Enable "Apply theme on other users' profiles" in Settings > Appearence to fix broken profile colors
  • For the old gray colors, use the "Ash" theme in Settings > Appearance
    • Don't use vencord's "Client Theme" plugin, use Discord's own theme picker (with fakenitro if needed)
  • Disable "display name style" in Settings > Accessibility if you don't want the flashy names
  • UI Density should be on default, i won't support the other 2 options (they still kinda work, though)
  • If you use BetterFolders, expect half your screen to turn blank every few months
<details> <summary><h3>Light mode</h3></summary>

Light mode is CUSTOM, it has higher contrast and slightly darker colors with adjustable tint, keeping it bright while not burning your retinas

It is currently not compatible with ShowEffects, sorry

<img src=https://raw.githubusercontent.com/milbits/oldcord/master/.github/previewLight.webp>

preview slightly outdated

Adjust the tint with --oldcord-tint, value/number has to be in HSL hue (e.g. 200). You can find it in the theme's oldcord.theme.css file.

</details> <details><summary><h1>Addons</h1></summary>

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

NamePreviewCSS
Show Profile Effects (the one you prob want)Image@import url("https://milbits.github.io/oldcord/src/components/showEffects.css");
Show Clan Tagsim too lazy for an image@import url("https://milbits.github.io/oldcord/src/components/showTags.css");
Old Plead EmojiImage@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");
Tanza3D & KingGamingYT's NoMosaic plugin (BetterDiscord)Restores the old image layout

If you use custom/quickcss, paste the CSS at the very top!

3rd party

NameDescription
Old RolesImproves gradient role borders and adds the old role design as a standalone option
Icon RevertReverts all icons to pre-2023. Can cause lag (see #37)
Vencord's NoMosaic pluginRestores the old image layout
KingGamingYT's NoMosaic pluginBetterDiscord NoMosaic plugin
NewOldProfilesRestores period-accurate profiles w/ modern enhancements
hide-nitro-upsellingHides nitro ads, could cause lag

</details>

Installation

😺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

🚮BetterDiscord

  1. Download OldCord.theme.css (right-click > "Save As")
  2. Save the file to your BetterDiscord theme folder:
  • Windows: %appdata%/BetterDiscord/themes
  • Linux: ~/.config/BetterDiscord/themes
  • MacOS: /Library/Application\ Support/BetterDiscord/themes/

🎛️ Other

  1. Paste the following at the top of the CSS file/window:
css
@import url("https://milbits.github.io/oldcord/src/main.css");

Contributors

Showing top 12 contributors by commit count.

View all contributors on GitHub →

This article is auto-generated from milbits/oldcord via the GitHub API.Last fetched: 6/28/2026