main-fixes.css

/* General */

/** General || Sparkly image **/

.sparkles-1JOsCC {
    pointer-events: none;
}

/** General || Popup **/

.theme-dark .rootWithShadow-2hdL2J .header-1LEkUo,
.theme-dark .rootWithShadow-2hdL2J .header-1ffhsl,

.theme-dark .rootWithShadow-2hdL2J .headerContainer-3Hja2u,
.theme-dark .rootWithShadow-2hdL2J .footerSeparator-3U8YsT {
    background-color: var(--background-primary) !important;
}

.theme-dark .rootWithShadow-2hdL2J .header-1LEkUo,
.theme-dark .rootWithShadow-2hdL2J .header-1ffhsl,

.theme-dark .rootWithShadow-2hdL2J .headerContainer-3Hja2u {
    margin-bottom: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #23272a;
}

.theme-dark .rootWithShadow-2hdL2J .content-1OG56Q {
    border-radius: 0;
}


/** General || Popup || Invite **/

.scroller-1xACMA {
    background-color: var(--background-primary);
    max-height: 300px;
    padding: 8px 12px 0 12px;
    padding-right: 12px;
}

.inviteRow-2Vjla6 {
    max-width: 100%;
    margin-right: 12px;
}

.settingsContent-1BWQwf {
    background-color: var(--background-primary);
}


/** General || Popup || Create Channel **/

.item-1TA5qI[aria-checked=true] .radioLabelName-3FiyYq {
    color: var(--background-primary);
    transition: all .3s;
}

.item-1TA5qI[aria-checked=true] .radioIconForeground-3wH3aU {
    color: var(--background-primary);
    transition: all .3s;
}


/** General || Popup || Create Event **/

.selectedProgressBar-11z5d9 {
    background-color: var(--button-accent-hover) !important;
}

.selectedProgressBar-11z5d9+.size12-12FL_s {
    color: var(--button-accent-hover) !important;
}


/** General || Popup || Event Details **/

.container-3EBHNg {
    background-color: var(--background-primary);
}

.tabBarItem-30Te4-,
.tabBarItem-2aZfB8 {
    height: fit-content;
    margin-bottom: 10px;
    transition: all .3s;
    padding-bottom: 0;
}

.top-Ktfr_T .selected-1sf9UK.themed-qqoYp3.tabBarItem-30Te4-,
.top-Ktfr_T .selected-1sf9UK.themed-qqoYp3.tabBarItem-2aZfB8 {
    color: var(--accent-color) !important;
    transition: all .3s;
}


/** General || Popup || Servers || Settings || Onboarding || Add question answer **/

.container-1ySPEn {
    background-color: var(--background-primary);
}


/** General || Popup addon errors **/

.bd-tab-item.selected {
    color: var(--background-primary);
    transition: all .3s;
}

.bd-tab-item:hover {
    cursor: pointer;
    color: var(--button-accent-hover);
    transition: all .3s;
}


/** General || Memberlist **/

.clickable-28SzVr.container-1oeRFJ:hover {
    border-radius: 1px;
    height: 44px;
    padding: 1px 0;
    overflow: hidden;
}





/* HOME */

/** Home || User Menu **/

.menu-2TXYjN .scroller-nxCRu_ {
    padding: 6px 8px !important;
}

.colorDefault-2_rLdz.focused-3LIdPu {
    background-color: var(--button-accent) !important;
}


/** Home || Streamer mode bar **/

.colorStreamerMode-8uoRWd .button-1iHNQ2 {
    background-color: var(--button-accent-active) !important;
    color: var(--background-primary);
    transition: all .3s;
}

.colorStreamerMode-8uoRWd .button-1iHNQ2:hover {
    color: var(--button-accent-hover);
    background: var(--background-modifier-hover) !important;
    transition: all .3s;
}


/** Home || DMS || New DM's **/

.highlighted-Q8Nll- {
    color: var(--button-accent-hover);
}


/** Home || DMS || Chat || Name Coloring **/

.username-h_Y3Us {
    color: var(--button-accent-hover);
    transition: all .3s;
}

