/**
* @name LilyPichu
* @author Nyria#3863
* @description A theme based on @Melonturtle_ stream design
* @invite rtBQX5D3bD
* @version 1.0
*/
@import url("https://nyri4.github.io/LilyPichu/main.css");

:root {

/* --- User variables --- */

/* Background (if you want an image replace it by : 

--background-tertiary-alt: url("image-link"); */
--background-tertiary-alt: url("https://wallpaperaccess.com/full/2109.jpg");


/* Border-radius for the whole theme */
--border-radius: 20px;

/* Background color of activity cards*/
--playing: #8ea6fc;
--spotify: #5fce86;
--streaming: #ffffff;
--xbox: #53a853;

}

.theme-dark {

    /* Text */
    --text-normal: #ffffff;
    --header-primary: #ffffff;
    --interactive-normal: #ffffff;
    --channels-default: #f8e1e5;

    --text-muted: #ffffff;
    --interactive-muted: #ffffff;

    --header-secondary: #ffffff;
    --interactive-hover: #ffffff;
    --interactive-active: #ffffff;

    /* Background color */
    --background-primary: rgb(49, 49, 49);
    --background-secondary: #000000;
    --background-secondary-alt: rgb(39, 39, 39);
    --background-tertiary: rgb(48, 48, 48);
    --background-floating: rgb(49, 49, 49);
    --background-accent: rgb(165, 165, 165);
    --channeltextarea-background: var(--background-secondary);
    --background-modifier-hover: rgba(56, 31, 31, 0.32);
    --background-modifier-active: rgba(19, 12, 12, 0.32);
    --background-modifier-selected: rgba(31, 21, 21, 0.32);
    --toast-background: #ffffff !important;
    --toast-header: #ffffff !important;
    --toast-contents: #ffffff !important;
    --toast-border: #ffffff !important;

    /* Scrollbar */
    --scrollbar-auto-thumb: var(--background-tertiary);
    --scrollbar-auto-track: var(--background-secondary-alt);
    --scrollbar-thin-thumb: var(--background-tertiary);
    --scrollbar-thin-track: transparent;

    /* Other */
    --deprecated-quickswitcher-input-background: var(--background-primary);
}
    .colorBrand-ROmMP1 { color: #ffffff;}
    .colorDefault-2K3EoJ.focused-3afm-j, .colorDefault-2K3EoJ:active:not(.hideInteraction-1iHO1O) { background-color: var(--background-modifier-hover) !important;}

    /* Buttons */
    .lookFilled-1Gx00P { background-color: #ffffff !important;}
    .lookFilled-1Gx00P:active, .lookFilled-1Gx00P:hover { background-color: #ffffff !important;}
    .lookOutlined-3sRXeN:not(.colorWhite-rEQuAQ) { color: #ffffff; border-color: #ffffff;}

    /* Hover background */
    .colorDefault-2K3EoJ.focused-3afm-j, .colorDefault-2K3EoJ:active:not(.hideInteraction-1iHO1O) { color: var(--interactive-normal);}

.theme-light {

    /* Text */
    --text-normal: #ffffff;
    --header-primary: #ffffff;
    --interactive-normal: #ffffff;
    --channels-default: #ffffff;

    --text-muted: #ffffff;
    --interactive-muted: #ffffff;

    --header-secondary: #ffffff;
    --interactive-hover: #ffffff;
    --interactive-active: #ffffff;

    /* Background color */
    --background-primary: #FFFFFF;
    --background-secondary: #ffeeee;
    --background-secondary-alt: #ffffff;
    --background-tertiary: #ffffff;
    --background-floating: #ffffff;
    --background-accent: #ffffff;
    --channeltextarea-background: var(--background-secondary);
    --background-modifier-hover: rgba(56, 31, 31, 0.062);
    --background-modifier-active: rgba(19, 12, 12, 0.123);
    --background-modifier-selected: rgba(31, 21, 21, 0.11);

    /* Scrollbar */
    --scrollbar-auto-thumb: var(--background-tertiary);
    --scrollbar-auto-track: var(--background-secondary-alt);
    --scrollbar-thin-thumb: var(--background-tertiary);
    --scrollbar-thin-track: transparent;

    /* Other */
    --deprecated-quickswitcher-input-background: var(--background-primary);
}

    .colorBrand-ROmMP1 { color: #ffffff;}
    .colorDefault-2K3EoJ.focused-3afm-j, .colorDefault-2K3EoJ:active:not(.hideInteraction-1iHO1O) { background-color: var(--background-modifier-hover) !important;}

    /* Buttons */
    .lookFilled-1Gx00P { background-color: #ffffff !important;}
    .lookFilled-1Gx00P:active, .lookFilled-1Gx00P:hover { background-color: #555555 !important;}
    .lookOutlined-3sRXeN:not(.colorWhite-rEQuAQ) { color: #ffffff; border-color: #585858;}

    /* Hover background */
    .colorDefault-2K3EoJ.focused-3afm-j, .colorDefault-2K3EoJ:active:not(.hideInteraction-1iHO1O) { color: var(--interactive-normal);}