index.css

.theme-dark,
:root {
    --background-primary: #181818 !important;
    --background-secondary: #1d1d1d !important;
    --background-tertiary: #181818 !important;
    --background-text-area: #292929 !important;
    --background-floating: #1f1f1f !important;
    --scrollbar-auto-track: rgb(41, 41, 41);
    --scrollbar-auto-thumb: rgb(77, 77, 77);
    --container-hover: rgb(58, 58, 58);
    --container-active: rgb(83, 83, 83);
    --container-avatar: rgb(39, 39, 39);
    --layout-selected: rgba(79, 84, 92, 0.32);
    --searchBar-hover: rgb(58, 58, 58);
    --searchBar-open: rgb(58, 58, 58);
    --scroller: rgb(34, 34, 34);
    --spoilerText: rgb(39, 39, 39);
    --spoilerText-hover: rgb(54, 54, 54);
    --uploadModal: #1f1f1f;
    --footer: #292929;
    --selected-hover: #303030;
    --selected-active: #4b4b4b;
    --expandedFolder: #2b2b2b;
    --closedFolder: #2b2b2b;
    --closedFolderIconWrapper: #424242;
    --peopleList: #272727;
    --actionButton-hover: rgb(70, 70, 70);
    --feature-hover: rgb(58, 58, 58);
    --childWrapper: #303030;
    --searchBarCom-hover: rgb(51, 51, 51);
    --expandedFolderIcon: #2b2b2b;
    --expandedFolderIconWrapper-hover: #3f3f3f;
    --body-footer: #1f1f1f;
    --headerTop: #181818;
    --The-272727: #272727;
    --The-181818: #181818;
    --text-area-focus: #141414;
    --lookFilled-colorBrand: rgb(29, 29, 29);
    --lookFilled-colorBrand-hover: rgb(75, 75, 75);
    --colorPrimary: #525252;
    --colorPrimary-hover: rgb(59, 59, 59);
    --lookOutlined: #414141;
    --The-292929: #292929;
    --The-555555: #555555;
    --The-161616: #161616;
    --perk-hover: rgb(65, 65, 65);
    --perk-active: rgb(46, 46, 46);
    --lookFilled-disabled: rgb(24, 24, 24);
    --connectedAccount-hover: rgb(56, 56, 56);
    --circleIconButton-selected: rgb(66, 66, 66);
    --circleIconButton-active: rgb(122, 122, 122);
    --The-82: rgb(82, 82, 82);
    --The-58: rgb(58, 58, 58);
    --The-126: rgb(126, 126, 126);
    --subtitle: rgb(163, 163, 163);
    --The-59: rgb(59, 59, 59);
    --The-83: rgb(83, 83, 83);
    --The-163: rgb(163, 163, 163);
    --The-102: rgb(102, 102, 102);
    --The-94: rgb(94, 94, 94);
    --childWrapper-1j_1ub: rgb(124, 124, 124);
    --The-92: rgb(92, 92, 92);
    --The-85: rgb(85, 85, 85);
    --The-49: rgb(49, 49, 49);
    --The-48: rgb(48, 48, 48);
    --The-34: rgb(34, 34, 34);
    --ToolTip: rgb(51, 51, 51);
}
.theme-dark .scrollableContainer-15eg7h {
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: var(--background-text-area);
    max-height: 50vh;
    border-radius: 4px;
    scrollbar-width: none;
    transition: all 0.2s;
}
.theme-dark .scrollableContainer-15eg7h:hover {
    background-color: var(--container-hover);
}
.theme-dark .scrollableContainer-15eg7h:active {
    background-color: var(--container-active);
}
.theme-dark .message-2CShn3.selected-2LX7Jy .buttons-3dF5Kd, .mouse-mode .message-2CShn3:hover .buttons-3dF5Kd {
    opacity: 2;
    pointer-events: auto;
}
.theme-dark .container-YkUktl, .container-YkUktl .avatar-1EWyVD {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: var(--container-avatar);
}
.theme-dark .selected-1-Z6gm .layout-1qmrhw {
    background-color: var(--layout-selected);
    border-radius: 4px;
}
.theme-dark .clickable-28SzVr:hover .layout-1qmrhw {
    background-color: var(--background-modifier-hover);
    cursor: pointer;
    border-radius: 4px;
}
.theme-dark .searchBar-zdmu7v {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 24px;
    width: 144px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: text;
    overflow: hidden;
    padding: 0 2px;
    color: var(--text-normal);
    background-color: var(--background-text-area);
}
.theme-dark .searchBar-zdmu7v:hover{
    background-color: var(--searchBar-hover);
}
.theme-dark .focused-8aNhVB .searchBar-zdmu7v, .open-3y3yI_ .searchBar-zdmu7v{
    width: 240px;
    background-color: var(--searchBar-open);
}

