Customizable Discord! ✧･ﾟ☆ by aaaaaaaaaaaaaa

/* ==UserStyle==
@name           Customizable Discord! ✧･ﾟ☆
@namespace      USO Archive
@author         birb-naise
@description    `Simple and customizable style for Discord Questions?? Message me at <strong>birb ☽#2379</strong> !
@version        20220814.2.14
@license        CC0-1.0
@preprocessor   uso
@advanced dropdown bg "Background (⚠ For Custom URLs: ⚠ upload image to discord then copy that image's cdn.discordapp URL)" {
noelle "Noelle*" <<<EOT https://cdn.discordapp.com/attachments/465325166369439745/1008187752493355039/cropped-1920-1080-1109233.jpg EOT;
emu "Emu" <<<EOT https://cdn.discordapp.com/attachments/465325166369439745/1008191430470160424/cropped-1920-1080-1209009.png EOT;
b "Chiaki" <<<EOT https://cdn.discordapp.com/attachments/619970417809031188/619986994398887986/chiaki.png EOT;
a "Chika" <<<EOT https://cdn.discordapp.com/attachments/619970417809031188/619986008401772570/chika.jpg EOT;

	mizuki "mizuki" <<<EOThttps://cdn.discordapp.com/attachments/1001173490067591360/1123415958405513336/3ad915f8d6278aced689d494319bcd1d.png EOT;
}
@advanced text bg-custom "Background (⚠ For Custom URLs: ⚠ upload image to discord then copy that image's cdn.discordapp URL) (Custom)" "https://example.com/image.png"
@advanced dropdown theme "Theme (switch theme on discord too)" {
	ba "Dark*" <<<EOT body {
    background: rgba(0, 0, 0, /*[[opacity]]*\/);
}

/* ------REMOVE GREY/WHITE BG COLORS------ *\/
.theme-dark,
.theme-light {
    --header-primary: #fff;
    --header-secondary: #b9bbbe;
    --text-normal: #dcddde;
    --text-muted: #9d9d9d;
    --channels-default: #8e9297;
    --interactive-normal: #b9bbbe;
    --interactive-hover: #dcddde;
    --interactive-active: #fff;
    --interactive-muted: #4f545c;
    --background-primary: transparent;
    --background-secondary: transparent;
    --background-secondary-alt: transparent;
    --background-tertiary: transparent;
    --background-floating: rgba(0, 0, 0, .8);
    --modal-background: rgba(0, 0, 0, .5);
    --modal-footer-background: transparent;
    --input-background: rgba(0, 0, 0, .5);
    --button-secondary-background: rgba(0, 0, 0, .5);
    --channeltextarea-background: transparent;
    --background-modifier-hover: rgba(0, 0, 0, .42);
    --background-modifier-selected: rgba(0, 0, 0, .45);
    --scrollbar-thin-track: transparent;
    --scrollbar-auto-track: transparent;
    --scrollbar-auto-scrollbar-color-track: transparent;
    --elevation-low: none;      /* shadows *\/
}

/* ------POP-UP------ *\/
.footer-1fjuF6,

.headerNormal-T_seeN,
.body-3iLsc4,
/*.container-2McqkF,*\/                      /* search *\/
.autocomplete-3NRXG8,                       /* emoji autocomplete *\/
.layer-2aCOJ3:not(.positionLayer-1cndvf),   /* top bar pop-ups *\/
.footer-1hTRRZ,                             /* server invite footer *\/
.emojiPicker-6YCk8a,                        /* reaction picker *\/
.contentWrapper-3vHNP2 {                    /* emoji/gif picker *\/
    background: rgba(0, 0, 0, .8) !important;
}
 EOT;
bb "Light" <<<EOT body {
    background: rgba(191, 191, 191, /*[[opacity]]*\/);
}

/* ------REMOVE GREY/WHITE BG COLORS------ *\/
.theme-dark,
.theme-light {
    --header-primary: #000;
    --header-secondary: #404142;
    --text-normal: #222;
    --text-muted: #595959;
    --channels-default: #262728;
    --interactive-normal: #262728;
    --interactive-hover: #1e1e1e;
    --interactive-active: #000;
    --interactive-muted: #4f545c;
    --background-primary: transparent;
    --background-secondary: transparent;
    --background-secondary-alt: transparent;
    --background-tertiary: transparent;
    --background-floating: rgba(255, 255, 255, .8);
    --modal-background: rgba(255, 255, 255, .5);
    --modal-footer-background: transparent;
    --input-background: rgba(255, 255, 255, .5);
    --button-secondary-background: rgba(255, 255, 255, .5);
    --channeltextarea-background: transparent;
    --background-modifier-hover: rgba(255, 255, 255, .45);
    --background-modifier-selected: rgba(255, 255, 255, .45);
    --scrollbar-thin-track: transparent;
    --scrollbar-auto-track: transparent;
    --scrollbar-auto-scrollbar-color-track: transparent;
    --elevation-low: none;      /* shadows *\/
}

/* ------POP-UP------ *\/
.footer-1fjuF6,
.headerNormal-T_seeN,
.body-3iLsc4,
/*.container-2McqkF,*\/                      /* search *\/
.autocomplete-3NRXG8,                       /* emoji autocomplete *\/
.layer-2aCOJ3:not(.positionLayer-1cndvf),   /* top bar pop-ups *\/
.footer-1hTRRZ,                             /* server invite footer *\/
.emojiPicker-6YCk8a,                        /* reaction picker *\/
.contentWrapper-3vHNP2 {                    /* emoji/gif picker *\/
    background: rgba(255, 255, 255, .8) !important;
}

/*light theme adjustments*\/
.root-SR8cQa {
    background-color: rgba(255, 255, 255, .8);;
}
 EOT;

}
@advanced color themecolor "Theme Color" #505574
@advanced dropdown opacity "Background Opacity" {
	ae "40%*" <<<EOT .6 EOT;
aa "0%" <<<EOT 1 EOT;
ab "10%" <<<EOT .9 EOT;
ac "20%" <<<EOT .8 EOT;
ad "30%" <<<EOT .7 EOT;
af "50%" <<<EOT .5 EOT;
ag "60%" <<<EOT .4 EOT;
ah "70%" <<<EOT .3 EOT;
ai "80%" <<<EOT .2 EOT;
aj "90%" <<<EOT .1 EOT;
ak "100%" <<<EOT 0 EOT;

}

==/UserStyle== */
@-moz-document domain("discord.com") {
    /* ------BACKGROUND------ */
    :root {
        background: url("/*[[bg]]*/");
        background-size: cover;
        --theme-color: /*[[themecolor]]*/;
    }


    /*[[theme]]*/
    /*misc*/
    .container-2cd8Mz,
    /*friends list*/
    .scrollbar-2rkZSL,
    /*scrollbar*/
    .pad-29zQak,
    .track-1JN30G {
        background: transparent !important;
    }


    /* -------THEME COLOR------*/
    .theme-dark,
    .theme-light {
        --text-link: var(--theme-color);
        --brand-experiment: var(--theme-color);
        --status-danger: var(--theme-color);
        /* ping counter / new mentions */
        --brand-experiment-560: rgba(0, 0, 0, .5);
        /* hover */
        --brand-experiment-600: rgba(0, 0, 0, 1);
        /* click */
    }
}