.lookFilled-1H2Jvj.colorBrand-2M3O3N:hover {
    background-color: var(--background-modifier-hover);
    color: var(--button-accent-hover);
    transition: all .3s;
}


/** Home || DMS || Chat || Screen share buttons in call **/

.button-1EGGcP.buttonColor-3bP3fX,
.button-1EGGcP .buttonColor-3bP3fX {
    background-color: var(--accent-color);
    color: var(--background-primary);
    transition: all .3s;
}

.button-1EGGcP.buttonColor-3bP3fX:hover,
.button-1EGGcP .buttonColor-3bP3fX:hover {
    background-color: var(--background-tertiary);
    color: var(--button-accent-hover);
    transition: all .3s;
}


/** Home || User Menu **/

.menu-2TXYjN .scroller-nxCRu_ {
    padding: 6px 8px !important;
}

.colorDefault-2_rLdz.focused-3LIdPu {
    background-color: var(--button-accent) !important;
}








/* Servers */

/** Servers || Dropdown **/

.colorBrand-26tvUE {
    color: var(--button-accent-hover);
}


/** Servers || Browse Channels **/
.theme-dark .container-2IKOsH {
    background-color: var(--background-tertiary);
}


/** Servers || Settings || Edit Role || Role button highlighted **/

.side-1lrxIh .themed-qqoYp3.selected-1sf9UK.item-2GWPIy .text-sm-medium-2-Xzsi {
    color: var(--background-primary) !important;
    transition: all .3s;
}

.side-1lrxIh .themed-qqoYp3.selected-1sf9UK.item-2GWPIy:hover .text-sm-medium-2-Xzsi {
    color: var(--button-accent-hover) !important;
    transition: all .3s;
}


/** Servers || Channels || Hover over channel **/

.modeSelected-3DmyhH .link-1_kTxV {
    transition: all .3s;
}

.modeSelected-3DmyhH:hover .link-1_kTxV {
    background-color: var(--background-tertiary) !important;
    transition: all .3s;
}


.modeSelected-3DmyhH .name-28HaxV,
.modeSelected-3DmyhH .icon-2W8DHg,
.modeSelected-3DmyhH .actionIcon-2sw4Sl {
    color: var(--background-primary) !important;
    transition: all .3s;
}

.modeSelected-3DmyhH:hover .name-28HaxV,
.modeSelected-3DmyhH:hover .icon-2W8DHg,
.modeSelected-3DmyhH:hover .actionIcon-2sw4Sl {
    color: var(--button-accent-hover) !important;
    transition: all .3s;
}


/** Servers || Chat **/

.isUnread-3Lojb- {
    border-top: 1px solid #fb7c7c !important;
}


/** Servers || Forums || Forum blocks **/

.container-3wvkMY {
    border: 1px solid var(--background-modifier-hover);
}


/** Servers || Forums || Clicked forum block **/

.container-3wvkMY:active {
    border: 3px solid var(--background-modifier-selected);
    background-color: var(--background-primary);
}


/** Servers || Forums || Active forum block **/

.theme-dark .container-3wvkMY.isOpen-2ldXbM {
    box-sizing: border-box;
    background-color: var(--background-primary);
    border: 3px solid var(--background-modifier-selected);
}


/** Servers || Forums || Main content **/

.content-1jQy2l {
    margin-left: 10px;
    margin-bottom: 10px;
}

.container-3wLKDe {
    background: var(--background-primary);
    border-radius: var(--border-radius-1);
}


/** Servers || Forums || Posts **/

.container-JhuCwn {
    background: var(--background-tertiary);
    border-radius: var(--border-radius-1);
}

.card-2JNtco:not(.headerRow-1MKoR-) .mainCard-3KBsBI {
    background: var(--background-tertiary);
}


/** Servers || Forums || Posts || Post Chat **/

.chatContent-3KubbW {
    margin-bottom: 0;
    border-radius: var(--border-radius-1);
}









/* User Profile */

/** User Profile || Main Tab **/

