ClearVision v6

Theme Editor

You can now customize the theme with a preview before downloading it to your computer.

Please keep in mind that we do not manage the theme editor, and cannot help with any bugs that come from using it.

Theme Editor

Thank you to @Gibbu to providing this.

Installing

Note: ClearVision doesn't actively support plugins (as in, we don't seek out and actively theme fixes to every new plugin). However, when a plugin is widely used, we try our best to stay compatible.

For BD and Vencord:

Download the theme file from our official support server, the BetterDiscord Website or releases and move it into your injector's themes folder:

• BetterDiscord: %appdata%\betterdiscord\themes
• Vencord: %appdata%\vencord\themes

For Replugged:

Check out our replugged theme here!

For using the theme online:

There are multiple ways to do this if your client offers using an online version. The suggested two are https://clearvision.github.io/ClearVision-v6/main.css or https://raw.githubusercontent.com/ClearVision/ClearVision-v6/master/ClearVision_v6.theme.css

For customizing the theme from there, you'll want to use custom css and add any variables you'd like to change. It should look something like this

:root {
  --main-color: red;
  --hover-color: yellow;
}

Building from source

To build the theme from source, first install npm from the dependecies below, then you can run npm install to install all missing dependencies and npm run build to compile the theme into the /public folder.

Dependencies

• NodeJS/npm
• sass
• PostCSS Autoprefixer
• PostCSS CLI
• rimraf (for cleanup)
• Prettier (code formatting)

Contributing

You can run npm run test to compile the theme. The main.css file will be in the /test directory, which can then be copied into BetterDiscord's Custom CSS, or placed in the themes folder and enabled in settings, make sure any other theme's are disabled for testing.