🧩 Complementary 🧩

A Discord theme which only provides some QOL enhancements that can be used in addition to others

🎉 Features

• Server Columns
• Settings Icons
• JoyPixels emojis
• Collapsed Search Bar
• Hide Nitro upselling (Disclaimer: I am using the Vencord FakeNitro plugin so it doesn't cover these cases)
• Hide Help Button
• Custom Fonts

❕ Required Fonts

• SF Pro Display
• SF Mono (For codeblocks)

If you are on Arch Linux just install otf-san-francisco and otf-san-francisco-mono with your favorite AUR helper. Otherwise download, extract and install them manually (e.g. using 7-Zip)

📥 Installation

If you want the features listed above click here

• Vencord

  • Open settings, click on Themes under Vencord then click on Online Themes
  • Add a new line with this content: https://d3sox.me/complementary-discord-theme/complementary.theme.css

• OpenAsar

  • Open settings, scroll to the bottom on the left and click on the OpenAsar version, then click on Theming
  • Add a new line with this content: @import url(https://d3sox.me/complementary-discord-theme/complementary.theme.css);

• Replugged

  • Open your themes folder and clone this repository

    git clone https://github.com/D3SOX/complementary-discord-theme

• BetterDiscord

  • Drop the complementary.betterdiscord.theme.css in your themes folder

If you only want the Nitro upselling styles click here

• Vencord

  • Open settings, click on Themes under Vencord then click on Online Themes
  • Add a new line with this content: https://d3sox.me/complementary-discord-theme/hide-nitro-upselling.theme.css

• OpenAsar

  • Open settings, scroll to the bottom on the left and click on the OpenAsar version, then click on Theming
  • Add a new line with this content: @import url(https://d3sox.me/complementary-discord-theme/hide-nitro-upselling.theme.css);

• Replugged

  • Open your themes folder and clone this repository

    git clone https://github.com/D3SOX/complementary-discord-theme

  • Change complementary.theme.css to hide-nitro-upselling.theme.css in complementary-discord-theme/manifest.json

• BetterDiscord

  • Drop the hide-nitro-upselling.betterdiscord.theme.css in your themes folder

🧮 Customize Server Columns

Add and adjust the following CSS

:root {
  --columns: 2;
  --guildsize: 40;
  --guildgap: 3;
  --aligndms: 0;
}