Old v6 presets are offered, too. All primarily for dark mode: Sapphire - Darkish blue | Art: https://www.deviantart.com/kuldarleement/art/Stellar-collision-397866757 ; https://www.deviantart.com/kuldarleement/ ; http://www.kuldarleement.eu/ Ruby - Red | Art: https://www.deviantart.com/artistmef/art/Follow-the-path-279366207 ; https://www.deviantart.com/artistmef/ Amber - Orange | Art: https://www.deviantart.com/chromamancer/art/War-March-201045286 ; https://www.furaffinity.net/view/5408230 ; https://www.furaffinity.net/user/chromamancer/ Emerald - Green | Art: Work from "Guild Wars" or "Guild Wars 2" ; http://www.kekaiart.com/guild-wars-2.html ; http://www.kekaiart.com/uploads/5/4/7/6/5476798/7976137_orig.jpg ; http://www.kekaiart.com/t Amethyst - Magenta | Art (tinted purple): https://www.deviantart.com/vityar83/art/gulls-149920115 ; https://www.deviantart.com/vityar83 Halloween - Orange, for festivity | Art: https://www.deviantart.com/unidcolor/art/Halloween-2014-491224711 ; https://www.deviantart.com/unidcolor/ Winter - Light blue, for festivity | Art: https://wall.alphacoders.com/big.php?i=114938 ; unknown artist.
Goals:
only supports visual refresh
supports both light and dark, along with dark variants
ensure all colour variables have some form of calc(var(--saturation-factor,1) * $val) in them
uses smallest css target possible
never use complex selectors before > htmlElement or > * without a very good reason
avoid usage of :has() without a good reason
always give reason for using !important
plugin support in extra files for respective client mods
addons???
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.
Thank you to @Gibbu to providing this.
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 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;
}
To build the theme from source, first install npm from the dependencies below, then you can run pnpm install to install all missing dependencies and pnpm run build to compile the theme into the /public folder.
This section is outdated.
You can run pnpm run test to compile the theme.
The main.css file will be in the /test directory, which can then be copied into your client mod's Custom CSS or placed in the themes folder and enabled in settings. Just make sure any other themes are disabled for testing.