.focusLock-bHVOlV {
    min-height: 0px !important;
    max-width: 100%;
}

.root-8LYsGj {
    width: fit-content;
    height: fit-content;
}

.focusLock-bHVOlV .bannerSVGWrapper-2CLfzN {
    min-height: 0px !important;
    width: 100%;
}

.avatar-3QF_VA {
    position: absolute;
    top: -68px;
    left: 22px;
    border: 5px solid var(--background-tertiary);
}

.mask-1y0tyc circle {
    fill: var(--background-tertiary);
}

.focusLock-bHVOlV .bannerSVGWrapper-2CLfzN circle {
    fill: transparent;
}


/** User Profile || Tab Items **/

.tabBarItem-30Te4- {
    height: fit-content;
    margin-bottom: 10px;
}

.top-Ktfr_T .selected-1sf9UK.themed-qqoYp3.item-2GWPIy {
    color: var(--button-accent-hover);
}


/** User Profile || User Info **/

.infoScroller-1QMpon {
    padding: 0 12px !important;
}

.userInfoSectionHeader-2mYYun {
    font-weight: 800;
}

.connectedAccountContainer-3aLMHJ {
    border: 1px solid var(--accent-color) !important;
}


/** User Profile || Mutual Servers / Friends **/

.listScroller-entkMk {
    padding: 12px 0;
    height: 100%;
    width: calc(100% - 24px);
}

.listRow-2nO1T6 {
    margin: 2px 0;
    border-radius: var(--border-radius-1);
}

.listAvatar-2bU5Uh {
    margin-left: 5px;
}









/* SETTINGS */

/** Settings || Account **/


.bannerSVGWrapper-2CLfzN mask circle:not(.userPopoutInner-nv9Y92.userProfileInner-1ngKnf mask circle) {
    display: none;
}



/** Settings || Button fix **/

.themed-qqoYp3.selected-1sf9UK.item-2GWPIy,
.themed-qqoYp3.selected-1sf9UK.item-2GWPIy {
    color: var(--background-primary);
    transition: all .3s;
}

.themed-qqoYp3.item-2GWPIy:hover:not(.disabled-2G98Nl),
.themed-qqoYp3.item-2GWPIy:hover:not(.disabled-2G98Nl) {
    color: var(--button-accent-hover);
    transition: all .3s;
}

.item-1TA5qI[aria-checked=true] {
    color: var(--background-primary);
    transition: all .3s;
}

.lookFilled-1H2Jvj.colorBrand-2M3O3N {
    color: var(--background-primary);
}



/** Settings || Profiles || emoji button **/

.webkit-QgSAqd .buttons-uaqb-5 {
    margin-right: 0;
}



/** Settings || Family Centre || Block widths **/

.max-width-2sPUCJ {
    max-width: 100%;
}

.max-width-30Gozx {
    max-width: calc(100%) !important;
}

.container-1iKw09.max-width-30Gozx>div:nth-child(1) {
    width: 70%;
}

.container-3Ok1v9 {
    max-width: 100%;
}

.contentPanel-2uDEUG {
    background-color: var(--background-tertiary);
}

/** Family center in the sidebare above dms **/
.sideNavContent-D1tzYo {
    max-width: 100%;
}



/** Settings || Connections || Popup **/

.content-1OG56Q {
    background-color: var(--background-primary);
}

.accountBtn-1-d0rV,
.accountBtnInner-1DCgBm {
    background-color: var(--background-tertiary);
    transition: all .3s;
}

.accountBtn-1-d0rV,
.accountBtnInner-1DCgBm:hover {
    background-color: var(--background-secondary);
    transition: all .3s;
}



/** Settings || Voice & Video || Dropdowns **/

.option-Uc12mm[aria-selected=true]:not(.option-Uc12mm.multi-2vPqc4) {
    color: var(--background-secondary);
    transition: all .3s;
}



/** Settings || Registered Games || Now Playing **/

.theme-dark .nowPlaying-3UpuKc .gameName-zbZetm,
.theme-light .nowPlaying-3UpuKc .gameName-zbZetm {
    color: var(--background-primary);
}

