Giter Club home page Giter Club logo

modular's Introduction

Modular

GitHub Release GitHub License Static Badge

Introduction

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

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

This is what you will see upon loading the theme for the first time

First Load

Layouts can be customized to something like this

Layout Sample

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!

modular's People

Contributors

seele1306 avatar

Stargazers

fal avatar Merlin avatar  avatar  avatar 結束バンドbocchi avatar ビクスリン avatar lina♡ avatar Viovyx avatar elissa avatar  avatar axyie avatar

Watchers

 avatar

Forkers

huderon

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.