/**
 * @name Demon's Transparent Updated & Optimised
 * @author DemonCut
 * @version v2.1
 * @description Transparent Discord Theme, Up To Date for latest discord UI, and Optimised for Performance.
 * @source https://guns.lol/demoncut
 * @website https://guns.lol/demoncut
 * @invite PVTe6FPn99
 */

/* IMPORT CSS */
@import url("https://clearvision.github.io/ClearVision-v7/main.css");
@import url("https://clearvision.github.io/ClearVision-v7/betterdiscord.css");
/* SETTINGS */
:root {
    /* MAIN COLORS */
    --main-color: #c2c2c2;
    --hover-color: #1e63b3;
    --success-color: #43b581;
    --danger-color: #982929;
    /* PROFILE STATUS COLORS */
    --online-color: #43b581;
    --idle-color: #faa61a;
    --dnd-color: #982929;
    --streaming-color: #593695;
    --offline-color: #808080;
    /* BACKGROUND SETTINGS */
    --background-shading-percent: 0%;
    --background-image: transparent;
    --background-attachment: fixed;
    --background-filter: saturate(calc(var(--saturation-factor, 1) * 1));
    /* USER POPOUT */
    --user-popout-image: var(--background-image);
    --user-popout-attachment: var(--background-attachment);
    --user-popout-filter: var(--background-filter);
    /* USER MODAL */
    --user-modal-image: var(--background-image);
    --user-modal-attachment: var(--background-attachment);
    --user-modal-filter: var(--background-filter);
    /* HOME ICON */
    --home-icon: url(https://clearvision.github.io/icons/discord.svg);
    /* FONTS */
    --main-font: "gg sans", Whitney, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --code-font: Consolas, "gg mono", "Liberation Mono", Menlo, Courier, monospace;
}

/* THEME SPECIFIC */
/* LIGHT */
:is(.theme-light, .theme-dark .theme-light) {
  --background-shading: rgba(252, 252, 252, 0.3);
  --card-shading: rgba(252, 252, 252, 0.3);
  --popout-shading: rgba(252, 252, 252, 0.7);
  --modal-shading: rgba(252, 252, 252, 0.5);
  --input-shading: rgba(0, 0, 0, 0.3);
  --normal-text: #36363c;
  --muted-text: #75757e;
}

/* ASH */
:is(.theme-dark, .theme-light .theme-dark) {
  --background-shading: rgba(0, 0, 0, 0.4);
  --card-shading: rgba(0, 0, 0, 0.2);
  --popout-shading: rgba(0, 0, 0, 0.6);
  --modal-shading: rgba(0, 0, 0, 0.4);
  --input-shading: rgba(255, 255, 255, 0.05);
  --normal-text: #d8d8db;
  --muted-text: #aeaeb4;
}

/* DARK */
:is(.theme-darker, .theme-light .theme-darker) {
  --background-shading: rgba(0, 0, 0, 0.6);
  --card-shading: rgba(0, 0, 0, 0.3);
  --popout-shading: rgba(0, 0, 0, 0.7);
  --modal-shading: rgba(0, 0, 0, 0.5);
  --input-shading: rgba(255, 255, 255, 0.05);
  --normal-text: #fbfbfb;
  --muted-text: #94949c;
}

/* ONYX */
:is(.theme-midnight, .theme-light .theme-midnight) {
  --background-shading: rgba(0, 0, 0, 0.8);
  --card-shading: rgba(0, 0, 0, 0.4);
  --popout-shading: rgba(0, 0, 0, 0.8);
  --modal-shading: rgba(0, 0, 0, 0.6);
  --input-shading: rgba(255, 255, 255, 0.05);
  --normal-text: #dcdcde;
  --muted-text: #86868e;
}