.theme-dark .nowPlaying-3UpuKc .lastPlayed-1jum9A,
.theme-dark .nowPlaying-3UpuKc .overlayStatusText-In0YrK,
.theme-light .nowPlaying-3UpuKc .lastPlayed-1jum9A,
.theme-light .nowPlaying-3UpuKc .overlayStatusText-In0YrK {
    color: var(--background-primary);
}


.theme-dark .nowPlaying-3UpuKc .overlayToggleIconOff-ps4gGp,
.theme-dark .nowPlaying-3UpuKc .overlayToggleIconOn-21NN2N,
.theme-light .nowPlaying-3UpuKc .overlayToggleIconOff-ps4gGp,
.theme-light .nowPlaying-3UpuKc .overlayToggleIconOn-21NN2N {
    fill: var(--green-230);
    background-color: var(--background-primary);
    border-radius: 5px;
    padding: 1px;
}


/** Settings || Updates || Changelog popup **/

.modal-3Hrb0S {
    overflow: hidden;
}

.content-1OG56Q {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: var(--background-primary);
    color: hsl(210, calc(var(--saturation-factor, 1)*9.3%), 78.8%);
    ;
}









/**/  /** USER IMPLEMENTATIONS **/  /**/



/** Lanye74 | https://github.com/schnensch0/zelk/pull/51 **/

/* New thread menu */
section[aria-label="Create Thread"] .messagesWrapper-1AttHb {
	background-color: var(--background-1);
	border-radius: var(--border-radius-1);
}

/* Fix off-color thread name input bar */
#chat-messages-create-thread-null input {
	background-color: var(--channeltextarea-background);
}

/* Make open thread button off of a message 'pop' more */
div[aria-roledescription="Open Thread Button"] {
	background: var(--background-2);
	border-radius: var(--border-radius-2);
}




/** Lanye74 | https://github.com/schnensch0/zelk/pull/50 **/


.tabBody-2dgbAs, .chat-2ZfjoI, .container-1NXEtd, .container-1oAagU, .privateChannels-oVe7HL, .homeWrapperNormal-bu1BS6 {
    background-color: var(--background-tertiary) !important;
}

/* Server "home page", forum bg */
.homeContainer-r4Hvv1, [data-list-id*="forum-channel-list-"] {
    background-color: var(--background-2);
}

.chatContent-3KubbW[aria-label*="(thread)"] {
    background-color: var(--background-1);
    border-radius: var(--border-radius-1);
}

/* Annoying line above forum thread, home page channel popout */
.chat-25x62K::before, .chat-3t9F_n::before {
    content: unset;
}































/** New changes for zelk! I will walk over the old code soon to see what i can re use **/


/** Servers || channel list && More **/

.interactiveSelected_ec846b, .selected_d94cf9, .modeSelected__487d6 .name__8d1ec, .modeConnected__1c02e .name__8d1ec, .modeUnread_f74c03 .icon_eff5d4, .modeSelected__487d6 .icon_eff5d4, .topPill__0cdf1 .themed_b957e8.selected__5711d.item__48dda, .side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda, .item_b7fb7e[aria-checked=true] { color: var(--background-primary); }
.modeUnread_f74c03 .name__8d1ec, .modeUnread_f74c03 .icon_eff5d4 { color: var(--accent-color); }
.modeSelected__487d6:hover .link__95dc0 { background-color: var(--background-tertiary) !important; }
.modeMuted__0aeea .icon_eff5d4, .modeMuted__0aeea .name__8d1ec { color: var(--interactive-muted); opacity: .7; }





/** Server settings || Inputs **/
.input_d266e7, .lookFilled__3dba3.select__0eb48 { background-color: var(--background-tertiary); }
.option_be8b2e[aria-selected=true]:not(.option_be8b2e.multi__8d15f) .icon__6e628, .option_be8b2e[aria-selected=true]:not(.option_be8b2e.multi__8d15f) .text-md-normal__4afad, .option_be8b2e[aria-selected=true]:not(.option_be8b2e.multi__8d15f) .text-xs-semibold_a3a2b4 { opacity: 1; fill: var(--background-1) !important; color: var(--background-tertiary); }






