94 lines
3.0 KiB
CSS
94 lines
3.0 KiB
CSS
/**
|
|
* @name ClearVision V7 for Vencord
|
|
* @author ClearVision Team
|
|
* @version 7.0.0
|
|
* @description Highly customizable theme for Vencord.
|
|
* @source https://github.com/ClearVision/ClearVision-v7
|
|
* @website https://clearvision.github.io
|
|
* @invite dHaSxn3
|
|
* @modified_by DooSkagg
|
|
*/
|
|
/* IMPORT CSS */
|
|
@import url("https://clearvision.github.io/ClearVision-v7/main.css");
|
|
@import url("https://clearvision.github.io/ClearVision-v7/vencord.css");
|
|
@import url("https://mwittrien.github.io/BetterDiscordAddons/Themes/EmojiReplace/base/Apple.css");
|
|
/* SETTINGS */
|
|
:root {
|
|
/* ACCENT COLORS */
|
|
--main-color: #8040ff;
|
|
--hover-color: #40007f;
|
|
--success-color: #43b581;
|
|
--danger-color: #982929;
|
|
/* STATUS COLORS */
|
|
--online-color: #8040ff;
|
|
--idle-color: #8040ff;
|
|
--dnd-color: #8040ff;
|
|
--streaming-color: #8040ff;
|
|
--offline-color: #808080;
|
|
/* APP BACKGROUND */
|
|
--background-shading-percent: 0%;
|
|
--background-image: rgba(0, 0, 0, 0.4);
|
|
--background-attachment: fixed;
|
|
--background-filter: saturate(calc(var(--saturation-factor, 1) * 1));
|
|
/* USER POPOUT BACKGROUND */
|
|
--user-popout-image: var(--background-image);
|
|
--user-popout-attachment: var(--background-attachment);
|
|
--user-popout-filter: var(--background-filter);
|
|
/* USER MODAL BACKGROUND */
|
|
--user-modal-image: var(--background-image);
|
|
--user-modal-attachment: var(--background-attachment);
|
|
--user-modal-filter: var(--background-filter);
|
|
/* HOME ICON */
|
|
--home-icon: url(https://i.imgur.com/233d55Y.gif);
|
|
/* FONTS */
|
|
--main-font: "JetBrainsMono Nerd Font";
|
|
--code-font: "JetBrainsMono Nerd Font";
|
|
}
|
|
|
|
/* THEME SPECIFIC SHADING */
|
|
/* LIGHT THEME */
|
|
:is(.theme-light, .theme-dark .theme-light) {
|
|
--background-shading: rgba(252, 252, 252, 0);
|
|
--card-shading: rgba(252, 252, 252, 0);
|
|
--popout-shading: rgba(252, 252, 252, 0);
|
|
--modal-shading: rgba(252, 252, 252, 0);
|
|
--input-shading: rgba(0, 0, 0, 0);
|
|
--normal-text: #36363c;
|
|
--muted-text: #75757e;
|
|
}
|
|
|
|
/* ASH THEME */
|
|
:is(.theme-dark, .theme-light .theme-dark) {
|
|
--background-shading: rgba(0, 0, 0, 0);
|
|
--card-shading: rgba(0, 0, 0, 0);
|
|
--popout-shading: rgba(0, 0, 0, 0);
|
|
--modal-shading: rgba(0, 0, 0, 0);
|
|
--input-shading: rgba(255, 255, 255, 0);
|
|
--normal-text: #d8d8db;
|
|
--muted-text: #aeaeb4;
|
|
}
|
|
|
|
/* DARK THEME */
|
|
:is(.theme-darker, .theme-light .theme-darker) {
|
|
--background-shading: rgba(0, 0, 0, 0);
|
|
--card-shading: rgba(0, 0, 0, 0);
|
|
--popout-shading: rgba(0, 0, 0, 0);
|
|
--modal-shading: rgba(0, 0, 0, 0);
|
|
--input-shading: rgba(255, 255, 255, 0.05);
|
|
--normal-text: #fbfbfb;
|
|
--muted-text: #94949c;
|
|
}
|
|
|
|
/* ONYX THEME */
|
|
:is(.theme-midnight, .theme-light .theme-midnight) {
|
|
--background-shading: rgba(0, 0, 0, 0);
|
|
--card-shading: rgba(0, 0, 0, 0);
|
|
--popout-shading: rgba(0, 0, 0, 0);
|
|
--modal-shading: rgba(0, 0, 0, 0);
|
|
--input-shading: rgba(255, 255, 255, 0);
|
|
--normal-text: #dcdcde;
|
|
--muted-text: #86868e;
|
|
}
|
|
|
|
/* ADD ADDITIONAL CSS BELOW HERE */
|