/**
 * @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 */
/* You must install the font 'JetBrainsMono Nerd Font */
@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.6);
    --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.6);
    --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.6);
    --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 */