idk' by Hearts4luka

/* ==UserStyle==
@name         idk'
@version      20230805.07.50
@namespace    ?
==/UserStyle== */

/* ==UserStyle==
@name         Customizable Discord! ✧･ﾟ☆
@namespace    USO Archive
@version      20230614.20.04
@description  "Simple and very customizable style for Discord!\r\n\r\nQuestions?? <a href=\"https://childish-saver-517.notion.site/Discord-Style-Questions-15ad17ec73c04e07ba8630e607cff1da?pvs=4\">Read this</a> or message me at <strong>birb ☽#2379</strong> ! Userstyles.org doesn't notify me of any comments here"
@author       birb-naise
@license      CC0-1.0
@preprocessor uso
@advanced dropdown bg "Background (https://media.discordapp.net/attachments/1126016662332780597/1137279723798540288/Steam_Workshop__Kokomi_-_Starfall.gif)" {
  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;
  aibg "Ai" <<<EOT https://cdn.discordapp.com/attachments/619970417809031188/1118439392420315156/cropped-1920-1080-13149511.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;
  bg-custom-dropdown "Custom" <<<EOT /*[[bg-custom]]*\/ EOT;
}
@advanced text bg-custom "Background (https://media.discordapp.net/attachments/1126016662332780597/1137279723798540288/Steam_Workshop__Kokomi_-_Starfall.gif) (Custom)" "https://foo.com/123.jpg"
@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 {
    --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 *\/
    --primary-630: rgba(0, 0, 0, .5);   /* Active Now activities *\/
    --profile-gradient-primary-color: rgba(0, 0, 0, .5);    /* unthemed profile bg *\/
}
/* don't change text colors for custom profiles *\/
.theme-dark:not(.userPopoutOuter-1OHwPL),
.theme-light:not(.userPopoutOuter-1OHwPL) {
    --header-primary: #fff;
    --header-secondary: #b9bbbe;
    --text-normal: #dcddde;
}

/* ------POP-UP------ *\/
.footer-1fjuF6,
.headerNormal-T_seeN,
.body-3iLsc4,
.autocomplete-3NRXG8,                       /* emoji autocomplete *\/
.messagesPopoutWrap-3zryHW,                 /* Threads pop-up *\/
.container-18GwIk,                          /* Pinned pop-up *\/
.footer-1hTRRZ,                             /* server invite footer *\/
.container-2kTWmC,                          /* role picker *\/
.contentWrapper-2f9yME,                     /* 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 *\/
    --primary-630: rgba(255, 255, 255, .5);   /* Active Now activities *\/
    --profile-gradient-primary-color: rgba(255, 255, 255, .5);    /* unthemed profile bg *\/
}
/* don't change text colors for custom profiles *\/
.theme-dark:not(.userPopoutOuter-1OHwPL),
.theme-light:not(.userPopoutOuter-1OHwPL) {
{
    --header-primary: #fff;
    --header-secondary: #b9bbbe;
    --text-normal: #dcddde;
}

/* ------POP-UP------ *\/
.footer-1fjuF6,
.headerNormal-T_seeN,
.body-3iLsc4,
.autocomplete-3NRXG8,                       /* emoji autocomplete *\/
.messagesPopoutWrap-3zryHW,                 /* Threads pop-up *\/
.container-18GwIk,                          /* Pinned pop-up *\/
.footer-1hTRRZ,                             /* server invite footer *\/
.container-2kTWmC,                          /* role picker *\/
.contentWrapper-2f9yME,                     /* 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;
}
@advanced dropdown font "Font" {
  ggsans "gg sans (Default)*" <<<EOT gg sans EOT;
  arialblack "Arial Black" <<<EOT Arial Black EOT;
  Consolas "Consolas" <<<EOT Consolas EOT;
  cambria "Cambria" <<<EOT Cambria EOT;
  rockwell "Rockwell" <<<EOT Rockwell EOT;
  candara "Candara" <<<EOT Candara EOT;
  centurygothic "Century Gothic" <<<EOT Century Gothic EOT;
  couriernew "Courier New" <<<EOT Courier New EOT;
  arial "Arial" <<<EOT Arial EOT;
  comicsansms "Comic Sans MS" <<<EOT Comic Sans MS EOT;
}
==/UserStyle== */

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


/*[[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 */
    --background-accent: var(--theme-color);      /* You're viewing older messages */
    --brand-experiment-560:rgba(0, 0, 0, .5);   /* hover */
    --brand-experiment-600: rgba(0, 0, 0, 1);   /* click */
}

/* ------FONT------ */
body {
    --font-primary: var(--theme-font), "gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    --font-display: var(--theme-font), "gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
}