Addons created for the ClearVision theme. Some addons might not work properly with other themes but should function well with most.
Support: ClearVision Support Server
- Addons Overview
- Gradients | Usage
- Server Size | Usage
- Old Discord Font | Usage
- Speech Bubbles | Usage
- Text Area Underline | Usage
ClearVision Addons enhance the overall appearance and functionality of the ClearVision theme. Below is an overview of each addon and the changes they introduce:
- Gradients: Adds vibrant and customizable gradients to various elements, such as buttons and backgrounds, to give your theme a more dynamic look.
- Server Size: Adjusts the size of server icons, allowing you to customize the layout and space used for each server within the theme.
- Old Discord Font: Reverts the Discord font to the older "Whitney" font for users who prefer the classic aesthetic.
- Speech Bubbles: Transforms chat messages into stylized speech bubbles, providing a fresh, modern look to message bubbles in Discord.
- Text Area Underline: Replaces the standard text input outline with a sleek, dynamic underline that follows the color scheme of the theme.
Enhance your theme with colorful gradients.
Maintained by Nyx
Usage
@import url(https://clearvision.github.io/Addons/gradients.css);
Add the following at the bottom inside of the :root selector:
/* Gradients */
--gradient-color1: var(--main-color); /* primary color [default: var(--main-color)] */
--gradient-color2: var(--hover-color); /* secondary color [default: var(--hover-color)] */
--gradient-direction: 130deg; /* angle of gradient [default: 130deg] */
Customize the values as needed, and you're done!
Adjust the server size with a simple variable.
Maintained by Nyx
Usage
@import url(https://clearvision.github.io/Addons/serversize.css);
Add the following at the bottom inside of the :root selector:
/* Server Size */
--server-size: 48px;
Change the value as needed to customize it, and you're set!
Revert to the old Discord font, Whitney.
Maintained by Nyx, with credit to Overimagine1 for updates.
Usage
@import url(https://clearvision.github.io/Addons/whitney.css);
Change your --main-font back to Whitney:
--main-font: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
Note: If you already have a Whitney font import, this step may be unnecessary.
Transform your chat text into speech bubbles for a fresh look.
Maintained by Leozard ★
Usage
@import url(https://clearvision.github.io/Addons/speech-bubbles.css);
Optional: Customize the bubble colors by adding this inside the :root selector:
/* Speech Bubbles */
--bubble-color: #fff;
--bubble-hover-color: #fff;
Replace the default text area outline with an elegant, dynamic underline.
Maintained by Randymations
Usage
@import url(https://clearvision.github.io/Addons/textAreaUnderline.css);
Done! The underline color will respect your --main-color.