.theme-dark .item-2LIpTv {
    position: absolute;
    display: block;
    width: 8px;
    border-radius: 6px 4px 4px 6px;
    margin-left: -4px;
    background-color: var(--header-primary);
}
.theme-dark .scroller-1bVxF5 {
    padding: 6px 8px;
    background-color: var(--scroller);
    border-radius: 4px;
}
.theme-dark .spoilerText-27bIiA.hidden-3B-Rum {
    background-color: var(--spoilerText) !important;
    transition: all 0.2s;
}
.theme-dark .spoilerText-27bIiA.hidden-3B-Rum:hover {
    background-color: var(--spoilerText-hover) !important;
}
.theme-dark .theme-dark .uploadModal-2ie9O_ {
    background-color: var(--uploadModal);
    -webkit-box-shadow: 0 0 0 1px rgba(32,34,37,.6), 0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(32,34,37,.6), 0 2px 10px 0 rgba(0,0,0,.2);
}
.theme-dark .footer-VCsJQY {
    background-color: var(--footer);
    -webkit-box-shadow: inset 0 1px 0 rgba(47,49,54,.6);
    box-shadow: inset 0 1px 0 rgba(47,49,54,.6);
}
.theme-dark .selected-3H3-RC {
    background-color: var(--background-text-area);
    transition: all 0.2s;
}
.theme-dark .autocompleteInner-y1mjDl {
    padding-bottom: 8px;
    background-color: var(--background-primary);
}
.theme-dark .selected-3H3-RC:hover{
    background-color: var(--selected-hover);
}
.theme-dark .selected-3H3-RC:active{
    background-color: var(--selected-active);
}
.theme-dark .expandedFolderBackground-1cujaW {
    position: absolute;
    top: 0;
    left: 12px;
    bottom: 8px;
    width: 48px;
    border-radius: 24px;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out;
    background-color: var(--expandedFolder);
}
.theme-dark .closedFolderIconWrapper-2sTcE6 {
    width: 48px;
    height: 48px;
    padding: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: grid;
    background-color: var(--closedFolder);
    grid-template: 1fr 1fr/1fr 1fr;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.theme-dark .closedFolderIconWrapper-2sTcE6:hover{
    background-color: var(--closedFolderIconWrapper);
}
.theme-dark .peopleList-2VBrVI {
    padding-bottom: 8px;
    background-color: var(--peopleList);
}
.theme-dark .actionButton-3-B2x-{
    transition: all 0.2s;
    transform: scale(1);
}
.theme-dark .actionButton-3-B2x-:hover{
    transform: scale(1.1);
    background-color: var(--actionButton-hover);
}
.theme-dark .feature-2IUcBI {
    background-color: var(--background-secondary-alt);
    transition: all 0.2s;
}
.theme-dark .feature-2IUcBI:hover {
    background-color: var(--feature-hover);
}
.theme-dark .profileBadge-12r2Nm {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    cursor: pointer;
    width: 24px;
    transition: all 0.2s;
    height: 24px;
}
.theme-dark .profileBadge-12r2Nm:hover {
    transform: scale(0.8);
}
.theme-dark .closeButton-PCZcma {
    border-color: #72767d;
}
.theme-dark .closeButton-PCZcma:hover {
    background-color: rgb(248, 54, 54);
    border-color: rgb(248, 54, 54);
}
.theme-dark .childWrapper-1j_1ub {
    -webkit-transition: background-color .15s ease-out,color .15s ease-out;
    transition: background-color .15s ease-out,color .15s ease-out;
    background-color: var(--childWrapper);
    color: var(--text-normal);
}
.theme-dark .embedSuppressButton-1rZHq6 {
    opacity: 0;
    position: absolute;
    top: -2px;
    right: -20px;
    cursor: pointer;
    padding: 2px;
    color: var(--interactive-normal);
}
.theme-dark .embedSuppressButton-1rZHq6:hover{
    color: red;
}
.theme-dark .searchBar-3TnChZ .searchBarComponent-3N7dCG {
    width: 100%;
    height: 28px;
    overflow: hidden;
    border-radius: 4px;
    background-color: var(--background-text-area);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--text-muted);
    text-align: left;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    transition: all 0.2s;
    white-space: nowrap;
}
.theme-dark .searchBar-3TnChZ .searchBarComponent-3N7dCG:hover{
    background-color: var(--searchBarCom-hover);
}

