zisra / complementary-discord-theme

🧩 A Discord theme which only provides some QOL enhancements that can be used on top of the official ones

🧩 Complementary 🧩

A Discord theme which only provides some QOL enhancements that can be used on top of the official ones

🎉 Features

• Server Columns
• Settings Icons
• Code block Icons
• JoyPixels emojis
• Collapsed Search Bar
• Hide Nitro upselling
• Hide Help Button
• Custom Fonts

❕ Required Fonts

• SF Pro Display
• SF Mono (For codeblocks)

📥 Installation

If you want the features listed above click here

• Vencord

  • Open settings, click on Vencord Themes
  • Add a new line with this content: https://d3sox.github.io/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.github.io/complementary-discord-theme/complementary.theme.css);

• Powercord/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 Vencord Themes
  • Add a new line with this content: https://d3sox.github.io/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.github.io/complementary-discord-theme/hide-nitro-upselling.theme.css);

• Powercord/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/powercord_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;
}