Modular

Introduction

This is one of the first themes that is made exclusively for Vencord/Vesktop.

Since Discord's update to the new Chromium version, this theme now also supports the regular Vencord.

Features

• High customizability:
  • Add a pre-made Nitro theme or background of your choice and adjust the brightness, blur as well as transparency
  • Client global accent using the HSL scheme
  • A second accent color to highlight important elements and add style
  • Modules (user panel, member list, guild list etc.) that can be flipped around
  • Adjustable chat bubble and status colors
  • Adjustable primary and code font
  • Add a custom name on the titlebar to make the layout more personal
• A revamped look for many elements, including profile panels and modals, Spotify controls, guild list and many more!
• Compatibility and quality of life changes for many of Vesktop's existing plugins
• Several add-ons are available separately in the modular.theme.css file
• Active support (to my ability)
• Some of the elements of this theme are available separately as snippets. Check them out here.

Screenshots

Example Configuration 1

Example Configuration 2

Apply and customize

Apply

There are several methods to apply this theme:

Via Local Themes:

• Download the file modular.theme.css from this repository.
• Open Settings > Vencord > Themes > Local Themes > Open Themes Folder.
• Paste the downloaded file into the themes folder.

Via Online Themes

• Open Settings > Vencord > Themes > Online Themes.
• Paste the following link into Theme Links: https://raw.githubusercontent.com/SEELE1306/Modular/release/modular.theme.css
• Enter or mouse-click outside the Online Themes box to apply

Via QuickCSS

• Open Settings > Vencord > Vencord > Open QuickCSS File
• Paste the following line as your first line (ahead of any other custom CSS): @import url(https://raw.githubusercontent.com/SEELE1306/Modular/release/modular.theme.css);.

Customization

A large part of the following guide is also available inside the modular.theme.css file.

To start customizing your layout, copy and paste the file modular.theme.css into your QuickCSS.

Additional supported add-ons are available in modular.theme.css. For more snippets, you can visit here.

Special thanks to

My theme, at the end of the day, is just a compilation of the many snippets that I have found. I will try my best to credit all the users whose snippets I have ultilized, but if your name does not show up here, feel free to contact me.

Credits

coolesding, Saltssaumure, DaBluLite, Vendicated, CodeF53, AkiraSimplex (akirasimplex on Discord)

Issues

You tell me!