.theme-dark .input-3r5zZY {
    background: transparent;
    background-color: #2929295e;
    color: var(--text-normal);
}
.scroller-2qwVWY{
    background: transparent;
}
.backdrop-2ByYRN{
    opacity: .8 !important;
}
.theme-dark .quickswitcher-pKcM9U {
    opacity: 0.9;
    backdrop-filter: blur(12px);
    display: flex;
    background-color: var(--background-secondary);
    background: transparent;
    color: var(--text-normal);
}

.theme-dark .expandedFolderIconWrapper-Huv7rA {
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--expandedFolderIcon);
}
.theme-dark .expandedFolderIconWrapper-Huv7rA:hover{
    background-color: var(--expandedFolderIconWrapper-hover);
}
.theme-dark .closeIcon-1NwtbI:hover {
    color: red;
}
.theme-dark .body-3iLsc4, .theme-dark .footer-1fjuF6{
    background-color: var(--body-footer);
}
.theme-dark .headerTop-3C2Zn0 {
    background-color: var(--headerTop);
}
.activity-11LB_k{
    background-color: var(--The-272727);
}
.activity-1ythUs{
    background-color: var(--The-272727);
}
.header-QKLPzZ{
    background-color: var(--The-181818);
}
.tabBarContainer-1s1u-z{
    background-color: var(--The-272727);
}
.lookOutlined-3yKVGo.colorWhite-1H92hK:hover {
    color: rgb(161, 161, 161);
    border-color: var(--The-272727);
    background-color: var(--The-181818);
}
.textarea-_59yqs:hover{
    background-color: var(--The-272727);
}
.textarea-_59yqs:focus{
    background-color: var(--text-area-focus);
}
.withFrame-2dL45i {
    height: 21px;
    margin-top: 4px;
}
.winButton-3UMjdg {
    position: relative;
    top: -4px;
    cursor: pointer;
    width: 28px;
    height: 28px;
    pointer-events: auto;
    -webkit-app-region: no-drag;
}
.modalContent-3YXA7I{
    background-color: var(--background-primary);
}
.theme-dark .footer-31IekZ{
    background-color: var(--background-text-area);
}
.lookFilled-yCfaCM.colorBrand-I6CyqQ {
    color: #fff;
    background-color: var(--lookFilled-colorBrand);
}
.lookFilled-yCfaCM.colorBrand-I6CyqQ:hover {
    color: #fff;
    background-color: var(--lookFilled-colorBrand-hover);
}
.lookFilled-yCfaCM.colorBrand-I6CyqQ:active {
    color: #fff;
    background-color: rgb(28, 207, 28);
}
.theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo {
    color: #f6f6f7;
    background-color: var(--colorPrimary);
}
.theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover {
    color: #f6f6f7;
    background-color: var(--colorPrimary-hover);
}
.theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo:active {
    color: #f6f6f7;
    background-color: rgb(238, 54, 54);
}
.actionIcon-2sw4Sl {
    color: var(--interactive-normal);
    transition: all 0.1s;
}
.actionIcon-2sw4Sl:active{
    color: rgb(69, 108, 235);
}
.scroller-3nFW5p{
    background-color: var(--background-secondary);
}
.theme-dark .separator-2lLxgC{
    background-color: var(--background-text-area);
}
.lookOutlined-3yKVGo.colorGreen-3y-Z79 {
    color: #fff;
    border-color: var(--lookOutlined);
    transition: all 0.1s;
}
.lookFilled-yCfaCM.colorGreen-3y-Z79 {
    color: #fff;
    border-color: var(--The-292929);
    background-color: var(--The-292929);
}
.lookFilled-yCfaCM.colorGreen-3y-Z79:hover {
    color: #fff;
    border-color: var(--The-292929);
    background-color: var(--The-555555);
}
.lookFilled-yCfaCM.colorGreen-3y-Z79:active {
    color: #fff;
    border-color: var(--The-292929);
    background-color: var(--The-161616);
}
.close-1mLglB {
    height: 26px;
    padding: 4px;
    opacity: .5;
    cursor: pointer;
    border-radius: 3px;
    color: var(--interactive-normal);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.close-1mLglB:hover{
    color: rgb(248, 54, 54);
}
.settingsContent-FljNi7{
    background-color: var(--background-primary);
}
.header-1zd7se{
    background-color: var(--background-text-area);
}
.content-2hZxGK{
    background-color: var(--background-primary);
}
.perksModalContentWrapper-2HU6uL{
    background-color: var(--background-text-area);
}
.theme-dark .perksModal-fSYqOq {
    background-image: url(/assets/c486dc6….svg);
    background-color: var(--background-text-area);
}
.theme-dark .perk-2WeBWW{
    background-color: var(--background-tertiary);
    transition: cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
}
.theme-dark .perk-2WeBWW:hover{
    background-color: var(--perk-hover);
    transform: scale(1.1);
}
.theme-dark .perk-2WeBWW:active{
    background-color: var(--perk-active);
    transform: scale(1);
}
.lookFilled-yCfaCM.colorBrand-I6CyqQ:disabled{
    background-color: var(--lookFilled-disabled);
}
.theme-dark .errorState-1R6bBt{
    background-color: var(--background-primary);
}
.noResults-1ceiMB, .scroller-1Kbkqa{
    background-color: var(--background-secondary);
}
.footer-C9oLp9{
    background-color: var(--background-text-area);
}
.container-1zzFcN{
    background-color: var(--background-text-area);
}
.quickSelectPopoutOption-2E2UmS{
    background-color: var(--background-text-area);
}
.root-22AK9z{
    background-color: var(--background-secondary);
}
.colorable-3rVGna.red-3T8maV.active-3D763s, .colorable-3rVGna.red-3T8maV:hover{
    background: rgb(158, 28, 28);
}
.unread-36eUEm {
    position: absolute;
    height: 31px;
    width: 3px;
    border-radius: 4px 14px 14px 4px;
    top: 14%;
    left: 0px;
    margin-top: -4px;
}
.unread-36eUEm{
    background-color: #7289DA;
}
.modeConnected-NrO4cP .name-28HaxV, .modeConnected-NrO4cP:hover .name-28HaxV, .modeSelected-3DmyhH .name-28HaxV, .modeSelected-3DmyhH:hover .name-28HaxV, .modeUnread-3Cxepe .name-28HaxV, .modeUnread-3Cxepe:hover .name-28HaxV, .notInteractive-2tFrlE.modeConnected-NrO4cP .name-28HaxV, .notInteractive-2tFrlE.modeSelected-3DmyhH .name-28HaxV{
    color: #7289DA;
}
.modeConnected-NrO4cP:hover .name-28HaxV, .modeConnected-NrO4cP:hover .name-28HaxV, .modeSelected-3DmyhH:hover .name-28HaxV, .modeSelected-3DmyhH:hover .name-28HaxV, .modeUnread-3Cxepe:hover .name-28HaxV, .modeUnread-3Cxepe:hover .name-28HaxV, .notInteractive-2tFrlE.modeConnected-NrO4cP:hover .name-28HaxV, .notInteractive-2tFrlE.modeSelected-3DmyhH:hover .name-28HaxV{
    color: #c1cefd;
}
.modeSelected-3DmyhH .name-28HaxV{
    color: #fff;
}
.unreadMentionsBar-ZXXoOH{
    background-color: #7289DA;
}
.unreadMentionsBar-ZXXoOH:active{
    background-color: #849fff;
}
.connectedAccount-36nQx7{
    transition: all 0.1s;
}
.connectedAccount-36nQx7:hover{
    background-color: var(--connectedAccount-hover);
}
.resultsGroup-1BPR25{
    background-color: var(--background-text-area);
}
.theme-dark .option-2KkUJO:after {
    background: var(--background-text-area);
}
.emojiSection-3QtaWO{
    background: var(--background-text-area);
}
.guildSection-2Zyzy8{
    background: var(--background-secondary);
}
.circleIconButton-1QV--U{
    color: rgb(148, 148, 148);
    background: var(--background-secondary);
}
.circleIconButton-1QV--U.selected-1JjBPm {
    color: #fff;
    background-color: var(--circleIconButton-selected);
}
.circleIconButton-1QV--U:active{
    background-color: var(--circleIconButton-active);
}
.scroller-3j5xK2{
    background-color: var(--background-text-area);
}
.search-25t1e9 .searchBox-31Zv9h{
    background-color: var(--background-text-area);
}
.theme-dark .card-2TuZPZ, .theme-dark .iconMask-2fMR98{
    background-color: var(--background-secondary);
}
.content-2hZxGK{
    background-color: var(--background-text-area);
}
.footerTitle-3Bslxi{
    color: #fff;
}
.container-x8Y1ix:hover{
    background-color: var(--The-82);
}
.container-x8Y1ix{
    background-color: var(--The-58);
}
.text-PdAsFQ{
    color: #fff;
}
.container-x8Y1ix:active{
    background-color: var(--The-126);
}
.title-1_TkpU{
    color: #fff;
}
.subtitle-3m-md1{
    color: var(--subtitle);
}
.templatesList-uohY49{
    margin-top: -1px;
}
.content-2hZxGK{
    border-radius: 0;
}
.lookFilled-yCfaCM.colorGrey-2iAG-B{
    color: #fff;
    background-color: var(--The-59);
}
.lookFilled-yCfaCM.colorGrey-2iAG-B:hover{
    background-color: var(--The-83);
}
.lookFilled-yCfaCM.colorGrey-2iAG-B:active{
    background-color: rgb(15, 85, 15);
}
.optionsList-dmHy1l {
    margin-top: 0px;
    padding: 0 16px 8px;
}
.title-OdeD-o{
    color: #fff;
}
.subtitle-1cc8Nz{
    color: var(--The-163);
}
.skip-2hTIXL{
    color: var(--The-163);
}
.backButton-2Ps-B8{
    color: #fff;
}
.footer-31IekZ {
    border-radius: 0 0 0px 0px;
}
.colorDefault-CDqZdO.focused-3qFvc8 {
    background-color: var(--background-primary);
    color: #fff;
}
.colorDefault-CDqZdO.focused-3qFvc8:active {
    background-color: var(--background-text-area);
    color: #fff;
}
.colorDefault-CDqZdO.focused-3qFvc8:focus {
    background-color: var(--background-text-area);
    color: #fff;
}
.powercord-toast .header{
    background-color: var(--background-primary) !important;
}
.powercord-toast .contents{
    background-color: var(--background-primary) !important;
    border-radius: 0% !important;
}
.powercord-toast .buttons{
    background-color: var(--background-primary);
}
.powercord-toast .contents .inner{
    background-color: var(--background-tertiary) !important;
}
.powercord-toast .buttons button[class*=lookGhost-]{
    background-color: var(--background-text-area);
    color: #fff;
}
.powercord-toast .buttons button[class*=lookGhost-]:active{
    background-color: #7289DA;
}
.lookOutlined-3yKVGo.colorGreen-3y-Z79:hover{
    background-color: rgba(28, 207, 28, 0.103);
    border-color: rgb(20, 148, 20);
}
.lookOutlined-3yKVGo.colorGreen-3y-Z79:active{
    background-color: rgb(28, 207, 28);
    border-color: rgb(20, 148, 20);
}
.powercord-toast .header .dismiss{
    transition: 0s !important;
}
.powercord-toast .header .dismiss:hover{
    color: rgb(238, 54, 54);
}
.topSectionPlaying-1J5E4n{
    background: var(--The-181818);
}
.theme-dark .option-2KkUJO.selected-rZcOL-{
    background-color: var(--background-primary);
}
.theme-dark .option-2KkUJO.selected-rZcOL-:after{
    background: var(--background-primary);
}
.clear-2KQ7l1.iconLayout-SqV3nb:hover .icon-18rqoe:hover{
    color: rgb(238, 54, 54);
}
.headerPlaying-j0WQBV{
    background: var(--The-181818);
}
.input-2g-os5.focused-1AtTHC, .input-2g-os5:focus{
    border-color: var(--The-102);
}
.botTagRegular-kpctgU{
    background: var(--The-94);
}
.uploadModal-2ie9O_ .inner-rBP-MS{
    background-color: var(--background-primary);
}
.theme-dark .uploadModal-2ie9O_{
    background-color: var(--background-primary);
}
.wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub, .wrapper-3kah-n:hover .childWrapper-1j_1ub{
    background-color: var(--childWrapper-1j_1ub);
}
.inspector-2A2Chb{
    background-color: var(--background-secondary) !important;
}
.barButtonBase-Sk2mdB{
    background-color: var(--background-secondary);
}
.jumpToPresentBar-1cEnH0{
    background-color: var(--background-secondary);
}
.botTagInvert-1nKcq_{
    color: #fff;
    background: var(--The-94);
}
.theme-dark .queryContainer-ZunrLZ{
    background-color: var(--background-text-area);
}
.theme-dark .queryContainer-ZunrLZ:hover{
    background-color: var(--background-secondary);
}
.theme-dark .tooltipPrimary-3qLMbS .tooltipPointer-3L49xb{
    border-top-color: var(--ToolTip) !important
}
.tooltip-14MtrL{
    background-color: var(--ToolTip) !important;
}
.theme-dark .calendarPicker-sDhzdi .react-datepicker{
    background-color: var(--background-text-area);
}
.theme-dark .datePicker-70cO23 .datePickerHint-17MnA8{
    background-color: var(--background-text-area);
}
.theme-dark .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected:after{
    background-color: var(--background-text-area);
}
.theme-dark .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected:hover, .theme-dark .calendarPicker-sDhzdi .react-datepicker__day:hover{
    background-color: var(--The-92);
}
.theme-dark .datePicker-70cO23 .datePickerHint-17MnA8 .hintValue-1x-flY{
    background-color: var(--background-primary);
}
.theme-dark .datePicker-70cO23 .datePickerHint-17MnA8 .hintValue-1x-flY:hover{
    background-color: var(--The-85);
}
.theme-dark .calendarPicker-sDhzdi .react-datepicker__current-month{
    background-color: var(--background-text-area);
}
.theme-dark .calendarPicker-sDhzdi .react-datepicker__day-name{
    background-color: var(--background-text-area);
}
.theme-dark .datePicker-70cO23{
    background-color: var(--background-text-area);
}
.theme-dark .calendarPicker-sDhzdi .react-datepicker__header{
    background-color: var(--background-text-area);
}
.theme-dark .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled, .theme-dark .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled:hover{
    background-color: var(--The-49);
}
.scroller-Q9d9Di{
    background-color: var(--background-text-area);
}
.unreadBottom-3Ojk6R .unreadBar-elBRZx{
    background-color: var(--The-48);
}
.section-3G9aLW{
    background-color: var(--The-34);
}
.friendsEmpty-gs15T1, .addInputWrapper-1BOZ3d, .bar-AokMp3, .css-rzbxvl-option{
    background-color: var(--The-34);
}
.noiseCancellationPopout-2-e5Xz, .scroller-3gAZL{
    background-color: var(--background-primary);
}
.sourceScroller-1zkM6Q, .theme-dark .container-2zEtSe, .theme-dark .root-g14mjS,.root-u9h3Ui, .css-3vaxre-menu,.theme-dark .container-1ILvLB section, .theme-dark .container-1ILvLB .header-2C89wJ {
    background-color: var(--background-text-area);
}
.search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz{
    color: #fff;
}
.theme-dark .outer-2JOHae.active-1W_Gl9, .theme-dark .outer-2JOHae.interactive-2zD88a:hover{
    background-color: var(--background-text-area);
}
.emojiSection-3QtaWO img {
    margin: auto;
    min-width: 80%;
    height: auto !important;
}
.emojiSection-3QtaWO > .noWrap-hBpHBz, .emojiSection-3QtaWO{
    flex: wrap;
    flex-direction: column !important;
}
.emojiName-3KEqts {
    font-weight: 600;
    margin-top: 8px;
    text-align: center;
}
.fa-wrench:before{
    color: var(--The-555555);
}
/* Transparent Settings Screen */
.layers-OrUESM>.layer-86YKbF:first-child{
    transform: scale(1) !important;
    opacity: 1 !important;
}
.layers-OrUESM>.layer-86YKbF:nth-child(2),.perksModal-fSYqOq{
    background-color: rgba(0, 0, 0, 0.5)!important;
    backdrop-filter: blur(10px);
}
.contentRegionScroller-2_GT_N,.contentRegion-3HkfJJ,.standardSidebarView-E9Pc3j,
.sidebarRegionScroller-FXiQOh{
    background: transparent;
}
/* Transparent Settings Screen End */
.accountList-305sx3{
    background-color: rgba(51, 51, 51, 0.582);
}
.connectionHeader-2rV1ze{
    background-color: rgba(51, 51, 51, 0.582);
}
.scroller-3_YDR2{
    background: transparent;
}
/* Server settings - Emoji Hover */
.theme-dark .card-2ART2V:before {
    background-color: #00000062;
    border-color: #272727;
}
.theme-dark .emojiAliasInput-1y-NBz .emojiInput-1aLNse{
    background-color: var(--background-primary);
}
/* Server settings - Emoji Hover End */

/* Server Boosting Settings */
.theme-dark .tierBody-x9kBBp {
    background-color: #2727273a;
    color: #b9bbbe;
}
.tierHeaderContent-2-YfvN{
    background-color: #2c2c2c;
}
/* Server Boosting Settings */

/* Reactions Box */
.reactors-1VXca7{
    background-color: var(--background-primary) !important;
}
.theme-dark .scroller-2GkvCq{
    background: var(--background-secondary);
}
/* Reactions Box End */

/* Reactions Buttons */
.reaction-2A2y9y.reactionMe-3I9gFK{
    background-color: rgb(80, 80, 80) !important;
}
.reactionMe-3I9gFK .reactionCount-1zkLcN, .reactionMe-3I9gFK:hover .reactionCount-1zkLcN{
    color: var(--background-tertiary);
}
/* Reactions Buttons End */