/* ==UserStyle==
@name         l4kr's Dark Discord
@namespace    USO Archive
@author       Quang Anh Tran
@description  Dark and modern Discord theme. Actually maintained because I use it myself.
@version      20240701.07.59
@license      NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain("discord.com") {
    /*
* The Theme Was Created By Loiren.
*/
    body {
        background-color: #0F1114;
        background-image: radial-gradient(at 47% 33%, hsl(228.00, 17%, 7.000000000000001%) 0, transparent 59%),
        radial-gradient(at 82% 65%, hsl(218.00, 39%, 11%) 0, transparent 55%);
    }
    :root.theme-dark,
    .theme-light {
        --background-primary: transparent;
        --background-secondary: transparent;
        --background-tertiary: transparent;
    }
    /*user profile card*/
    .userPopout-2j1gM4 {
        background-color: #101c27;
        background-image: radial-gradient(at 47% 33%, hsl(217.50, 32%, 10%) 0, transparent 59%),
        radial-gradient(at 82% 65%, hsl(211.43, 37%, 11%) 0, transparent 55%);
    }
    .userPopout-2j1gM4 .bodyInnerWrapper-2bQs1k {
        background-color: #101c27;
    }
    .footer-3naVBw {
        background-color: #101c27;
    }
    .input-2z42oC {
        background-color: #0C151E;
    }
    .avatar-2Vndt_ {
        border: 6px solid transparent;
        background-color: transparent;
    }
    .body-1Ukv50,
    .topSection-13QKHs {
        background-color: #101c27;
        background-image: radial-gradient(at 47% 33%, hsl(217.50, 32%, 10%) 0, transparent 59%),
        radial-gradient(at 82% 65%, hsl(211.43, 37%, 11%) 0, transparent 55%);
    }
    .avatar-3QF_VA {
        border: 0px;
    }
    /*dm*/
    .scrollableContainer-15eg7h {
        background-color: #0e0e0e;
    }
    /*members list*/
    .clickable-28SzVr.container-1oeRFJ {
        transition-property: background;
        transition-duration: 0.2s;
        transition-timing-function: linear;
    }
    .clickable-28SzVr.container-1oeRFJ:hover,
    .clickable-28SzVr.container-1oeRFJ:hover .muted-14PyqW {
        background-color: rgba(79, 84, 92, 0.16);
    }

    /*servers*/
    .content-1gYQeQ {
        transition-property: background;
        transition-duration: 0.2s;
        transition-timing-function: linear;
    }
    .content-1gYQeQ:hover {
        background-color: rgba(79, 84, 92, 0.16);
    }

    /*nitro page*/
    .applicationStore-2nk7Lo {
        background-color: #0F1114;
        background-image: radial-gradient(at 47% 33%, hsl(228.00, 17%, 7.000000000000001%) 0, transparent 59%),
        radial-gradient(at 82% 65%, hsl(218.00, 39%, 11%) 0, transparent 55%);
    }

    .theme-dark .feature-2IUcBI {
        transition-property: background;
        transition-duration: 0.2s;
        transition-timing-function: linear;
        background-color: rgba(12, 13, 15, 0.3);
    }
    .theme-dark .feature-2IUcBI:hover {
        background-color: rgba(79, 84, 92, 0.16);
    }
    /*friend page*/
    .theme-dark .container-2cd8Mz {
        background-color: #0F1114;
        background-image: radial-gradient(at 47% 33%, hsl(228.00, 17%, 7.000000000000001%) 0, transparent 59%),
        radial-gradient(at 82% 65%, hsl(218.00, 39%, 11%) 0, transparent 55%);
    }
    .section-3G9aLW {
        background-color: #0F1114;
    }
    .itemCard-3Etziu {
        transition-property: background;
        transition-duration: 0.2s;
        transition-timing-function: linear;
    }
    .theme-dark .outer-2JOHae.active-1W_Gl9,
    .theme-dark .outer-2JOHae.interactive-2zD88a:hover {
        background-color: rgba(79, 84, 92, 0.16);
    }
    .peopleListItem-u6dGxF {
        transition-property: background;
        transition-duration: 0.2s;
        transition-timing-function: linear;
    }
    .peopleListItem-u6dGxF:hover {
        background-color: rgba(79, 84, 92, 0.16);
    }
    .brand-3g5E0C.item-3XjbnG,
    .themed-2-lozF.item-3XjbnG {
        transition-property: background;
        transition-duration: 0.2s;
        transition-timing-function: linear;
    }
    .brand-3g5E0C:hover .item-3XjbnG:hover,
    .themed-2-lozF:hover .item-3XjbnG:hover {
        background-color: #fff;
    }
    /*settings*/
    .themed-2-lozF {
        transition-property: background;
        transition-duration: 0.2s;
        transition-timing-function: linear;
    }
    .themed-2-lozF:hover {
        background-color: rgba(79, 84, 92, 0.16);
    }
    .profileBannerPreview-3mLIdO {
        background-color: #0f1114;
    }
    .avatarUploaderInner-p38nm2 {
        border: 0px;
    }
    .notice-1Qe0b_ {
        background-color: #161015;
    }
    .itemFilled-1cPbtg {
        background-color: #0f1114;
        transition-property: background;
        transition-duration: 0.2s;
        transition-timing-function: linear;
    }
    .accountList-305sx3 {
        background-color: #0f1114;
    }
    .connectionHeader-2rV1ze {
        background: #111927;
    }
    .cardPrimaryOutline-1ofwVz {
        transition-property: background;
        transition-duration: 0.2s;
        transition-timing-function: linear;
    }
    .cardPrimaryOutline-1ofwVz:hover {
        background-color: rgba(79, 84, 92, 0.16);
    }
    .cardPrimary-3qRT__ {
        background-color: #0f1114;
    }
    .theme-dark .paginator-1eqD2g,
    .theme-dark .bottomDivider-ZmTm-j {
        background-color: #0f1114;
    }
    .theme-dark .expandedInfo-1W31i3 {
        background-color: #16191E;
    }
    /*inbox*/
    /*//unreads//*/
    .container-2ebMPP {
        background-color: #0f1114;
        background-image: radial-gradient(at 47% 33%, hsl(165.00, 0%, 0%) 0, transparent 59%),
        radial-gradient(at 82% 65%, hsl(261.67, 60%, 12%) 0, transparent 55%);
    }
    .full-motion .button-1_oXub {
        transition: color .2s ease;
    }

    /*//mentions//*/
    .messagesPopoutWrap-3zryHW {
        background-color: #0f1114;
        background-image: radial-gradient(at 47% 33%, hsl(165.00, 0%, 0%) 0, transparent 59%),
        radial-gradient(at 82% 65%, hsl(16.36, 60%, 7.000000000000001%) 0, transparent 55%);
    }
    .channelHeader-DFRX8q {
        background-color: #0f1114;
    }
    /*discover*/
    .theme-dark .pageWrapper-2PwDoS {
        background-color: #0F1114;
        background-image: radial-gradient(at 47% 33%, hsl(228.00, 17%, 7.000000000000001%) 0, transparent 59%),
        radial-gradient(at 82% 65%, hsl(218.00, 39%, 11%) 0, transparent 55%);
    }
    /*create server*/
    .theme-dark .root-g14mjS {
        background-color: #0F1114;
    }
    .base-21yXnu {
        color: #fff;
        /*#747f8d;*/
    }
    .colorHeaderSecondary-g5teka {
        color: var(--text-muted);
    }
    .theme-dark .footer-31IekZ {
        background-color: #0f1114;
    }
    .container-x8Y1ix {
        transition-property: background;
        transition-duration: 0.2s;
        transition-timing-function: linear;
    }
    .container-x8Y1ix:hover {
        background-color: rgba(79, 84, 92, 0.16);
    }
    .colorStandard-21JIj7 {
        color: #B4BDC8;
    }
    .sampleLink-5BWNy9 {
        color: #fff;
    }
    .rowContainer-3t7486 {
        background-color: #191C21;
    }

    /*emojis etc.*/
    .inspector-DFKXwB {
        background-color: #0F1114;
    }
    .colorStandard-21JIj7 {
        color: #fff;
    }
    /*find*/
    .input-3r5zZY {
        background-color: #191C21;
    }
    /*extra*/
    .theme-dark .colorPickerCustom-1swUKF {
        background-color: #191C21;
    }
    .item-1OdjEX {
        transition-property: background;
        transition-duration: 0.2s;
        transition-timing-function: linear;
    }
    #status-picker-idle:hover {
        background: #f7a821;
    }
    #status-picker-online:hover {
        background: #3ba55d;
    }
    #status-picker-dnd:hover {
        background: #a63d3f;
    }
    #status-picker-invisible:hover {
        background: #474f55;
    }
    .option-2eIyOn[aria-selected=true] {
        background: #111927;
    }
    .option-2eIyOn {
        transition-property: background;
        transition-duration: 0.2s;
        transition-timing-function: linear;
    }
    .cardWrapper-CyvwQv {
        transition-property: background;
        transition-duration: 0.2s;
        transition-timing-function: linear;
    }
    .cardWrapper-CyvwQv:hover {
        background-color: rgba(79, 84, 92, 0.16);
    }
    .menu-1QACrS {
        background-color: #0F1114;
    }
    .labelContainer-2vJzYL {
        transition-property: background;
        transition-duration: 0.2s;
        transition-timing-function: linear;
    }
    .optionBox-1UOevl {
        background-color: #191C20;
    }
    .theme-dark .friend-8ZraY7 {
        transition-property: background;
        transition-duration: 0.2s;
        transition-timing-function: linear;
    }
    .theme-dark .friend-8ZraY7:hover {
        background-color: rgba(79, 84, 92, 0.16);
    }
    .panels-3wFtMD {
        transition-property: background;
        transition-duration: 0.2s;
        transition-timing-function: linear;
        background-color: #0C0D0F;
    }
    .theme-dark .autocomplete-3NRXG8 {
        background-color: #191C20;
    }
    div.side-2ur1Qk > div.info-1sUqUG::after {
        content: "The theme was created by Loiren." !important;
        color: var(--text-muted) !important;
        font-size: 12px !important;
    }
    /* l4kr's fork */
    :root {
        --brand-500: #2d3b59;
        --primary-530: #202a3f;
        --primary-560: #181e24;
        --primary-645: transparent;
        --primary-660: transparent;
        --primary-600: transparent;
        --elevation-stroke: 0 0 0 5px rgba(4, 4, 5, 0.15)
    }
    .focusLock_f9a4c9 {
        background-color: #41414194
    }
    .wrapper_ef319f {
        background-color: #1e2137
    }
    /* Fuck Nitro */