/** Settings || Buttons **/

.lookFilled__19298 .contents_fb6220,
.lookInverted_ee4261 .contents_fb6220 { color: var(--background-primary); }

.lookFilled__19298:hover, .lookInverted_ee4261:hover { background-color: var(--background-tertiary) !important; }
.lookFilled__19298:hover .contents_fb6220, .lookInverted_ee4261:hover .contents_fb6220 { color: var(--button-accent-hover) !important; }

.lookFilled__19298.colorPrimary__6ed40 { background-color: var(--accent-color); }
.lookFilled__19298.colorPrimary__6ed40:hover { background-color: var(--background-tertiary); }
.lookFilled__19298.colorPrimary__6ed40:hover .contents_fb6220 { color: var(--button-accent-hover) !important; }

.topPill__0cdf1 .themed_b957e8.selected__5711d.item__48dda:hover, .side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda:hover { color: var(--button-accent-hover) !important; }






/** Voice Chats **/

.wrapper_bd2abe.minimum_ebf000 { background-color: var(--background-accent); border-bottom-left-radius: 20px; position: relative; }
.leftDivider__5b854 { background-color: var(--accent-color); }
.resizeHandle__43b10 { height: 5px; background-color: var(--background-1); }
.wrapper_bd2abe.minimum_ebf000 .callContainer_cbde45 { position: relative; z-index: 20; border-bottom-left-radius: 20px; background-color: var(--background-accent); border-top: 5px solid var(--background-1); }
.wrapper_bd2abe.minimum_ebf000 .callContainer_cbde45::after { content: ''; position: absolute; pointer-events: none; top: 0; left: 0; width: 40px; height: 40px; border-radius: 20px; box-shadow: -20px -20px 0px 0px var(--background-1); background-color: transparent; z-index: 10; }
.wrapper_bd2abe.minimum_ebf000::after { content: ''; position: absolute; pointer-events: none; top: 100%; left: 0; width: 40px; height: 40px; border-radius: 20px; box-shadow: -20px -20px 0px 0px var(--background-1); background-color: transparent; z-index: 10; }



/** Voice Chats || Quick actions **/

.button__66e8c .buttonColor_a6eb73, .button__66e8c.buttonColor_a6eb73 { background-color: var(--accent-color); }
.button__66e8c .buttonColor_a6eb73.buttonActive__407a7, .button__66e8c.buttonColor_a6eb73.buttonActive__407a7 { background-color: var(--button-accent-active); }






/** Popup menus **/

/** Popup list **/

.scroller__750f5 { margin-right: 6px; }
.separator__18122 { border-bottom: 1px solid var(--accent-color); }
.colorBrand__471df { color: var(--accent-color); }
.colorDefault__0b482:active:not(.hideInteraction__2790e) { background-color: var(--accent-color); }
.colorDefault__0b482.focused__27621 { background-color: var(--accent-color); }



/** Popup user || tabs **/

.root_a28985 .tabBarContainer__63f55 { background-color: rgba(0, 0, 0, 0.1) !important; }



/** Voice Chats || Popup **/

.root__46d4f { background: var(--background-tertiary); }






/** Friends **/

/** Friends || Add friend **/

.addFriendInputWrapper__4bf8e { background-color: var(--background-tertiary); }
.tabBar__73938 .addFriend__80542.addFriend__80542[aria-selected=true] { background-color: var(--background-tertiary); }






/** Sidebar lists **/

.sidebar_ded4b5 nav { background: var(--background-tertiary) !important; }
.scroller_f0f183 { background-color: var(--background-1); border-radius: 8px 8px 0 0; }



/** Sidebar lists || Users / Channels **/

.interactive__776ee { transition: background .3s, background-color .3s, color .3s; }
.wrapper__7bcde { margin: 0 8px; }
.highlighted__7bba7 { color: var(--button-accent-hover); }
.interactiveSelected_ec846b.selected_d94cf9 .highlighted__7bba7 { color: var(--background-1); }