#app-mount > div.appAsidePanelWrapper_bd26cc > div.notAppAsidePanel_bd26cc > div.app_bd26cc > div > div.layers_d4b6c5.layers_a01fb1 > div > div > div > div > div.sidebar_a4d4d9 > nav > div.scroller_c47fa9.thin_eed6a8.scrollerBase_eed6a8.fade_eed6a8 > ul > li:nth-child(3) > div > a {
        display: none;
    }


    /* The background of the scrollbar */
    ::-webkit-scrollbar-track {
        background: transparent !important;
        border-radius: 10px !important;
        margin: 2px !important;
    }

    /* The scrollbar handle */
    ::-webkit-scrollbar-thumb {
        background: #2f3746 !important;
        border-radius: 10px !important;
        border: 2px solid transparent !important;
        /* Adds padding and creates a gap between thumb and track */
    }

    /* The scrollbar handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #888 !important;
    }

    /* Horizontal scrollbar specific styling */
    ::-webkit-scrollbar-track:horizontal {
        height: 6px !important;
        /* Matches the thinner height */
    }

    ::-webkit-scrollbar-thumb:horizontal {
        height: 6px !important;
        border-radius: 10px !important;
    }
    #app-mount > div.appAsidePanelWrapper_bd26cc > div.notAppAsidePanel_bd26cc > div.app_bd26cc > div > div.layers_d4b6c5.layers_a01fb1 > div > div > div > div > div.chat_a7d72e > div.content_a7d72e > main > div.messagesWrapper_e2e187.group-spacing-16 > div::-webkit-scrollbar {
       width: 10px !important;
    }
    .focusLock_f9a4c9 {
        background-color: transparent !important;
    }
}