.searchBar_e4ea2a, .header__104ca { box-shadow: unset; }
.selected__0b1ad .header__104ca, .clickable__2d589 .header__104ca:hover { border-radius: var(--border-radius-2); }



/** Sidebar lists || Servers **/

.platform-win .sidebar_ded4b5 { border-radius: 8px; }
.animatedContainer__341f6 { border-radius: 8px; }
.container__7c79d { position: relative; z-index: 100; }



/** Sidebar lists || Users **/

.panels__58331 { background-color: var(--background-1); border-radius: 0 0 8px 8px; }
.panels__58331 .container_ca50b9 { background-color: var(--background-1); border-radius: 0 0 8px 8px; }
.withTagAsButton_cc125f:hover .title__10613, .withTagless__98b7d:hover .title__10613 { color: var(--background-tertiary); }
.withTagAsButton_cc125f:hover .subtext__8f869 { color: var(--background-tertiary); }






/** Memberlist **/

.container_b2ce9c { background: var(--background-tertiary); }
.members__9f47b { background: var(--background-tertiary); }
.membersGroup__85843 { padding: 0 8px; height: 16px; }
.member_b44d5d { background: var(--background-tertiary); }






/** Chat screen **/

.content__4bf10 { gap: 5px; margin-bottom: 10px; }
.content__1a4fe { background-color: var(--background-tertiary); }
.content__1a4fe:before { content: unset !important; }

.chatContent__5dca8 { background-color: var(--background-1); border-radius: 8px; }
.scroller__1f96e { border-radius: 8px 8px 0 0; }



/** Chat screen || Code blocks **/

.markup_a7e664 code { background: var(--background-tertiary); }



/** Chat screen || Embeds **/

.embedFull__8dc21 { background: var(--background-tertiary); }



/** Chat screen || Timestamp **/

.timestamp_a65714 { background-color: var(--accent-color); color: var(--background-1); }



/** Chat screen || Second chat (forms / threads) **/

.chatContent__5dca8 { border-radius: 8px; }
.chat__1d65d:before { content: unset !important; }



/** Chat screen || Top bar **/

.public-DraftEditorPlaceholder-root { padding: 0px !important; }
.themed_b152d4 { background: var(--background-tertiary) !important; }
.children__32014:after { content: unset !important; }



/** Chat screen || Search **/

.searchBar_e0c60b { background-color: var(--background-1); border-radius: 8x; padding: 2px; height: unset; }
.DraftEditor-editorContainer { margin: 0; }
.scroller_c8d5ad { background-color: var(--background-tertiary); }



/** Chat screen || Date marking **/

.group-spacing-16 .divider__8cf56.hasContent__8519e { background: var(--text-muted); }


/** Chat screen || Unread messages **/

.group-spacing-16 .divider__8cf56.beforeGroup__1e5e5 { border-top: 1px solid var(--button-accent-hover); }
.unreadPill__715fc { --divider-color: var(--button-accent-hover); background-color: var(--divider-color); color: var(--background-1); }
.isUnread__6f880 .content_d67847 { color: var(--button-accent-hover); }
.isUnread__6f880 { border-color: var(--button-accent-hover); }



/** Chat screen || Message box **/

.form__13a2c:before { content: unset !important; }
.sansAttachButton__996a4 { padding: 0 16px; background-color: var(--background-tertiary); }



/** Chat screen || Auto complete box **/

.list_c7a995 { width: 56px; }
.selected_dc074f, .selected_dc074f:hover { background-color: var(--background-primary); }
.autocomplete_df266d { background-color: var(--background-primary) !important; }
.autocompleteRow_a20cfa{ margin: 5px 0; }
.clickable_f8437d[aria-disabled=false] > .base__76a71:hover { background-color: var(--background-tertiary); }
.categoryHeader_f97a5f { margin-bottom: 10px; background-color: var(--background-tertiary); border-radius: 3px !important; }
.wrapper__7a35f:after { content: unset; }