/* Discord Color */ @import url('https://zuzumi-f.github.io/Discord-11/release/valuesofdiscord.css'); /* Fluent Icons */ @import url('https://stickfab.github.io/pc-fluenticons/src/fluenticons-base.css'); /* Fix Settings Icons */ [d='M21.707 20.293L16.314 14.9C17.403 13.504 18 11.799 18 10C18 7.863 17.167 5.854 15.656 4.344C14.146 2.832 12.137 2 10 2C7.863 2 5.854 2.832 4.344 4.344C2.833 5.854 2 7.863 2 10C2 12.137 2.833 14.146 4.344 15.656C5.854 17.168 7.863 18 10 18C11.799 18 13.504 17.404 14.9 16.314L20.293 21.706L21.707 20.293ZM10 16C8.397 16 6.891 15.376 5.758 14.243C4.624 13.11 4 11.603 4 10C4 8.398 4.624 6.891 5.758 5.758C6.891 4.624 8.397 4 10 4C11.603 4 13.109 4.624 14.242 5.758C15.376 6.891 16 8.398 16 10C16 11.603 15.376 13.11 14.242 14.243C13.109 15.376 11.603 16 10 16Z'] { d: path('M547 1249 c-176 -25 -331 -182 -356 -361 -20 -141 28 -278 130 -372 151 -140 358 -159 531 -49 l40 25 157 -156 c87 -86 162 -156 168 -156 12 0 43 33 43 45 0 5 -70 79 -156 166 l-156 157 25 40 c82 128 93 287 30 420 -80 171 -264 268 -456 241z m218 -110 c63 -30 134 -100 165 -164 21 -43 25 -64 25 -150 0 -118 -21 -171 -95 -245 -74 -74 -127 -95 -245 -95 -118 0 -171 21 -245 95 -64 63 -92 128 -98 222 -10 163 76 297 228 352 67 24 199 17 265 -15z') !important; transform-origin: center; transform: scale(0.01398) rotate(90deg) translateX(-710px) translateY(-680px); } .closeButton-30b1gR svg { display: none; } /* When you dont use var(--) */ #app-mount .container-2cd8Mz, #app-mount .root-g14mjS, #app-mount .footer-1hTRRZ, #app-mount .pageWrapper-2PwDoS, #app-mount .selected-3H3-RC { background-color: var(--background-primary); } #app-mount .footer-31IekZ, #app-mount .footer-VCsJQY, #app-mount .buttonContainer-28osRq { background-color: var(--background-secondary); } #app-mount .outer-2JOHae.active-1W_Gl9, #app-mount .outer-2JOHae.interactive-2zD88a:hover, #app-mount .outer-2JOHae.active-1W_Gl9 .separator-2OaeRP, #app-mount .autocompleteArrow-jJE9TQ, #app-mount .header-3i_Csh, #app-mount .inviteBannerUpsell-1t_LYM { background-color: var(--background-tertiary); } #app-mount .separator-2OaeRP { background-color: transparent !important; } /* Notice Normal */ .notice-2HEN-u.colorDanger-2YLzLC { border-bottom: var(--windarkborder1); box-shadow: none; } .notice-2HEN-u.colorDanger-2YLzLC .button-1iHNQ2 { border: none; color: var(--status-danger-text); } .notice-2HEN-u.colorDanger-2YLzLC .button-1iHNQ2:hover { background-color: var(--background-modifier-hover); } .theme-light .closeButton-30b1gR { filter: none !important; } /* Notice BD */ .theme-dark .noticeWrapper-8z511t { border: var(--windarkborder3); } .theme-light .noticeWrapper-8z511t { border: var(--winlightborder2); } .theme-light .noticeWrapper-8z511t .closeButton-30b1gR { filter: invert(1); } #app-mount .noticeWrapper-8z511t, #app-mount #pluginNotice { border-radius: var(--winrad1) !important; margin: 2px 4px !important; box-shadow: none; } #app-mount .noticeWrapper-8z511t .button-1iHNQ2 { border: none; color: var(--text-link); background: none; } #app-mount .noticeWrapper-8z511t .button-1iHNQ2:hover { background: var(--background-modifier-hover); } /* Home Button */ .wrapper-3kah-n .childWrapper-1j_1ub { color: var(--interactive-normal); } .wrapper-3kah-n .childWrapper-1j_1ub { background-color: transparent !important; } #app-mount .wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub, #app-mount .wrapper-3kah-n:hover .childWrapper-1j_1ub { color: var(--brand-experiment); } /* Search & Add Server Button Style */ .circleIconButton-1VxDrg { color: var(--interactive-normal); background-color: transparent !important; transition: var(--wintransition); } .circleIconButton-1VxDrg.selected-2r1Hvo { transition: var(--wintransition); } #app-mount .circleIconButton-1VxDrg.selected-2r1Hvo { color: var(--brand-experiment); } /* Toggle BD */ #app-mount .bd-switch-body { height: 20px; } #app-mount .bd-switch-body .bd-switch-slider { top: -3px; } .bd-switch .bd-switch-body path { --switch-color: transparent; } .bd-switch .bd-switch-body rect { width: 14px; height: 14px; y: 2.8; x: 8.6; transition: var(--wintransition); } .bd-switch:hover .bd-switch-body rect { width: 16px; height: 16px; y: 1.8; x: 8.2; } .bd-switch .bd-switch-body rect:not(.bd-switch input:checked + .bd-switch-body rect) { x: 2.4 !important; } #app-mount .bd-switch input:checked + .bd-switch-body { background-color: var(--brand-experiment) !important; border: 1px solid transparent; } .theme-dark .bd-switch .bd-switch-body rect { fill: #000000 !important; } .theme-dark .bd-switch .bd-switch-body:not(.bd-switch input:checked + .bd-switch-body) { background-color: rgba(0, 0, 0, 0.1) !important; border: 1px solid var(--windark-check1) !important; } .theme-dark .bd-switch .bd-switch-body rect:not(.bd-switch input:checked + .bd-switch-body rect) { fill: var(--windark-toggle-off) !important; } .theme-light .bd-switch .bd-switch-body rect { fill: #FFFFFF !important; } .theme-light .bd-switch .bd-switch-body:not(.bd-switch input:checked + .bd-switch-body) { background-color: rgba(0, 0, 0, 0.0241) !important; border: 1px solid var(--winlight-check1) !important; } .theme-light .bd-switch .bd-switch-body rect:not(.bd-switch input:checked + .bd-switch-body rect) { fill: var(--winlight-toggle-off) !important; } /* Toggle Switch */ .container-1QtPKm { height: 20px; transition: var(--wintransition); } .container-1QtPKm .slider-HJFN2i { top: -3px; } .layer-1Ixpg3 .container-1QtPKm .slider-HJFN2i { top: -2px; } .container-1QtPKm path[fill] { fill: transparent !important; } .container-1QtPKm rect { width: 14px; height: 14px; y: 2.8; x: 8.4; transition: var(--wintransition); } .container-1QtPKm:hover rect { width: 16px; height: 16px; y: 1.8; x: 8; } .container-1QtPKm .slider-HJFN2i[style*="left: -3px"] rect { x: 2.4 !important; } #app-mount .container-1QtPKm { border: 1px solid; } #app-mount .container-1QtPKm[style*="opacity: 1; background-color: rgb(8"], #app-mount .container-1QtPKm[style*="opacity: 1; background-color: rgb(7"], #app-mount .container-1QtPKm[style*="opacity: 1; background-color: rgb(6"], #app-mount .container-1QtPKm[style*="opacity: 1; background-color: rgb(5"], #app-mount .container-1QtPKm[style*="opacity: 1; background-color: rgb(4"], #app-mount .container-1QtPKm[style*="opacity: 1; background-color: rgb(3"] { background-color: var(--brand-experiment) !important; border-color: transparent; } .theme-dark .container-1QtPKm rect { fill: #000000 !important; } .theme-dark .container-1QtPKm[style*="opacity: 1; background-color: rgb(1"], .theme-dark .container-1QtPKm[style*="opacity: 1; background-color: rgb(2"] { background-color: rgba(0, 0, 0, 0.1) !important; border-color: var(--windark-check1) !important; } .theme-dark .container-1QtPKm .slider-HJFN2i[style*="left: -3px"] rect { fill: var(--windark-toggle-off) !important; } .theme-light .container-1QtPKm rect { fill: #FFFFFF !important; } .theme-light .container-1QtPKm[style*="opacity: 1; background-color: rgb(1"], .theme-light .container-1QtPKm[style*="opacity: 1; background-color: rgb(2"] { background-color: rgba(0, 0, 0, 0.0241) !important; border-color: var(--winlight-check1) !important; } .theme-light .container-1QtPKm .slider-HJFN2i[style*="left: -3px"] rect { fill: var(--winlight-toggle-off) !important; } .theme-light .container-1QtPKm rect { fill: #FFFFFF !important; } .theme-light .container-1QtPKm[style*="background-color: hsl(2"]:not([style*="background-color: hsl(235"]) { background-color: rgba(0, 0, 0, 0.0241) !important; border: 1px solid var(--winlight-check1) !important; } .theme-light .container-1QtPKm .slider-HJFN2i[style*="left: -3px"] rect { fill: var(--winlight-toggle-off) !important; } .bd-addon-modal-settings .container-1QtPKm rect { width: 16px; height: 16px; y: 1.8; x: 8.6; } .bd-addon-modal-settings .container-1QtPKm:hover rect { width: 18px; height: 18px; y: 1; x: 8.6; } .bd-addon-modal-settings .container-1QtPKm .slider-HJFN2i[style*="left: -3px"] rect { width: 14px !important; height: 14px !important; y: 3.2; x: 3.8 !important; } .bd-addon-modal-settings .container-1QtPKm:hover .slider-HJFN2i[style*="left: -3px"] rect { width: 16px !important; height: 16px !important; y: 1.8; x: 2.4 !important; } /* CheckBox */ .contentRegion-3HkfJJ .checkboxWrapper-2fDzaA { margin-bottom: 8px; } #app-mount .checkbox-1LuCGM { border-radius: var(--winrad2); } .theme-dark .checkbox-1LuCGM { border-color: var(--windark-check1); } .theme-dark .checkbox-1LuCGM path:not([fill*="transparent"]) { fill: #000; } #app-mount .colorDefault-CDqZdO .checkbox-hADx5o, #app-mount .colorDefault-CDqZdO .radioSelection-1UHp0b { color: var(--brand-experiment) !important; } .theme-dark .colorDefault-CDqZdO .check-3HZJs4 { color: #000 !important; } #app-mount .checkbox-1LuCGM.checked-22NTbO { background-color: var(--brand-experiment) !important; border-color: var(--brand-experiment) !important; } .theme-light .checkbox-1LuCGM { border-color: var(--winlight-check1); } .theme-light .checkbox-1LuCGM path:not([fill*="transparent"]) { fill: #FFF; } .theme-light .colorDefault-CDqZdO .check-3HZJs4 { color: #FFF !important; } #app-mount .radioBar-3w9XY- > div:first-child { display: flex; align-items: center; justify-content: center; width: 20px !important; height: 20px !important; border-radius: 50%; border: 1px solid var(--text-muted); } #app-mount .radioBar-3w9XY- > div:first-child * { display: none; } #app-mount .item-2idW98[aria-checked=true] .radioBar-3w9XY- > div:first-child { background: var(--brand-experiment); border-color: var(--brand-experiment) !important; } #app-mount .item-2idW98[aria-checked=true] .radioBar-3w9XY- > div:first-child::before { background: var(--status-warning-text); } #app-mount .radioBar-3w9XY-:hover > div:first-child::before { transform: scale(1.14); transform-origin: center; } #app-mount .radioBar-3w9XY- > div:first-child::before { content: ""; width: 12px; height: 12px; border-radius: 50%; transition: var(--wintransition); } #app-mount [role=menuitemradio] .iconContainer-1-SsTR { display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-radius: 50%; border: 1px solid var(--text-muted); } #app-mount [role=menuitemradio] .iconContainer-1-SsTR * { display: none; } #app-mount [role=menuitemradio][aria-checked=true] .iconContainer-1-SsTR { background: var(--brand-experiment); border-color: var(--brand-experiment) !important; } #app-mount [role=menuitemradio] .iconContainer-1-SsTR::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--status-warning-text); opacity: 0; transition: var(--wintransition); } #app-mount [role=menuitemradio]:hover .iconContainer-1-SsTR::before { transform: scale(1.16); transform-origin: center; } #app-mount [role=menuitemradio][aria-checked=true] .iconContainer-1-SsTR::before { opacity: 1; } /* ColorPicker */ .theme-dark .colorPickerCustom-1swUKF { background: var(--noise256), var(--windark-box1); border: var(--windarkborder1); backdrop-filter: blur(var(--winblur1)); border-radius: var(--winrad3); } .theme-light .colorPickerCustom-1swUKF { background: var(--noise256), var(--winlight-box1); border: var(--winlightborder1); backdrop-filter: blur(var(--winblur1)); border-radius: var(--winrad3); } /* Invite Popout */ #app-mount .inviteRow-3vmB7i { margin-right: 6px; padding-right: 8px; } #app-mount .separator-2lLxgC { box-shadow: none; } #app-mount .contentWrapper-3oy4Xo { background: none; } #app-mount .inviteRow-3vmB7i:hover { background-color: var(--background-modifier-hover); } .theme-dark .separator-2lLxgC { border-bottom: var(--windarkborder2); } .theme-dark .lookOutlined-3yKVGo.colorGreen-3y-Z79 { color: var(--brand-experiment); border-color: var(--brand-experiment); border-radius: var(--winrad2); } .theme-light .separator-2lLxgC { border-bottom: var(--winlightborder3); } .theme-light .lookOutlined-3yKVGo.colorGreen-3y-Z79 { color: var(--text-link); border-color: var(--text-link); border-radius: var(--winrad2); } .resultWrapper-3ra6t7 { margin-right: 8px; } .resultWrapper-3ra6t7 .result-2NVfgj { overflow: visible; } .resultWrapper-3ra6t7 .resultAvatar-2eow6c { margin-bottom: 2px; } .resultWrapperSelected-3trExS { background-color: var(--background-modifier-selected); } /* Invite Preview */ .theme-dark .invite-3uuHYQ { background-color: var(--windark-acrylic); border: var(--windarkborder1); } .theme-light .invite-3uuHYQ { background-color: var(--winlight-acrylic); border: var(--winlightborder3); } #app-mount .invite-3uuHYQ .horizontal-112GEH > .flex-2S1XBF { margin-right: 46px; } #app-mount .partyMembers-3cd-7x { overflow: visible; } /* Invite Popout Text Box */ #app-mount .searchBar-20o6Cf { border-radius: var(--winrad2); } .theme-dark .searchBar-20o6Cf { background-color: var(--textdark-bg); border: var(--textdark-border); border-bottom: var(--textdark-border-static); } .theme-dark .searchBar-20o6Cf:hover:not(:focus-within) { background-color: var(--textdark-bg-hover); border: var(--textdark-border-hover); border-bottom: var(--textdark-border-static); } .theme-dark .searchBar-20o6Cf:focus-within { background-color: var(--textdark-bg-focus); border: var(--textdark-border-focus); border-bottom: var(--winborder-bottom) var(--brand-experiment); } .theme-light .searchBar-20o6Cf { background-color: var(--textlight-bg); border: var(--textlight-border); border-bottom: var(--textlight-border-static); } .theme-light .searchBar-20o6Cf:hover:not(:focus-within) { background-color: var(--textlight-bg-hover); border: var(--textlight-border-hover); border-bottom: var(--textlight-border-static); } .theme-light .searchBar-20o6Cf:focus-within .input-2z42oC { background-color: var(--textlight-bg-focus); border: var(--textlight-border-focus); border-bottom: var(--winborder-bottom) var(--brand-experiment); } #app-mount .searchBar-20o6Cf { -webkit-transition: var(--wintransition); transition: var(--wintransition); } /* Everyone warning */ #app-mount .contentWarningPopout-WKdbDG { border-radius: var(--winrad3); backdrop-filter: blur(var(--winblur1)); } .theme-dark .contentWarningPopout-WKdbDG { background: var(--noise256), var(--windark-box1); border: var(--windarkborder2); } .theme-light .contentWarningPopout-WKdbDG { background: var(--noise256), var(--winlight-box1); border: var(--winlightborder1); } #app-mount .footer-2aeMle { background-color: var(--background-secondary); border-radius: 0 0 var(--winrad3) var(--winrad3); } /* DM Profile */ .profilePanel-2PWEok { background-color: var(--background-primary); height: calc(100% - 32px); width: 360px; } .profilePanel-2PWEok .profileColors-3Y0XaR { margin: 8px; border-radius: var(--winrad4); } .profilePanel-2PWEok .profileColors-3Y0XaR .userProfileInner-3F03PX { border-radius: var(--winrad4); } .profilePanel-2PWEok .profileColors-3Y0XaR > div::before { width: calc(100% - 24px); height: calc(100% - 8px); margin: 4px; border-radius: var(--winrad2); } .profilePanel-2PWEok .profileColors-3Y0XaR > div > .scrollerBase-_bVAAt { overflow-y: overlay !important; border: 4px solid transparent; border-radius: var(--winrad4); } .profilePanel-2PWEok .profileColors-3Y0XaR .bannerSVGWrapper-qc0szY { border-radius: var(--winrad2) var(--winrad2) 0 0; } .profilePanel-2PWEok .profileColors-3Y0XaR .section-3FmfOT { padding-right: 0 !important; } /* Small Profile */ .profileColors-3Y0XaR .scroller-1jBQYo { padding-right: 12px !important; } .activity-E0U09Y { background: var(--background-modifier-accent); border: 1px solid var(--background-modifier-accent); border-radius: var(--winrad2); padding: 8px; } #app-mount .activity-E0U09Y .platformIcon-k3yytQ { top: 8px; right: 8px; } #app-mount .messageInputContainer-2rGDH8 { border: none; } #app-mount .activity-E0U09Y [type="button"] { opacity: 1; transition: var(--wintransition); } .profileColors-3Y0XaR .activity-E0U09Y [type="button"] { background-color: var(--blue-button-bg) !important; border: 1px solid var(--blue-button-border) !important; border-top-color: var(--blue-button-top) !important; border-bottom-color: var(--blue-button-bottom) !important; } .profileColors-3Y0XaR .activity-E0U09Y [type="button"]:hover { background-color: var(--blue-button-hover) !important; border-color: var(--blue-button-hover-border) !important; border-top-color: var(--blue-button-hover-top) !important; border-bottom-color: var(--blue-button-bottom) !important; } .profileColors-3Y0XaR.theme-dark .activity-E0U09Y [type="button"] { color: #000 !important; } .profileColors-3Y0XaR.theme-light .activity-E0U09Y [type="button"] { color: #fff !important; } /* Big Profile */ .profileColors-3Y0XaR .tabBarContainer-2UG0vy { padding-bottom: 12px; } .profileColors-3Y0XaR .tabBar-2StdUa { gap: 8px; } .profileColors-3Y0XaR .tabBar-2StdUa .item-3XjbnG { padding: 8px; height: 14px; width: 102px; text-align: center; line-height: unset; border-radius: var(--winrad2); transition: var(--wintransition); } .profileColors-3Y0XaR.theme-dark .tabBar-2StdUa .item-3XjbnG { background-color: var(--windark-button-bg) !important; border: 1px solid var(--windark-button-border) !important; border-top-color: var(--windark-button-top) !important; border-bottom-color: var(--windark-button-bottom) !important; color: #fff !important; } .profileColors-3Y0XaR.theme-dark .tabBar-2StdUa .item-3XjbnG:hover { background-color: var(--windark-button-hover) !important; border-color: var(--windark-button-hover-border) !important; border-top-color: var(--windark-button-hover-top) !important; border-bottom-color: var(--windark-button-hover-bottom) !important; } .profileColors-3Y0XaR.theme-light .tabBar-2StdUa .item-3XjbnG { background-color: var(--winlight-button-bg) !important; border: 1px solid var(--winlight-button-border) !important; border-top-color: var(--winlight-button-top) !important; border-bottom-color: var(--winlight-button-bottom) !important; color: #000 !important; } .profileColors-3Y0XaR.theme-light .tabBar-2StdUa .item-3XjbnG:hover { background-color: var(--winlight-button-hover) !important; border-color: var(--winlight-button-hover-border) !important; border-top-color: var(--winlight-button-hover-top) !important; border-bottom-color: var(--winlight-button-hover-bottom) !important; } .profileColors-3Y0XaR .tabBar-2StdUa .item-3XjbnG.selected-g-kMVV { background-color: var(--blue-button-bg) !important; border: 1px solid var(--blue-button-border) !important; border-top-color: var(--blue-button-hover-top) !important; border-bottom-color: var(--blue-button-hover-bottom) !important; } .profileColors-3Y0XaR .tabBar-2StdUa .item-3XjbnG.selected-g-kMVV:hover { background-color: var(--blue-button-hover) !important; border-color: var(--blue-button-hover-border) !important; border-top-color: var(--blue-button-hover-top) !important; border-bottom-color: var(--blue-button-hover-bottom) !important; } .profileColors-3Y0XaR.theme-dark .tabBar-2StdUa .item-3XjbnG.selected-g-kMVV { color: #000 !important; } .profileColors-3Y0XaR.theme-light .tabBar-2StdUa .item-3XjbnG.selected-g-kMVV { color: #fff !important; } .infoScroller-3MqKC5 { padding-right: 12px !important; } .profileColors-3Y0XaR .connectedAccountsColumn-1zdyyx+.connectedAccountsColumn-1zdyyx { margin-left: 8px; } .profileColors-3Y0XaR .connectedAccountsColumn-1zdyyx { width: 268px; } .profileColors-3Y0XaR .connectedAccountContainer-2TWiXT { border: 1px solid var(--background-modifier-accent); background: var(--background-modifier-accent); } .profileColors-3Y0XaR .body-_QAKrE .listScroller-XCVa1H { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 8px; padding: 12px !important; margin-bottom: 12px; } .body-_QAKrE .listRow-Y5zoF8 { background: var(--background-modifier-accent); border: 1px solid var(--background-modifier-accent); margin-top: 8px; margin-left: 0; margin-bottom: 0; padding: 12px 8px; border-radius: 4px; height: 24px; width: 250px; } .listRow-Y5zoF8 .icon-1zKOXL { width: 30px; height: 30px; border-radius: 50%; } .body-_QAKrE .listRow-Y5zoF8 > .wrapper-1VLyxH, .body-_QAKrE .listRow-Y5zoF8 > .wrapper-1VLyxH svg { width: 30px !important; height: 30px !important; } .body-_QAKrE .listRow-Y5zoF8 > .wrapper-1VLyxH svg foreignObject { width: 49px; height: 49px; border-radius: 50%; mask: none; } .body-_QAKrE .listRow-Y5zoF8 > .wrapper-1VLyxH svg rect { display: none; } .body-_QAKrE .listRow-Y5zoF8 .listRowContent-3fhsZ_, .body-_QAKrE .listRow-Y5zoF8 .listName-3bDgY6 { font-weight: 600; } .body-_QAKrE .listScroller-XCVa1H .empty-2-ONJW { min-width: 100%; position: absolute; } .userProfileActivity-1JPDhh { margin-top: 8px; padding: 0; } .userProfileActivity-1JPDhh .body-u1Y8uL { background: var(--background-modifier-accent); border: 1px solid var(--background-modifier-accent); padding: 8px; flex-flow: wrap; border-radius: var(--winrad2); } #app-mount .contentGameImageProfileV2-2dewzu, #app-mount .contentImagesProfileV2-2Z-K9I { width: 0; } .assets-3PQvAh { align-self: center; } #app-mount .userProfileActivity-1JPDhh .platformIcon-k3yytQ { top: -4px; right: 0; } .buttonsWrapper-2ARRp1:empty { margin-top: 0 !important; } #app-mount .actionsProfileV2-2xJe2L { width: 100%; margin-left: 0; margin-top: 8px; } #app-mount .actionColor-3JIzOn:hover { opacity: 1; } #app-mount .actionsProfileV2-2xJe2L [type="button"] { width: -webkit-fill-available; transition: var(--wintransition); } .profileColors-3Y0XaR.theme-dark .actionsProfileV2-2xJe2L [type="button"] { background-color: var(--blue-button-bg) !important; border: 1px solid var(--blue-button-border) !important; border-top-color: var(--blue-button-top) !important; border-bottom-color: var(--blue-button-bottom) !important; } .profileColors-3Y0XaR.theme-dark .actionsProfileV2-2xJe2L [type="button"]:hover { background-color: var(--blue-button-hover) !important; border-color: var(--blue-button-hover-border) !important; border-top-color: var(--blue-button-hover-top) !important; border-bottom-color: var(--blue-button-hover-bottom) !important; } .profileColors-3Y0XaR.theme-dark .actionsProfileV2-2xJe2L [type="button"] { color: #000 !important; } .profileColors-3Y0XaR.theme-light .actionsProfileV2-2xJe2L [type="button"] { color: #fff !important; } #app-mount .connectedAccountContainer-3aLMHJ { background: var(--background-modifier-accent); border: 1px solid var(--background-modifier-accent); margin-top: 8px; } .listenAlongIcon-aXq1MH { margin-left: 2px; margin-top: 2px; } #app-mount .contentImagesActivityFeed-2rPjYe, #app-mount .contentImagesProfile-27BIzt, #app-mount .contentImagesStreamPreview-38HyRm, #app-mount .contentImagesUserPopout-Kqai8z, #app-mount .contentImagesUserPopoutV2-2Mcg9w, #app-mount .contentImagesVoiceChannel-OHm3LY, #app-mount .contentGameImageProfile-24ty00 { width: 0; } #app-mount .UserDetails-dates-container .UserDetails-dates-errorIcon { fill: var(--info-danger-foreground) !important; } #app-mount .UserDetails-dates-container.UserDetails-dates-icons.UserDetails-dates-userProfile { margin-top: -12px; margin-bottom: 6px; padding-left: 11px; } .UserDetails-dates-container.UserDetails-dates-icons.UserDetails-dates-userProfile > div { height: 30px; } /* Linked Account */ #app-mount .connectedAccountsColumn-1zdyyx [class*="connectedAccountOpenIcon-"] { width: fit-content; height: fit-content; color: var(--focus-primary); } /* Link Acount Icon */ #app-mount .connectedAccountOpenIcon-OngaxI { transform: translateX(-2px); -webkit-mask-position: center; } #app-mount .connectedAccountOpenIcon-OngaxI { background-color: var(--link-500); } #app-mount .connectedAccountOpenIcon-OngaxI:hover { background-color: var(--link-460); } #app-mount [points="13 20 11 20 11 8 5.5 13.5 4.08 12.08 12 4.16 19.92 12.08 18.5 13.5 13 8"] { stroke: none; } /* In Guild Profile */ #app-mount .guild-profile .guild-profile-body { min-height: 240px; height: 240px; max-height: 240px; } /* Ctrl / */ #app-mount .keyboardShortcutsModal-2CRmCm { background-color: var(--background-primary); border: var(--windarkborder1); border-radius: var(--winrad3); } #app-mount .keyboardShortcutsModal-2CRmCm .modalTitle-2skSKy, #app-mount .keyboardShortcutsModal-2CRmCm .modalSubtitle-2lx7qk { background-color: var(--background-tertiary); } #app-mount .keyboardShortcutsModal-2CRmCm .modalTitle-2skSKy { margin: unset; padding-bottom: 5px; } #app-mount .keyboardShortcutsModal-2CRmCm [class="auto-2K3UW5 scrollerBase-_bVAAt fade-1R6FHN"]::-webkit-scrollbar { width: 10px; } /* Role selector */ .theme-dark .container-2O1UgZ { background: var(--noise256), var(--windark-box1); border: var(--windarkborder4); backdrop-filter: blur(var(--winblur1)); border-radius: var(--winrad3); } .theme-light .container-2O1UgZ { background: var(--noise256), var(--winlight-box1); border: var(--winlightborder1); backdrop-filter: blur(var(--winblur1)); border-radius: var(--winrad3); } /* Little Notice */ #app-mount .premiumTrialBadgeIcon-24nUOG { transform: unset; } #app-mount .communityInfoVisible-3zc5_s .communityInfoContainer-1dMVpU { margin-top: unset; padding-top: 4px; } .theme-dark .communityInfoPill-2Mll66, .theme-dark .premiumTrialAcknowledgedBadge-2QxbU_ { background-color: var(--windark-acrylic); border-radius: var(--winrad1); border: var(--windarkborder1); color: var(--text-normal); } .theme-light .communityInfoPill-2Mll66, .theme-light .premiumTrialAcknowledgedBadge-2QxbU_ { background-color: var(--winlight-acrylic); border-radius: var(--winrad1); border: var(--windarkborder1); color: var(--text-normal); } /* Tooltips */ .theme-dark .tooltipPrimary-3qLMbS, .theme-dark .tooltipBlack-vMYxvw, .theme-dark .tooltipGrey-lpLZjh, .theme-dark .bd-tooltip-content, .theme-dark .bd-toast:not(.toast-success):not(.toast-danger):not(.toast-error) { background: var(--noise256), var(--windark-box1); color: #fff; border: var(--windarkborder4); backdrop-filter: blur(var(--winblur1)); border-radius: var(--winrad2); } .theme-light .tooltipPrimary-3qLMbS, .theme-light .tooltipBlack-vMYxvw, .theme-light .tooltipGrey-lpLZjh, .theme-light .bd-tooltip-content, .theme-light .bd-toast:not(.toast-success):not(.toast-danger):not(.toast-error) { background: var(--noise256), var(--winlight-box1); color: #000; border: var(--winlightborder2); backdrop-filter: blur(var(--winblur1)); border-radius: var(--winrad2); } .bd-tooltip-pointer, .tooltipPointer-3L49xb { display: none; } .tooltipGreen-oouJdx { background-color: var(--info-positive-background) !important; border: 1px solid var(--info-positive-foreground) !important; color: var(--info-positive-text) !important; border-radius: var(--winrad2) !important; } .tooltipRed-2z14Wl { background-color: var(--info-danger-background) !important; border: 1px solid var(--info-danger-foreground) !important; color: var(--info-danger-text) !important; border-radius: var(--winrad2) !important; } #app-mount .tooltipBrand-20XsMA { backdrop-filter: blur(var(--winblur1)); border-radius: var(--winrad2); background-color: var(--brand-experiment-30a); border: 1px solid var(--brand-experiment); } .bd-toast { box-shadow: var(--elevation-low); } .bd-toast.toast-success { background-color: var(--info-positive-background); border: 1px solid var(--info-positive-foreground); color: var(--info-positive-text); } .bd-toast.toast-danger, .bd-toast.toast-error { background-color: var(--info-danger-background); border: 1px solid var(--info-danger-foreground); color: var(--info-danger-text); } /* Menus popouts */ #app-mount .menu-2TXYjN { border-radius: var(--winrad3); background-color: transparent; background: transparent; } .theme-dark .menu-2TXYjN { border: var(--windarkborder4); } .theme-light .menu-2TXYjN { border: var(--winlightborder1); } #app-mount .submenuPaddingContainer-QgnL1r { padding: 0; } #app-mount .labelContainer-2vJzYL, #app-mount .item-1OdjEX { border-radius: var(--winrad2); } #app-mount .colorDanger-3n-KnP.focused-3qFvc8 { color: var(--status-positive-text) !important; background-color: var(--info-danger-background) !important; } #app-mount .colorDanger-3n-KnP, #app-mount .colorDanger-3n-KnP .checkbox-hADx5o, #app-mount .colorDanger-3n-KnP .radioSelection-1UHp0b { color: var(--info-danger-foreground) !important; } #app-mount .colorDefault-CDqZdO.focused-3qFvc8 { background-color: var(--background-modifier-selected); color: var(--text-normal); } #app-mount .colorDefault-CDqZdO:active:not([id="account-info"]) { background-color: var(--background-modifier-active); color: var(--text-normal); } #account.menu-2TXYjN > .scroller-1bVxF5 { padding-right: 3px !important; } #app-mount .scroller-1bVxF5:not(#account.menu-2TXYjN > .scroller-1bVxF5) { padding: 4px 6px !important; } #app-mount .scroller-1bVxF5 .separator-1So4YB { margin-left: 0; margin-right: 0; } .theme-dark .scroller-1bVxF5 .separator-1So4YB { border-bottom: var(--windarkborder2); } .theme-light .scroller-1bVxF5 .separator-1So4YB { border-bottom: var(--winlightborder3); } .submenu-1apzyU.menu-2TXYjN[aria-activedescendant] .listItems-6eZzQ1[style="inset: 6px 0px 6px 8px;"] { inset: 4px 6px !important; } .optionIcon-1Ft8w0 { width: 20px; height: 20px; } .theme-light .colorDefault-CDqZdO.focused-3qFvc8 .checkbox-hADx5o, .theme-light .colorDefault-CDqZdO.focused-3qFvc8 .radioSelection-1UHp0b, .theme-light .colorDefault-CDqZdO.focused-3qFvc8 .subtext-2GlkbE { color: #000; } /* Code by rmkx [edited] */ .menu-2TXYjN::before, .menu-2TXYjN.submenu-1apzyU::before { content: ''; position: absolute; height: 100%; width: 100%; backdrop-filter: blur(var(--winblur1)); z-index: 0; border-radius: 8px; } .theme-dark .menu-2TXYjN::before { background: var(--noise256), var(--windark-box1); } .theme-light .menu-2TXYjN::before { background: var(--noise256), var(--winlight-box1); } /* Switch Account fix */ .theme-light .colorDefault-CDqZdO.focused-3qFvc8 .switchAccountsIcon-36imMT path { fill: #000 !important; } .theme-light .focused-3RdCfX .userMenuUsername-2xdVcJ .userMenuDiscriminator-2Vj2p9, .theme-light .focused-3RdCfX .userMenuUsername-2xdVcJ .userMenuText-2e3Dry { color: #000 !important; } /* Popout mention */ #app-mount .autocomplete-3NRXG8 { border-radius: var(--winrad3); backdrop-filter: blur(var(--winblur1)); } #app-mount .selected-3H3-RC { background-color: var(--background-modifier-selected); } #app-mount .expandedMarkAllReadContainer-3G9M6a { background-color: transparent; } .theme-dark .autocomplete-3NRXG8 { background: var(--noise256), var(--windark-box1); border: var(--windarkborder4); } .theme-light .autocomplete-3NRXG8 { background: var(--noise256), var(--winlight-box1); border: var(--winlightborder2); } .theme-dark .categoryHeader-OpJ1Ly { background: var(--windark-acrylic); border-radius: var(--winrad1); } .theme-light .categoryHeader-OpJ1Ly { background: var(--winlight-acrylic); border-radius: var(--winrad1); } /* Alt WinButtons */ :root { --windark-button-bg-alt: hsl(0, 0%, 18%); --windark-button-hover-alt: hsl(0, 0%, 20%); --windark-button-border-alt: hsl(0, 0%, 19%); --windark-button-top-alt: hsl(0, 0%, 21%); --windark-button-bottom-alt: hsl(0, 0%, 19%); --winlight-button-bg-alt: hsl(0, 0%, 100%); --winlight-button-hover-alt: hsl(0, 0%, 99%); --winlight-button-border-alt: hsl(0, 0%, 95%); --winlight-button-top-alt: hsl(0, 0%, 95%); --winlight-button-bottom-alt: hsl(0, 0%, 88%); } /* Chat, server, etc */ #app-mount .sidebar-1tnWFu .searchBar-3TnChZ { box-shadow: none; height: 47px; padding: 0; } #app-mount .sidebar-1tnWFu .searchBarComponent-3N7dCG { height: 38px; width: 100%; margin: 0 8px; transition: var(--wintransition); } .theme-dark .searchBar-3TnChZ .searchBarComponent-3N7dCG { background-color: var(--windark-button-bg-alt); color: #fff; border: 1px solid var(--windark-button-border-alt); border-top-color: var(--windark-button-top-alt); border-bottom-color: var(--windark-button-bottom-alt); border-radius: var(--winrad2); } .theme-dark .searchBar-3TnChZ .searchBarComponent-3N7dCG:hover { background-color: var(--windark-button-hover-alt); } .theme-light .searchBar-3TnChZ .searchBarComponent-3N7dCG { background-color: var(--winlight-button-bg-alt); color: #000; border: 1px solid var(--winlight-button-border-alt); border-top-color: var(--winlight-button-top-alt); border-bottom-color: var(--winlight-button-bottom-alt); border-radius: var(--winrad2); } .theme-light .searchBar-3TnChZ .searchBarComponent-3N7dCG:hover { background-color: var(--winlight-button-hover-alt); } .theme-dark .base-2jDfDU { border-left: var(--windarkborder1); border-top: var(--windarkborder1); border-top-left-radius: var(--winrad4); } .theme-light .base-2jDfDU { border-left: var(--winlightborder1); border-top: var(--winlightborder1); border-top-left-radius: var(--winrad4); } .headerBar-1dSpQr:before, .tabBody-2dgbAs:before, .content-1jQy2l:before, .chat-1rZYgu:before, .form-3gdLxP:before, .applicationStore-2nk7Lo .children-3xh0VB:after { display: none; } #app-mount .sidebar-1tnWFu { background-color: transparent; } #app-mount .container-3XgAHv { border-radius: 0; } .theme-dark .container-3XgAHv { border-left: var(--windarkborder1); } .theme-light .container-3XgAHv { border-left: var(--winlightborder1); } #app-mount .chat-2ZfjoI.threadSidebarOpen-1LSXvU, #app-mount .wrapper-1gVUIN.chatSidebarOpen--YCxhs .callContainer-HtHELf { border-radius: 0; } #app-mount .resizeHandle-PBRzPC { width: 4px; } #app-mount .container-1-ERn5:not(.bannerVisible-Vkyg1I) .header-3OsQeK, #app-mount .animatedContainer-2laTjx { box-shadow: none; } #app-mount .header-3OsQeK { padding: 6px 8px; margin: 5px 7px; } .theme-dark .header-3OsQeK { background-color: var(--windark-button-bg-alt); color: #fff; border: 1px solid var(--windark-button-border-alt); border-top-color: var(--windark-button-top-alt); border-bottom-color: var(--windark-button-bottom-alt); border-radius: var(--winrad2); } .theme-dark .header-3OsQeK:hover { background-color: var(--windark-button-hover-alt); } .theme-light .header-3OsQeK { background-color: var(--winlight-button-bg-alt); color: #000; border: 1px solid var(--winlight-button-border-alt); border-top-color: var(--winlight-button-top-alt); border-bottom-color: var(--winlight-button-bottom-alt); border-radius: var(--winrad2); } .theme-light .header-3OsQeK:hover { background-color: var(--winlight-button-hover-alt); } /* Fix in scroll */ #app-mount .scrolling-20Of9p .content-2a4AW9 { pointer-events: auto; } /* Discover */ .sidebar-1tnWFu .thin-31rlnD[dir=ltr] { background-color: var(--background-secondary); } #app-mount .categoryItem-Kc_HK_.selectedCategoryItem-ZjqSui .itemInner-3e_4G4 { background-color: var(--background-modifier-selected); } #app-mount .categoryItem-Kc_HK_ .layout-1qmrhw::before { left: 8px !important; } .theme-light .categoryItem-Kc_HK_.selectedCategoryItem-ZjqSui { color: #000; } .theme-dark .card-2TuZPZ { background: var(--windark-mica) !important; border: var(--windarkborder1); } .theme-dark .iconMask-2fMR98 { background: var(--windark-mica) !important; } .theme-light .card-2TuZPZ { background: var(--winlight-mica) !important; border: var(--winlightborder1); } .theme-light .iconMask-2fMR98 { background: var(--winlight-mica) !important; } /* TextBox */ :root { --textdark-bg: #292929; --textdark-bg-hover: #2f2f2f; --textdark-bg-focus: #1d1d1d; --textdark-border: 1px solid #2e2e2e; --textdark-border-hover: 1px solid #2f2f2f; --textdark-border-focus: 1px solid #2c2c2c; --textdark-border-static: 2px solid #989898; --textlight-bg: #fdfdfd; --textlight-bg-hover: #f9f9f9; --textlight-bg-focus: #ffffff; --textlight-border: 1px solid #ebebeb; --textlight-border-hover: 1px solid #ededed; --textlight-border-focus: 1px solid #ebebeb; --textlight-border-static: 2px solid #8b8b8b; --winborder-bottom: 2px solid; } #app-mount .scrollableContainer-15eg7h { border-radius: var(--winrad2); } .theme-dark .scrollableContainer-15eg7h { background-color: var(--textdark-bg); border: var(--textdark-border); border-bottom: var(--textdark-border-static); } .theme-dark .scrollableContainer-15eg7h:hover:not(:focus-within) { background-color: var(--textdark-bg-hover); border: var(--textdark-border-hover); border-bottom: var(--textdark-border-static); } .theme-dark .scrollableContainer-15eg7h:focus-within { background-color: var(--textdark-bg-focus); border: var(--textdark-border-focus); border-bottom: var(--winborder-bottom) var(--brand-experiment); } .theme-light .scrollableContainer-15eg7h { background-color: var(--textlight-bg); border: var(--textlight-border); border-bottom: var(--textlight-border-static); } .theme-light .scrollableContainer-15eg7h:hover:not(:focus-within) { background-color: var(--textlight-bg-hover); border: var(--textlight-border-hover); border-bottom: var(--textlight-border-static); } .theme-light .scrollableContainer-15eg7h:focus-within { background-color: var(--textlight-bg-focus); border: var(--textlight-border-focus); border-bottom: var(--winborder-bottom) var(--brand-experiment); } #app-mount .scrollableContainer-15eg7h { -webkit-transition: var(--wintransition); transition: var(--wintransition); } #app-mount .channelTextArea-1FufC0 { background-color: transparent; } #app-mount .attachedBars-2BCP3l { border-radius: var(--winrad3); padding: 0; background: none; margin-bottom: 4px; } #app-mount .clipContainer-31nYlH { margin-top: 0; padding-top: 0; } #app-mount .replyBar-1oi75v { border-radius: var(--winrad3); } .theme-dark .attachedBars-2BCP3l { border: var(--windarkborder2); } .theme-light .attachedBars-2BCP3l { border: var(--winlightborder3); } .theme-dark .replyBar-1oi75v, .theme-dark .threadSuggestionBar-3ExSyc { background: var(--noise256), var(--windark-box1); } .theme-dark .threadSuggestionBar-3ExSyc { border-top: var(--windarkborder2); } .theme-light .replyBar-1oi75v, .theme-light .threadSuggestionBar-3ExSyc { background: var(--noise256), var(--winlight-box1); } .theme-light .threadSuggestionBar-3ExSyc { border-top: var(--winlightborder3); } #app-mount .form-3gdLxP { margin-top: unset; } .sprite-2lxwfc { transform: scale(1) !important; filter: grayscale(0) !important; } /* New Simple TextBox */ #app-mount .input-2g-os5:not(.copyInput-1dXbXE > .input-2g-os5, .input-2g-os5 .input-2g-os5, .addFriendInputWrapper-kkoSV9 .input-2g-os5, .search-25t1e9 .input-2g-os5), #app-mount [class="quickswitcher-pKcM9U"] .input-3r5zZY { border-radius: var(--winrad2); } .theme-dark .input-2g-os5:not(.copyInput-1dXbXE > .input-2g-os5, .input-2g-os5 .input-2g-os5, .addFriendInputWrapper-kkoSV9 .input-2g-os5, .search-25t1e9 .input-2g-os5), .theme-dark [class="quickswitcher-pKcM9U"] .input-3r5zZY { background-color: var(--textdark-bg); border: var(--textdark-border); border-bottom: var(--textdark-border-static); } .theme-dark .input-2g-os5:hover:not(:focus-within):not(.copyInput-1dXbXE > .input-2g-os5, .input-2g-os5 .input-2g-os5, .addFriendInputWrapper-kkoSV9 .input-2g-os5, .search-25t1e9 .input-2g-os5), .theme-dark [class="quickswitcher-pKcM9U"] .input-3r5zZY:hover:not(:focus-within) { background-color: var(--textdark-bg-hover); border: var(--textdark-border-hover); border-bottom: var(--textdark-border-static); } .theme-dark .input-2g-os5:focus-within:not(.copyInput-1dXbXE > .input-2g-os5, .input-2g-os5 .input-2g-os5, .addFriendInputWrapper-kkoSV9 .input-2g-os5, .search-25t1e9 .input-2g-os5), .theme-dark [class="quickswitcher-pKcM9U"] .input-3r5zZY:focus-within { background-color: var(--textdark-bg-focus); border: var(--textdark-border-focus); border-bottom: var(--winborder-bottom) var(--brand-experiment); } .theme-light .input-2g-os5:not(.copyInput-1dXbXE > .input-2g-os5, .input-2g-os5 .input-2g-os5, .addFriendInputWrapper-kkoSV9 .input-2g-os5, .search-25t1e9 .input-2g-os5), .theme-light [class="quickswitcher-pKcM9U"] .input-3r5zZY { background-color: var(--textlight-bg); border: var(--textlight-border); border-bottom: var(--textlight-border-static); } .theme-light .input-2g-os5:hover:not(:focus-within):not(.copyInput-1dXbXE > .input-2g-os5, .input-2g-os5 .input-2g-os5, .addFriendInputWrapper-kkoSV9 .input-2g-os5, .search-25t1e9 .input-2g-os5), .theme-light [class="quickswitcher-pKcM9U"] .input-3r5zZY:hover:not(:focus-within) { background-color: var(--textlight-bg-hover); border: var(--textlight-border-hover); border-bottom: var(--textlight-border-static); } .theme-light .input-2g-os5:focus-within:not(.copyInput-1dXbXE > .input-2g-os5, .input-2g-os5 .input-2g-os5, .addFriendInputWrapper-kkoSV9 .input-2g-os5, .search-25t1e9 .input-2g-os5), .theme-light [class="quickswitcher-pKcM9U"] .input-3r5zZY:focus-within { background-color: var(--textlight-bg-focus); border: var(--textlight-border-focus); border-bottom: var(--winborder-bottom) var(--brand-experiment); } #app-mount .input-2g-os5:not(.copyInput-1dXbXE > .input-2g-os5, .input-2g-os5 .input-2g-os5, .addFriendInputWrapper-kkoSV9 .input-2g-os5, .search-25t1e9 .input-2g-os5), #app-mount [class="quickswitcher-pKcM9U"] .input-3r5zZY { -webkit-transition: var(--wintransition); transition: var(--wintransition); } #app-mount .copyInput-1dXbXE > .input-2g-os5 { background-color: transparent; } /* Add Note Text Box */ #app-mount .textarea-_59yqs { border-radius: var(--winrad2); } .theme-dark .textarea-_59yqs { background-color: var(--textdark-bg); border: var(--textdark-border); border-bottom: var(--textdark-border-static); } .theme-dark .note-3M15gE:hover .textarea-_59yqs:not(:focus-within) { background-color: var(--textdark-bg-hover); border: var(--textdark-border-hover); border-bottom: var(--textdark-border-static); } .theme-dark .note-3M15gE:focus-within .textarea-_59yqs { background-color: var(--textdark-bg-focus); border: var(--textdark-border-focus); border-bottom: var(--winborder-bottom) var(--brand-experiment); } .theme-light .textarea-_59yqs { background-color: var(--textlight-bg); border: var(--textlight-border); border-bottom: var(--textlight-border-static); } .theme-light .note-3M15gE:hover .textarea-_59yqs:not(:focus-within) { background-color: var(--textlight-bg-hover); border: var(--textlight-border-hover); border-bottom: var(--textlight-border-static); } .theme-light .note-3M15gE:focus-within .textarea-_59yqs { background-color: var(--textlight-bg-focus); border: var(--textlight-border-focus); border-bottom: var(--winborder-bottom) var(--brand-experiment); } #app-mount .note-3M15gE .textarea-_59yqs { -webkit-transition: var(--wintransition); transition: var(--wintransition); } /* Message in Small Profile Text Box */ #app-mount .input-2z42oC { border-radius: var(--winrad2); } .theme-dark .input-2z42oC { background-color: var(--textdark-bg); border: var(--textdark-border); border-bottom: var(--textdark-border-static); } .theme-dark .inputWrapper-1YNMmM:hover .input-2z42oC:not(:focus-within) { background-color: var(--textdark-bg-hover); border: var(--textdark-border-hover); border-bottom: var(--textdark-border-static); } .theme-dark .inputWrapper-1YNMmM:focus-within .input-2z42oC { background-color: var(--textdark-bg-focus); border: var(--textdark-border-focus); border-bottom: var(--winborder-bottom) var(--brand-experiment); } .theme-light .input-2z42oC { background-color: var(--textlight-bg); border: var(--textlight-border); border-bottom: var(--textlight-border-static); } .theme-light .inputWrapper-1YNMmM:hover .input-2z42oC:not(:focus-within) { background-color: var(--textlight-bg-hover); border: var(--textlight-border-hover); border-bottom: var(--textlight-border-static); } .theme-light .inputWrapper-1YNMmM:focus-within .input-2z42oC { background-color: var(--textlight-bg-focus); border: var(--textlight-border-focus); border-bottom: var(--winborder-bottom) var(--brand-experiment); } #app-mount .inputWrapper-1YNMmM .input-2z42oC { -webkit-transition: var(--wintransition); transition: var(--wintransition); } /* Wumpus saying someone is new */ #app-mount .userPopout-2j1gM4 .wumpusWrapper-3ReSr0 { display: none; } /* New Messages */ #app-mount .divider-IqmEqJ .unreadPill-3nEWYM { padding: 0 8px; background-color: transparent; font-size: 14px; position: absolute; top: -20px; } #app-mount .divider-IqmEqJ .unreadPillCap-2-iI4h { width: 9px; height: 9px; border-radius: 50%; top: 2px; } .unreadPillCapStroke-1nE1Q8 { display: none; } #app-mount .isUnread-3Lojb- { border-color: var(--brand-experiment); } #app-mount .divider-IqmEqJ .unreadPill-3nEWYM { color: var(--brand-experiment); } #app-mount .isUnread-3Lojb- .content-3spvdd { color: var(--brand-experiment); } #app-mount .divider-IqmEqJ .unreadPillCap-2-iI4h { background: var(--brand-experiment); } #app-mount .jumpToPresentBar-1cEnH0 { padding-bottom: 0; border-radius: var(--winrad1); bottom: 4px; opacity: 1; width: fit-content; } #app-mount .jumpToPresentBar-1cEnH0 .barButtonAlt-TQoCdZ { border-left: 1px solid var(--background-modifier-accent); } .theme-dark .jumpToPresentBar-1cEnH0 { background-color: var(--windark-button-bg); border: 1px solid var(--windark-button-border); border-top-color: var(--windark-button-top); border-bottom-color: var(--windark-button-bottom); } .theme-dark .jumpToPresentBar-1cEnH0:hover { background-color: var(--windark-button-hover); border-color: var(--windark-button-hover-border); border-top-color: var(--windark-button-hover-top); border-bottom-color: var(--windark-button-hover-bottom); } .theme-light .jumpToPresentBar-1cEnH0 { background-color: var(--winlight-button-bg); border: 1px solid var(--winlight-button-border); border-top-color: var(--winlight-button-top); border-bottom-color: var(--winlight-button-bottom); } .theme-light .jumpToPresentBar-1cEnH0:hover { background-color: var(--winlight-button-hover); border-color: var(--winlight-button-hover-border); border-top-color: var(--winlight-button-hover-top); border-bottom-color: var(--winlight-button-hover-bottom); } .theme-light .jumpToPresentBar-1cEnH0 .barButtonBase-Sk2mdB { color: #000; } #app-mount .newMessagesBar-1hF-9G { border-radius: var(--winrad1); top: 4px; opacity: 1; } #app-mount .newMessagesBar-1hF-9G { background-color: var(--blue-button-bg); border: 1px solid var(--blue-button-border); border-top-color: var(--blue-button-top); border-bottom-color: var(--blue-button-bottom); } #app-mount .newMessagesBar-1hF-9G:hover { background-color: var(--blue-button-hover); border-color: var(--blue-button-hover-border); border-top-color: var(--blue-button-hover-top); border-bottom-color: var(--blue-button-hover-bottom); } /* Rich Edit Box */ #app-mount .toolbar-37BrJ5 { border-radius: var(--winrad4); backdrop-filter: blur(var(--winblur1)); padding: 6px 4px; } #app-mount .toolbar-37BrJ5::before { display: none; } #app-mount .toolbar-37BrJ5 button { margin: 0 4px; border-radius: var(--winrad2); transition: none; } .theme-dark .toolbar-37BrJ5 { background: var(--noise256), var(--windark-box1); border: var(--windarkborder4); } .theme-dark .toolbar-37BrJ5 button .icon-3g7qdA { color: #ffffff; } .theme-dark .toolbar-37BrJ5 button:hover .icon-3g7qdA { color: #000000; } .theme-dark .divider-3NY7PF { border-color: var(--windarkborder4); } #app-mount .toolbar-37BrJ5 button:hover { background-color: var(--brand-experiment); border: 1px solid var(--brand-experiment); border-bottom-color: var(--brand-experiment); } .theme-light .toolbar-37BrJ5 { background: var(--noise256), var(--winlight-box1); border: var(--winlightborder2); } .theme-light .toolbar-37BrJ5 button .icon-3g7qdA { color: #000000; } .theme-light .toolbar-37BrJ5 button:hover .icon-3g7qdA { color: #ffffff; } .theme-light .divider-3NY7PF { border-color: var(--winlightborder2); } /* Call Activity Popout */ .container-8Futzw { border-radius: var(--winrad3); max-height: calc(100% - 34px); } .theme-dark .container-8Futzw { background-color: var(--windark-mica); border: var(--windarkborder3); } .theme-dark .activity-1DK9Xa+.activity-1DK9Xa { border-top: var(--windarkborder2); } .theme-light .container-8Futzw { background-color: var(--winlight-mica); border: var(--winlightborder2); } .theme-light .activity-1DK9Xa+.activity-1DK9Xa { border-top: var(--winlightborder3); } #app-mount .activityVoiceChannel-2vojOH .assetsSmallImage-2JNB1y { right: 0; bottom: 0; } /* Channel Details Popout */ #app-mount .popout-TdhJ6Z { border-radius: var(--winrad3); box-shadow: var(--elevation-high); } #app-mount .ChannelDetails-tooltip-section .ChannelDetails-tooltip-role { background-color: var(--background-primary); } .theme-dark .popout-TdhJ6Z { background-color: var(--windark-mica); border: var(--windarkborder3); } .theme-dark .more-2c3Z-T { border-top: var(--windarkborder2); } .theme-light .popout-TdhJ6Z { background-color: var(--winlight-mica); border: var(--winlightborder2); } .theme-light .more-2c3Z-T { border-top: var(--winlightborder3); } .theme-light .ChannelDetails-tooltip-section .ChannelDetails-tooltip-role .ChannelDetails-tooltip-roleName { color: var(--interactive-active); } #app-mount .ChannelDetails-tooltip-section .ChannelDetails-tooltip-body { max-width: 272px; } /* BD Editor Window */ .floating-window.resizable { border: var(--windarkborder1); border-radius: var(--winrad4); z-index: 101; } .floating-window-buttons .close-button:hover { background-color: #C42B1C; } /* Emote Info ChatPopout */ .theme-dark .popoutContainer-2wbmiM { background: var(--noise256), var(--windark-box1); border: var(--windarkborder4); backdrop-filter: blur(var(--winblur1)); border-radius: var(--winrad2); } .theme-light .popoutContainer-2wbmiM { background: var(--noise256), var(--winlight-box1); border: var(--winlightborder2); backdrop-filter: blur(var(--winblur1)); border-radius: var(--winrad2); } /* Reactions */ .reaction-3vwAF2 { border: var(--windarkborder1); border-radius: 100px; } /* See Reactions Popout */ #app-mount .scroller-2GkvCq { background: var(--background-secondary); } #app-mount .reactors-1VXca7 { background-color: var(--background-primary); } .scroller-2GkvCq { padding-right: 8px !important; } #app-mount .reactionSelected-1aMb2K { background-color: var(--background-modifier-selected); } #app-mount .reactionDefault-1Sjj1f:hover { background-color: var(--background-modifier-hover); } #app-mount .reactors-1VXca7 .reactor-1J25Qp { margin-right: 10px; } /* Add Roles Setting */ .row-1Ib2uD { padding-right: 8px !important; } .positionBottom-1pd-ap .autocompleteArrowWrapper-Kr4DnW { display: none; } .theme-dark .autocompleteArrow-jJE9TQ, .theme-dark .header-3i_Csh { border-bottom: none; border-top-right-radius: var(--winrad3); border-top-left-radius: var(--winrad3); } .theme-dark .container-1S70rv .sectionTag-28mLyE { border-bottom-left-radius: var(--winrad3); border-bottom-right-radius: var(--winrad3); backdrop-filter: blur(var(--winblur1)); } .theme-dark .autocompleteArrow-jJE9TQ, .theme-dark .header-3i_Csh { border: var(--windarkborder2); } .theme-dark .container-1S70rv .sectionTag-28mLyE { background: var(--noise256), var(--windark-box1); border: var(--windarkborder2); } .theme-light .autocompleteArrow-jJE9TQ, .theme-light .header-3i_Csh { border: var(--winlightborder2); } .theme-light .container-1S70rv .sectionTag-28mLyE { background: var(--noise256), var(--winlight-box1); border: var(--winlightborder2); } /* Bots Info */ #app-mount .botTag-7aX5WZ { background-color: var(--brand-experiment); color: var(--status-warning-text); border-radius: 100px; } .theme-dark .popout-AVsFMl, .theme-dark .guildPopout-1PxOP0 { background: var(--noise256), var(--windark-box1); border: var(--windarkborder2); border-radius: var(--winrad2); backdrop-filter: blur(var(--winblur1)); } .theme-light .popout-AVsFMl, .theme-light .guildPopout-1PxOP0 { background: var(--noise256), var(--winlight-box1); border: var(--winlightborder2); border-radius: var(--winrad2); backdrop-filter: blur(var(--winblur1)); } /* BetterFormatRedux */ #app-mount .bf-toolbar::before { border-radius: var(--winrad3); backdrop-filter: blur(var(--winblur1)); box-shadow: var(--elevation-low); width: calc(100% - 2px) !important; height: 40px; top: 4px; } #app-mount .bf-toolbar .format { border-radius: var(--winrad3); margin: 0 2px; height: 32px; max-height: 32px; bottom: 1px; width: 32px; } #app-mount .bf-toolbar .format > img { margin-left: -2px; } #app-mount .bf-toolbar .format > img[src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAC9UlEQVR4nO2av08UQRTH+WFhDDFXUFhcYcKBFMRYWtgLgdLS4go7IHAJBYl2FJb8UOsrLC0sjJyGPwMTf5xWJFhYUFBcYfRjsUOczL1d9sfczuwyn+Sa2/fefWdu33ffwI2NBQKBQIUBFoBdoA+cA7+Ad8AO0HStb2QAN4Bt4JR4PgEd4KZrvVYBrgNvExZu8tq1ZqsATzMs/oIt17qtADSJel2nDzxS16aBJ0ReoDMAFlzrLwzwXFh8Q4hrAj+N2F0Xmq0C9IxFPU6IbRuxn8vUOhKAL8ai7iTE3jViT8vU6hzgvrEBZ641lQZwCzgxNuDIta5SIJoOzcUDrLjWNnKU8ZmPSYCdvAW7QrG2XdmiYwN0M+TfJjoDSLwBruUVNgUcGwXPsThUqFvW/NaOgakUuQ2i2WAgLPw3sO1UYIrauTaY6DywBZzFfOsnwIOi+vQPLHSLJtTtCnXbCfEN4BnDU55OD5guqq2w2BT1Mm8q8q2emrxaLz68BRwaNb8BizlqLapcnUOgdUleIfKv/r+AJaIDiM57YCZDjZbK0ekDSyly3W6AErEu1N7PkL8v5K+nzHW/AUrIgVH7L7CWIm9NxeocWBNWFsh+8JUEPwAeqhidS/veW8jgB8AMOfvea5D9YE+I2xPiUvW99zDsB3+AVe36qnpPp3p9HwcJ4ywjHKO9ImGhIz1IeUWMH9Sz7+MQ/KCefR8H8nwAVX7eZyFswFVugSttgsiPwT7Do3L9HoPIg9AAuKde5l9x6jUIxfR9R7veEa7Xww+Q+/4VMKnFTKr3TKrtB8jH4Y/AvBA7r67pVPc4jPy8/0HC/9+AFRWjU835ALnvN1PkbQp51fID5L5/CUykyJ1QsSbV8APkvv8AzGWoMadydPz3A+S+/w4s56i1rHJ1/PYD5L7fKFBvQ6jnpx8g9/0LYLxAzXFVw8QvP0Du+x4wa6H2LMM/ffPHD5D73qrAmA32ww+Q+976LRrTYn76QSAQCAQCgUAgEKg8/wD8huCrKK8/kQAAAABJRU5ErkJggg=="], #app-mount .bf-toolbar .format > img[src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAA80lEQVR4nO3XzQ2CMBxAcQ4MwcFFHIRBWIQF2MBBZBAGeV5ogkSj1JQife9s0n9/Uj6qyszMzMzMLCIyl3v/AghQOkBsp9lIbAIIIIAAAggggAACCCCAAAIIIIAAuefZPQEEEEAAAQQQQIDTAAA1MGz4fRQAMAB13JSJAhpg3OOfnL1GoEm91lcBLXDf61JeXDR3oE293qdhOmDa8yyvTs4EdKnXfDXEBejX5zgDQKgHLqnXDgNcgdubQXJ2A66pN/903g9Y2vsCpQPMCOUegQVCuTfB1TBlPgZXA5X7IhSi5FfhEBs/hn5Y53gfQ2ZmZv/ZAxEIe1ZZ+BlyAAAAAElFTkSuQmCC"] { margin-left: -6px; transform: scale(0.875); } .theme-dark .bf-toolbar::before { background: var(--noise256), var(--windark-box1) !important; border: var(--windarkborder4); } .theme-dark .bf-toolbar .format:hover, .theme-dark .bf-toolbar .format:active { background-color: var(--brand-experiment) !important; border: 1px solid var(--brand-experiment); border-bottom-color: var(--brand-experiment-560); } .theme-dark .bf-toolbar .format:hover > img { filter: invert(1); } .theme-dark .bf-toolbar .format:hover > svg { fill: #000; } .theme-light .bf-toolbar::before { background: var(--noise256), var(--winlight-box1) !important; border: var(--winlightborder3); } .theme-light .bf-toolbar .format:hover, .theme-light .bf-toolbar .format:active { background-color: var(--text-link) !important; border: 1px solid var(--text-link); border-bottom-color: var(--info-help-foreground); } .theme-light .bf-toolbar .format:hover > img { filter: invert(0) !important; } .theme-light .bf-toolbar .format:hover > svg { fill: #000; } .theme-light .bf-toolbar .format > * { filter: invert(1); } .theme-light .bf-toolbar .bf-arrow { filter: brightness(0); } #app-mount .bf-toolbar { height: 28px !important; padding-bottom: 12px !important; } .bf-toolbar.bf-visible .bf-arrow, .bf-toolbar.bf-hover:hover .bf-arrow { transform: translate(0,-11px) rotate(-90deg) !important; } #app-mount .bf-toolbar .format > * { opacity: 1; } /* Emoji, sticker and gif picker */ #app-mount .emojiItem-277VFM.emojiItemSelected-2Lg50V, #app-mount .stickerInspected-mwnU6w .inspectedIndicator-27zwNZ { background-color: var(--background-modifier-selected); } #app-mount .contentWrapper-3vHNP2, #app-mount .emojiPicker-6YCk8a:not(.contentWrapper-3vHNP2 .emojiPicker-6YCk8a) { background-color: var(--background-secondary-alt); border-radius: var(--winrad2); box-shadow: var(--elevation-medium); } #app-mount .emojiPicker-6YCk8a .wrapper-1NNaWG, #app-mount [id="emoji-picker-tab-panel"] .header-11eigE { background-color: var(--background-secondary-alt); } #app-mount .contentWrapper-3vHNP2 .navButtonActive-1EqC5l { background-color: var(--background-modifier-active); color: var(--text-normal); } #app-mount .header-11eigE, #app-mount .header-2TLOnc, #app-mount .header-uVCAlo { box-shadow: none; } [id="emoji-picker-tab-panel"] .categoryList-2qRrlj .listItems-6eZzQ1 { width: 100%; } /* The searchbar */ .search-39IXmY { order: 1; } #app-mount .searchBar-jGtisZ { border-radius: var(--winrad2); height: 28px; } #app-mount .searchBar-jGtisZ, #app-mount .focused-1xh-wG .searchBar-jGtisZ, #app-mount .open-1F8u2c .searchBar-jGtisZ { width: 228px; } .theme-dark .searchBar-jGtisZ { background-color: var(--textdark-bg); border: var(--textdark-border); border-bottom: var(--textdark-border-static); } .theme-dark .search-2Mwzzq:hover .searchBar-jGtisZ:not(:focus-within) { background-color: var(--textdark-bg-hover); border: var(--textdark-border-hover); border-bottom: var(--textdark-border-static); } .theme-dark .search-2Mwzzq:focus-within .searchBar-jGtisZ { background-color: var(--textdark-bg-focus); border: var(--textdark-border-focus); border-bottom: var(--winborder-bottom) var(--brand-experiment); } .theme-light .searchBar-jGtisZ { background-color: var(--textlight-bg); border: var(--textlight-border); border-bottom: var(--textlight-border-static); } .theme-light .search-2Mwzzq:hover .searchBar-jGtisZ:not(:focus-within) { background-color: var(--textlight-bg-hover); border: var(--textlight-border-hover); border-bottom: var(--textlight-border-static); } .theme-light .search-2Mwzzq:focus-within .searchBar-jGtisZ { background-color: var(--textlight-bg-focus); border: var(--textlight-border-focus); border-bottom: var(--winborder-bottom) var(--brand-experiment); } #app-mount .search-2Mwzzq .searchBar-jGtisZ { -webkit-transition: var(--wintransition); transition: var(--wintransition); } .icon-tZMHgY.iconLayout-SqV3nb.small-1hw8IT { position: relative; top: 1px; } /* The Search Options */ #app-mount .container-2McqkF { position: relative; top: -6px; border-radius: var(--winrad3); backdrop-filter: blur(var(--winblur1)); } #app-mount .elevationBorderHigh-3drnJX { -webkit-box-shadow: var(--elevation-medium); box-shadow: var(--elevation-medium); } .option-ayUoaq:after, .option-ayUoaq[aria-selected=true]:after { background: none !important; } .theme-dark .container-2McqkF { background: var(--noise256), var(--windark-box1); border: var(--windarkborder4); } .theme-light .container-2McqkF { background: var(--noise256), var(--winlight-box1); border: var(--winlightborder2); } #app-mount .option-ayUoaq .displayUsername-UTerwm { max-width: 50%; } #app-mount .option-ayUoaq .plusIcon-1RVszG { background-color: var(--brand-experiment); color: var(--text-normal); border-radius: var(--winrad1); opacity: 1; } #app-mount .option-ayUoaq .plusIcon-1RVszG:hover { background-color: var(--brand-experiment-530); } #app-mount .resultsGroup-cfY57t .header-1BR0Ro, #app-mount .resultsGroup-cfY57t .searchClearHistory-3nIKUO, #app-mount .resultsGroup-cfY57t .searchLearnMore-1gNL3A a, #app-mount .option-ayUoaq .filter-2QaH9y { color: var(--header-secondary); } #app-mount .searchOption-3u1gRt .answer-14OVbQ, #app-mount .option-ayUoaq.user-1dKxvu .displayUsername-UTerwm { color: var(--interactive-normal); } #app-mount .option-ayUoaq[aria-selected=true] { background-color: var(--background-modifier-selected); } #app-mount .searchOption-351dTI .filter-5YbOzJ, #app-mount .option-2KkUJO .nonText-3_4gtu { color: var(--text-normal); } #app-mount .focused-2FU0YH { background-color: var(--background-tertiary); } #app-mount .dim-2Uxgxb span { background-color: var(--brand-experiment); color: var(--header-primary); } #app-mount .searchHeaderTabList-3CZMQB .item-3XjbnG::after { top: calc(50%/2); } /* Calendar */ #app-mount .datePicker-3iA7_k, #app-mount .datePicker-3iA7_k .datePickerHint-Ir4715 { border: none; } #app-mount .calendarPicker-sDhzdi .react-datepicker__header, #app-mount .calendarPicker-sDhzdi .react-datepicker { background-color: transparent; } #app-mount .calendarPicker-sDhzdi .react-datepicker__current-month { text-align: start; } #app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--next, #app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--previous { border: none; } #app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--previous { transform: rotate(-90deg); margin-left: calc(100% - 84px); } #app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--next { transform: rotate(90deg); } #app-mount .calendarPicker-sDhzdi .react-datepicker__day { background-color: transparent; border-radius: 50%; border: none; } #app-mount .calendarPicker-sDhzdi .react-datepicker__day:hover { background-color: var(--background-modifier-hover); } #app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected { background-color: var(--brand-experiment); } #app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected:hover { background-color: var(--brand-experiment-530); } #app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected:after { display: none; } .theme-dark .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected { color: #000; } .theme-light .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected { color: #fff; } /* Search page */ #app-mount .searchResultsWrap-5RVOkx { position: fixed; border-radius: var(--winrad3); top: 90px; right: 10px; z-index: 2; height: 80vh; backdrop-filter: blur(var(--winblur1)); } #app-mount .searchResultsWrap-5RVOkx .channelName-3w2Y3c { background-color: transparent; } .theme-dark .searchResultsWrap-5RVOkx { background: var(--noise256), var(--windark-box1); border: var(--windarkborder1); } .theme-light .searchResultsWrap-5RVOkx { background: var(--noise256), var(--winlight-box1); border: var(--winlightborder1); } /* Serverlist */ .wrapper-1_HaEi.guilds-2JjMmN { width: calc(var(--server-size) + 24px); } .scroller-3X7KbA { width: calc(var(--server-size) + 24px); overflow-y: overlay !important; } #app-mount .guildSeparator-a4uisj { width: var(--server-size); } #app-mount .listItem-3SmSlK { width: var(--server-size); margin: 0 12px 6px; } #app-mount .wrapper-38slSD { width: 100%; } #app-mount ul[id^=folder-items][role=group] { height: auto !important; } #app-mount .expandedFolderBackground-1kSAf6 { width: var(--server-size); left: 0; bottom: 0; margin: 0 12px; } #app-mount .wrapper-28eC3z, #app-mount .wrapper-28eC3z foreignObject, #app-mount .folderIconWrapper-1oRIZr, #app-mount .expandedFolderBackground-1kSAf6 { mask: none !important; border-radius: var(--winrad2); } #app-mount .wrapperSimple-Js2rIO { border-radius: var(--winrad2); } .expandedFolderBackground-1kSAf6.collapsed-uGXEbi, .expandedFolderBackground-1kSAf6.collapsed-uGXEbi.hover-3m7-WT { height: var(--server-size); } #app-mount .unreadMentionsIndicatorBottom-3RJMnQ, #app-mount .unreadMentionsIndicatorTop-2bTgUU { width: auto; } .pill-L_aLMQ, .pill-1NRFie { opacity: 0; } .listItem-3SmSlK .icon-3AqZ2e { width: 32px; height: 32px; border-radius: 50%; } #app-mount .pill-2RsI5Q { position: relative; left: 0px; height: auto; width: 0px; overflow: unset; z-index: 1; } .listItemWrapper-3d87LP .wrapper-28eC3z, .listItem-3SmSlK [data-dnd-name] .wrapper-28eC3z { width: calc(100% + 2px); height: calc(100% + 2px); margin: -1px 0 0 -1px; } .wrapper-28eC3z > svg { width: 100%; height: 100%; } .listItemWrapper-3d87LP, .listItem-3SmSlK [data-dnd-name] { height: calc(var(--server-size) - 2px); width: calc(var(--server-size) - 2px); border: 1px solid transparent; border-radius: var(--winrad2); transition: var(--wintransition); } .theme-dark .listItem-3SmSlK [data-dnd-name]:hover, .theme-dark .listItem-3SmSlK [data-dnd-name].selected-3c78Ai, .theme-dark .listItemWrapper-3d87LP:hover, .theme-dark .listItemWrapper-3d87LP.selected-3a1QGn { background-color: hsla(0, 0%, 26%, 0.6) !important; border: 1px solid hsla(0, 0%, 27%, 0.6) !important; border-top-color: hsla(0, 0%, 29%, 0.6) !important; border-bottom-color: hsla(0, 0%, 27%, 0.6) !important; } .theme-dark .listItem-3SmSlK [data-dnd-name].selected-3c78Ai:hover, .theme-dark .listItemWrapper-3d87LP.selected-3a1QGn:hover { background-color: hsla(0, 0%, 28%, 0.6) !important; } .theme-light .listItem-3SmSlK [data-dnd-name]:hover, .theme-light .listItem-3SmSlK [data-dnd-name].selected-3c78Ai, .theme-light .listItemWrapper-3d87LP:hover, .theme-light .listItemWrapper-3d87LP.selected-3a1QGn { background-color: hsla(0, 0%, 100%, 0.6) !important; border: 1px solid hsla(0, 0%, 100%, 0.8) !important; border-top-color: hsla(0, 0%, 100%, 0.8) !important; border-bottom-color: hsla(0, 0%, 100%, 0.7) !important; } .theme-light .listItem-3SmSlK [data-dnd-name].selected-3c78Ai:hover, .theme-light .listItemWrapper-3d87LP.selected-3a1QGn:hover { background-color: hsla(0, 0%, 100%, 0.5) !important; } .guilds-2JjMmN .item-2LIpTv[style*="height: 0"], .guilds-2JjMmN .item-2LIpTv[style*="height: 1"], .guilds-2JjMmN .item-2LIpTv[style*="height: 2"], .guilds-2JjMmN .item-2LIpTv[style*="height: 3"], .guilds-2JjMmN .item-2LIpTv[style*="height: 4"], .guilds-2JjMmN .item-2LIpTv[style*="height: 5"], .guilds-2JjMmN .item-2LIpTv[style*="height: 6"], .guilds-2JjMmN .item-2LIpTv[style*="height: 7"], .guilds-2JjMmN .item-2LIpTv[style*="height: 8"], .guilds-2JjMmN .item-2LIpTv[style*="height: 9"], .guilds-2JjMmN .item-2LIpTv[style*="height: 10"], .guilds-2JjMmN .item-2LIpTv[style*="height: 11"], .guilds-2JjMmN .item-2LIpTv[style*="height: 12"], .guilds-2JjMmN .item-2LIpTv[style*="height: 13"], .guilds-2JjMmN .item-2LIpTv[style*="height: 14"], .guilds-2JjMmN .item-2LIpTv[style*="height: 15"], .guilds-2JjMmN .item-2LIpTv[style*="height: 16"], .guilds-2JjMmN .item-2LIpTv[style*="height: 17"], .guilds-2JjMmN .item-2LIpTv[style*="height: 18"], .guilds-2JjMmN .item-2LIpTv[style*="height: 19"], .guilds-2JjMmN .item-2LIpTv[style*="height: 20"] { background-color: var(--channels-default); height: 8px !important; } #app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 21"], #app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 22"], #app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 23"], #app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 24"], #app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 25"], #app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 26"], #app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 27"], #app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 28"], #app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 29"], #app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 30"], #app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 31"], #app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 32"], #app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 33"], #app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 34"], #app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 35"], #app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 36"], #app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 37"], #app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 38"], #app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 39"], #app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 40"] { background-color: var(--brand-experiment) !important; height: 18px !important; } .item-2LIpTv { width: 3px; border-radius: 1.5px; margin-left: 1px; transform: none !important; transition: var(--wintransition); } #app-mount .lowerBadge-3WTshO div, #app-mount .upperBadge-1V6Iyi div { background-color: var(--brand-experiment) !important; } .theme-dark .lowerBadge-3WTshO div, .theme-dark .upperBadge-1V6Iyi div { color: #000 !important; } .theme-light .lowerBadge-3WTshO div, .theme-light .upperBadge-1V6Iyi div { color: #fff !important; } /* Channels and members */ .layout-1qmrhw::before { content: ""; position: absolute; width: 3px; height: 0; border-radius: 1.5px; left: 0; transition: var(--wintransition); } .selected-1-Z6gm .layout-1qmrhw::before { height: 20px; } #app-mount .selected-1-Z6gm .layout-1qmrhw::before { background-color: var(--brand-experiment); } .wrapperCommon-I1TMDb { padding-right: 16px !important; } .membersWrap-3NUR2t { border-left: var(--windarkborder1); } .ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header { border-left: var(--windarkborder1); } #app-mount .ChannelDms-channelmembers-wrap .privateChannels-oVe7HL { border-left: var(--windarkborder1) !important; } .sidebar-1tnWFu, .members-3WRCEx { width: 260px; } .membersWrap-3NUR2t { background-color: var(--background-secondary); } #app-mount .member-48YF_l, #app-mount .members-3WRCEx { background-color: transparent; } #app-mount .member-2gU6Ar { margin-right: 8px; max-width: 254px; } .layout-1qmrhw { width: 227px; } #app-mount .channel-1Shao0 { max-width: 244px; } .privateChannelsHeaderContainer-1UWASm { padding-right: 8px !important; padding-left: 8px !important; } .content-1gYQeQ:before { content: ""; position: absolute; width: 3px; height: 0; left: 0; border-radius: 1.5px; transition: var(--wintransition); } .modeSelected-3DmyhH .content-1gYQeQ:before { height: 16px; } #app-mount .modeSelected-3DmyhH .content-1gYQeQ:before { background-color: var(--brand-experiment); } .modeUnread-3Cxepe .content-1gYQeQ:before { height: 8px; background-color: var(--channels-default); } .interactive-1vLZ_I::before { content: ""; position: absolute; height: 0; width: 3px; left: 0; border-radius: 1.5px; transition: var(--wintransition); } .interactiveSelected-29CP8y::before { height: 24px; } #app-mount .interactiveSelected-29CP8y::before { background-color: var(--brand-experiment); } #app-mount .container-1NXEtd .bannerImg-2PzH6z { border-radius: var(--winrad2); border: 1px solid hsla(0, 0%, 100%, 0.06); margin-left: 8px; width: 241px; } #app-mount .animatedContainer-2laTjx { background-color: transparent; margin-top: 48px; padding-bottom: 2px; } .bannerImage-ubW8K- { width: 100%; } #app-mount .bannerImage-ubW8K-:before { background: none; } [class="container-1-ERn5 clickable-vvKY2q hasBanner-2IrYih bannerVisible-Vkyg1I communityInfoVisible-3zc5_s"], [class="container-1-ERn5 clickable-vvKY2q selected-1GtAC5 hasBanner-2IrYih bannerVisible-Vkyg1I communityInfoVisible-3zc5_s"] { height: 100px; display: table; } #app-mount .bannerVisible-Vkyg1I .headerContent-2SNbie { color: var(--text-normal); filter: none; } #app-mount .container-2giAcK { border-radius: var(--winrad2); padding-top: 4px; width: auto; border: var(--windarkborder1); margin-right: 8px; } .theme-dark .container-2giAcK { background-color: var(--windark-mica); } .theme-light .container-2giAcK { background-color: var(--winlight-mica); } .container-2giAcK .divider-3qUeLQ { display: none; } /* Server Home */ .theme-dark .background-fkKrXt { background-color: var(--windark-acrylic); } .theme-light .background-fkKrXt { background-color: var(--winlight-acrylic); } .theme-dark .headerBarInner-2pcZSM:after { background: -webkit-gradient(linear,left top,left bottom,from(rgba(50,52,58,0)),to(var(--windark-acrylic))); background: linear-gradient(180deg,rgba(50,52,58,0) 0,var(--windark-acrylic)); } .theme-light .headerBarInner-2pcZSM:after { background: -webkit-gradient(linear,left top,left bottom,from(rgba(50,52,58,0)),to(var(--winlight-acrylic))); background: linear-gradient(180deg,rgba(50,52,58,0) 0,var(--winlight-acrylic)); } /* Forums */ #app-mount .container-3wLKDe { background-color: var(--background-secondary); } .list-1MBHYC.scroller-3HgAcr { padding-right: 8px !important; } .mainCard-3KBsBI.header-1Uy0p6 { background: var(--background-modifier-active); border: 1px solid var(--background-modifier-active); border-radius: var(--winrad4); } .container-3wLKDe .title-1v5ZfI { margin: 0; padding: 4px 0 0 8px; height: 36px; } .pinIcon-3I5-gm path { fill: var(--status-warning-text); } #app-mount .newBadge-1LcB6t[style="background-color: var(--brand-260);"] { background-color: var(--brand-500) !important; color: var(--status-warning-text); } /* Scrollbar CSS */ .scroller-kQBbkU, .auto-2K3UW5, .peopleColumn-1wMU14, .members-3WRCEx, .thin-31rlnD { overflow-y: overlay !important; } .scroller-kQBbkU::-webkit-scrollbar, .auto-2K3UW5::-webkit-scrollbar, .peopleColumn-1wMU14::-webkit-scrollbar { width: 11px !important; } .scrollerBase-1Pkza4::-webkit-scrollbar { width: 7px; } .scroller-kQBbkU::-webkit-scrollbar-track, .auto-2K3UW5::-webkit-scrollbar-track, .peopleColumn-1wMU14::-webkit-scrollbar-track, .scrollerBase-1Pkza4::-webkit-scrollbar-track { border-radius: 3.5px; } .scroller-kQBbkU::-webkit-scrollbar-thumb, .auto-2K3UW5::-webkit-scrollbar-thumb, .thin-31rlnD::-webkit-scrollbar-thumb, .peopleColumn-1wMU14::-webkit-scrollbar-thumb, .scrollerBase-1Pkza4::-webkit-scrollbar-thumb { border-radius: 8.5px; } .nowPlayingColumn-1eCBCN .scroller-hE2gWq { padding-right: 16px !important; } .content-1gYQeQ { margin-right: 8px } [class="thin-31rlnD scrollerBase-_bVAAt"] > h2 { margin-right: 16px; } [class="thin-31rlnD scrollerBase-_bVAAt"] .categoryItem-Kc_HK_ { margin: 2px 8px; padding: 0; } .pageWrapper-2PwDoS [class="scroller-3j5xK2 auto-2K3UW5 scrollerBase-_bVAAt"] { padding: 32px !important; } .popout-3gby1q .friendWrapper-2x5j0A { margin-right: 12px; } .searchResultsWrap-5RVOkx .scroller-3iiyhZ { padding-right: 16px !important; } .scroller-2M3eAB { padding-right: 16px !important; } .content-2hZxGK { padding-right: 16px !important; } .messagesPopout-eVzQcI { padding-right: 8px !important; } .container-8Futzw { padding-right: 16px !important; } .scroller-2qwVWY { margin-right: 0; } .scrollSection-HnJkHK { padding-right: 16px !important; } /* BearableInbox [by Disease] edited */ #app-mount .recentMentionsPopout-2bI1ZN .container-iA3Qrz, #app-mount .recentMentionsPopout-2bI1ZN .channel-3NJZ1V { border-radius: var(--winrad3); overflow: hidden; margin-right: 4px; border: var(--windarkborder1); } .theme-dark .recentMentionsPopout-2bI1ZN .container-iA3Qrz, .theme-dark .recentMentionsPopout-2bI1ZN .channel-3NJZ1V { background-color: var(--windark-acrylic); } .theme-light .recentMentionsPopout-2bI1ZN .container-iA3Qrz, .theme-light .recentMentionsPopout-2bI1ZN .channel-3NJZ1V { background-color: var(--winlight-acrylic); } .recentMentionsPopout-2bI1ZN .container-iA3Qrz { padding-right: unset; } #app-mount .recentMentionsPopout-2bI1ZN .channel-3NJZ1V { padding-top: 0; } .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI { padding: 16px !important; } .recentMentionsPopout-2bI1ZN .scroller-145h9c { padding-right: 16px !important; } .recentMentionsPopout-2bI1ZN .channel-3NJZ1V { margin: 16px 8px 16px 0; padding-bottom: 0; } .recentMentionsPopout-2bI1ZN .channelHeader-DFRX8q { background-color: var(--background-primary); height: fit-content; padding: 6px 16px; border-bottom: thin solid var(--background-modifier-accent); } .recentMentionsPopout-2bI1ZN .messageContainer-3VTXBC, .recentMentionsPopout-2bI1ZN .messages-23can0 { margin-left: unset; background: none; border-radius: unset; } /* header icon */ .recentMentionsPopout-2bI1ZN .iconSizeMedium-2vzSua { width: 24px; height: 24px; } .recentMentionsPopout-2bI1ZN .iconActiveMedium-27_R5B { border-radius: 7px; } .recentMentionsPopout-2bI1ZN .dmIcon-1ZeAqq, .recentMentionsPopout-2bI1ZN .guildIcon-IklRcj { margin-right: 6px; } /* channel name section */ .recentMentionsPopout-2bI1ZN .channelName-3APnhp svg path { fill: var(--channel-icon); } .recentMentionsPopout-2bI1ZN .channelName-3APnhp svg { margin: 0 4px; } .recentMentionsPopout-2bI1ZN .channelNameSection-3OgeRa { -webkit-box-orient: unset; -ms-flex-direction: unset; flex-direction: unset; } .recentMentionsPopout-2bI1ZN .heading-md-medium-2DVCeJ, .recentMentionsPopout-2bI1ZN .heading-md-normal-3Ytn6I { font-size: 16px; line-height: 20px; } .recentMentionsPopout-2bI1ZN .subtext-2-lYzF, .recentMentionsPopout-2bI1ZN .subtextContainer-1jbEbB { margin-left: 4px; line-height: 20px; width: fit-content; } #app-mount .sectionDivider-189lqb { width: calc(100% - 16px); } /* buttons */ .recentMentionsPopout-2bI1ZN .container-iA3Qrz .closeButton-3CiW2j { opacity: 0; } .recentMentionsPopout-2bI1ZN .container-iA3Qrz:hover .closeButton-3CiW2j { opacity: 1; } .recentMentionsPopout-2bI1ZN .tertiary-1e-lAP:not(.disabled-184-il), .recentMentionsPopout-2bI1ZN .tertiary-1e-lAP:hover:not(.disabled-184-il) { background: none; } .recentMentionsPopout-2bI1ZN .collapseButton-39-IRc:hover { color: var(--interactive-active); } .recentMentionsPopout-2bI1ZN .collapseButton-39-IRc { display: flex; align-items: center; justify-content: center; position: relative; left: unset; width: 32px; height: 32px; padding: unset; margin-left: 12px; } .recentMentionsPopout-2bI1ZN .messages-23can0>button:last-of-type { margin-left:auto; } /* Resent mentions, unread, pinned messages & threads */ #app-mount .messagesPopoutWrap-3zryHW, #app-mount .container-2ebMPP { border-radius: var(--winrad3); backdrop-filter: blur(var(--winblur1)); max-height: 80vh !important; margin-top: 8px; } #app-mount .tab-TRrPC8.item-3XjbnG.themed-qqoYp3 { height: 100%; margin-top: 0; } #app-mount .header-145e10 .tabBar-1qdMr5 .tab-TRrPC8.active-1grPyy, #app-mount .header-3_zmOb .tabBar-2WhZ9G .tab-2Jo-cu.active-346HgG, #app-mount .list-1uSVgu .tabBar-3N44FC .tab-1tp4jL.active-3WMEyE { background-color: transparent; } #app-mount .header-145e10 .tab-TRrPC8.item-3XjbnG.themed-qqoYp3::after, #app-mount .header-3_zmOb .tab-2Jo-cu.item-3XjbnG.themed-qqoYp3::after, #app-mount .list-1uSVgu .tab-1tp4jL.item-3XjbnG.themed-qqoYp3::after { bottom: 0; } #app-mount .browser-mnQ1T7 { border-radius: var(--winrad3); backdrop-filter: blur(var(--winblur1)); } .theme-dark .messagesPopoutWrap-3zryHW, .theme-dark .container-2ebMPP, .theme-dark .browser-mnQ1T7 { background: var(--noise256), var(--windark-box1); border: var(--windarkborder1); } .theme-dark .messagesPopoutWrap-3zryHW .header-1w9Q93, .theme-dark .container-2ebMPP .header-145e10, .theme-dark .browser-mnQ1T7 .header-3_zmOb { border-bottom: var(--windarkborder2); } .theme-light .messagesPopoutWrap-3zryHW, .theme-light .container-2ebMPP, .theme-light .browser-mnQ1T7 { background: var(--noise256), var(--winlight-box1); border: var(--winlightborder1); } .theme-light .messagesPopoutWrap-3zryHW .header-1w9Q93, .theme-light .container-2ebMPP .header-145e10, .theme-light .browser-mnQ1T7 .header-3_zmOb { border-bottom: var(--winlightborder2); } .container-iA3Qrz { margin-top: 8px; margin-bottom: 8px; } .channelHeader-DFRX8q { padding-right: 16px; border-top-left-radius: var(--winrad3); border-top-right-radius: var(--winrad3); } .messageContainer-3VTXBC, .messages-23can0 { border-top-left-radius: 0; border-top-right-radius: 0; } .messageContainer-3VTXBC { margin-left: 0; } .channel-3NJZ1V { padding-bottom: 8px; padding-top: 8px; } /* Media Player */ #app-mount .metadata-3IncIG { margin: 4px; padding: 8px; border-radius: var(--winrad2); top: 0; height: auto; backdrop-filter: blur(var(--winblur1)); } #app-mount .videoControls-2NzHnF { margin: 4px; padding: 4px; border-radius: var(--winrad2); bottom: 0; backdrop-filter: blur(var(--winblur1)); width: auto; } #app-mount .metadata-3IncIG[style="transform: translateY(-100%);"] { transform: translateY(calc(-100% - 10px)) !important; } #app-mount .videoControls-2NzHnF[style="transform: translateY(100%);"] { transform: translateY(calc(100% + 10px)) !important; } #app-mount .wrapper-x4po40 { border-radius: var(--winrad2); backdrop-filter: blur(var(--winblur1)); } #app-mount .videoControls-2NzHnF .durationTimeWrapper-LdSEv8 span { font: var(--font-display); font-size: 12px; } #app-mount .mediaBarWrapper-33h1oY { height: 4px; } #app-mount .mediaBarGrabber-FvJKJg { height: 18px; width: 18px; border-radius: 50%; margin-top: -10px; border: 1px solid var(--background-primary); transform: scale(1); } #app-mount .mediaBarGrabber-FvJKJg::before { content: ""; height: 8px; width: 8px; border-radius: 50%; position: absolute; left: 4px; top: 4px; transition: var(--wintransition); } #app-mount .mediaBarGrabber-FvJKJg:hover::before { transform: scale(1.2); transform-origin: center; } .theme-dark .mediaBarGrabber-FvJKJg { background-color: #454545 !important; } #app-mount .mediaBarGrabber-FvJKJg::before { background-color: var(--brand-experiment) !important; border: 1px solid var(--brand-experiment); } .theme-light .mediaBarGrabber-FvJKJg { background: #fff !important; } #app-mount .mediaBarProgress-38I317, #app-mount .mediaBarProgress-38I317:after, #app-mount .mediaBarProgress-38I317:before { background-color: var(--brand-experiment); } #app-mount .mediaBarInteraction-tUE5dq:hover .mediaBarWrapper-33h1oY, #app-mount .mediaBarInteractionDragging-3XLL8k:hover .mediaBarWrapper-33h1oY { box-shadow: none !important; } #app-mount .buffer-3eVqKK, #app-mount .buffer-3eVqKK:after, #app-mount .buffer-3eVqKK:before { background-color: transparent; } #app-mount .bubble-3XikHF:before { display: none; } #app-mount .volumeButtonSlider-2OrZ9e.volumeSliderWrapper-17tnjX.sliderVisible-2sHyUq { top: -78px; } #app-mount .mediaBarInteractionVolume-zGrOSh { border-radius: var(--winrad3); padding: 14px; backdrop-filter: blur(var(--winblur1)); box-shadow: var(--elevation-medium); } .theme-dark .metadata-3IncIG { background: var(--noise256), var(--windark-box1); color: #fff; } .theme-dark .metadata-3IncIG svg path { fill: #fff; } .theme-dark .wrapper-x4po40 { background: var(--noise256), var(--windark-box1); } .theme-dark .wrapper-x4po40 svg polygon { fill: #fff; } .theme-dark .videoControls-2NzHnF { background: var(--noise256), var(--windark-box1); color: #fff; } .theme-dark .mediaBarWrapper-33h1oY, .theme-dark .mediaBarWrapper-33h1oY:after, .theme-dark .mediaBarWrapper-33h1oY:before { background-color: rgba(255, 255, 255, 0.5442); } .theme-dark .bubble-3XikHF { background: var(--noise256), var(--windark-box1); color: #fff; border: var(--windarkborder4); backdrop-filter: blur(var(--winblur1)); border-radius: var(--winrad2); } .theme-dark .mediaBarInteractionVolume-zGrOSh { background: var(--noise256), var(--windark-box1); } .theme-light .mediaBarInteractionVolume-zGrOSh { background: var(--noise256), var(--winlight-box1); } .theme-light .metadata-3IncIG { background: var(--noise256), var(--winlight-box1); color: #000; } .theme-light .metadata-3IncIG svg path { fill: #000; } .theme-light .wrapper-x4po40 { background: var(--noise256), var(--winlight-box1); } .theme-light .wrapper-x4po40 svg polygon { fill: #000; } .theme-light .videoControls-2NzHnF { background: var(--noise256), var(--winlight-box1); color: #000; } .theme-light [class*="iconPlay-3weMmb icon-23NjRH"] { background-color: #000; } .theme-light [points="0 0 0 14 11 7"] { stroke: #000; } .theme-light .controlIcon-10O-4h { color: #555555; } .theme-light .mediaBarWrapper-33h1oY, .theme-light .mediaBarWrapper-33h1oY:after, .theme-light .mediaBarWrapper-33h1oY:before { background-color: rgba(0, 0, 0, 0.4458); } .theme-light .bubble-3XikHF { background: var(--noise256), var(--winlight-box1); color: #000; border: var(--winlightborder2); backdrop-filter: blur(var(--winblur1)); border-radius: var(--winrad2); } /* Embed link */ .embedFull-1HGV2S { border: 2px solid; background: var(--noise256); border-radius: var(--winrad3); } /* Top drag */ .wordmarkWindows-2dq6rw { padding: 0; width: 0; } .wordmarkWindows-2dq6rw svg { display: none; } .wordmarkWindows-2dq6rw::after { content: "Discord 11"; font-family: var(--font-display); width: 70px; height: 14px; position: absolute; font-weight: 600; font-size: 14px; top: 10px; left: 8px; } .theme-dark .wordmarkWindows-2dq6rw::after { color: hsla(0, 0%, 78%, 0.98); } .theme-light .wordmarkWindows-2dq6rw::after { color: hsla(0, 0%, 0%, 0.98); } .withFrame-2dL45i { margin-top: 0; height: 34px; position: relative; } #app-mount .titleBar-1it3bQ { z-index: 2; } /* WinButton */ .platform-win .container-2RRFHK { padding-top: 34px; top: -34px; } .winButton-3UMjdg { top: 0; height: 34px; width: 48px; } .winButton-3UMjdg > svg > rect[y="1.5"] { rx: 2; ry: 2; } #app-mount .winButtonClose-3Q8ZH5:hover { background-color: #C42B1C; } .theme-dark .winButtonMinMax-3RsPUg:hover { background-color: var(--background-modifier-hover); color: #fff; } .theme-light .winButtonMinMax-3RsPUg:hover { background-color: var(--background-modifier-hover); color: #000; } /* User Bar */ .panels-3wFtMD { background-color: var(--background-secondary); } .container-YkUktl { margin: 4px; padding: 3px 6px; border-radius: var(--winrad3); height: 84px; display: flex; flex-wrap: wrap; } .container-YkUktl .directionRow-2Iu2A9 { width: 100%; } .container-YkUktl .directionRow-2Iu2A9 button { width: 100%; transition: var(--wintransition); } .container-YkUktl .directionRow-2Iu2A9 button:not(:first-child) { margin-left: 4px; } .theme-dark .container-YkUktl .directionRow-2Iu2A9 button { background-color: var(--windark-button-bg) !important; border: 1px solid var(--windark-button-border) !important; border-top-color: var(--windark-button-top) !important; border-bottom-color: var(--windark-button-bottom) !important; color: #fff !important; border-radius: var(--winrad2) !important; } .theme-dark .container-YkUktl .directionRow-2Iu2A9 button:hover { background-color: var(--windark-button-hover) !important; border-color: var(--windark-button-hover-border) !important; border-top-color: var(--windark-button-hover-top) !important; border-bottom-color: var(--windark-button-hover-bottom) !important; } .theme-light .container-YkUktl .directionRow-2Iu2A9 button { background-color: var(--winlight-button-bg) !important; border: 1px solid var(--winlight-button-border) !important; border-top-color: var(--winlight-button-top) !important; border-bottom-color: var(--winlight-button-bottom) !important; color: #000 !important; border-radius: var(--winrad2) !important; } .theme-light .container-YkUktl .directionRow-2Iu2A9 button:hover { background-color: var(--winlight-button-hover) !important; border-color: var(--winlight-button-hover-border) !important; border-top-color: var(--winlight-button-hover-top) !important; border-bottom-color: var(--winlight-button-hover-bottom) !important; } .activityPanel-9icbyU, .container-1zzFcN, .container-6sXIoE { margin: 4px 4px 0 4px; border-radius: var(--winrad3); border-bottom: none; } .theme-dark .container-YkUktl, .theme-dark .activityPanel-9icbyU, .theme-dark .container-1zzFcN, .theme-dark .container-6sXIoE { background-color: var(--windark-acrylic); border: var(--windarkborder2); } .theme-light .container-YkUktl, .theme-light .activityPanel-9icbyU, .theme-light .container-1zzFcN, .theme-light .container-6sXIoE { background-color: var(--winlight-acrylic); border: var(--winlightborder2); } .container-6sXIoE.maximized-vv2Wr0 .coverWrapper-YAplwJ { border-top-left-radius: var(--winrad3); border-top-right-radius: var(--winrad3); } #app-mount .avatarWrapper-1B9FTW.withTagAsButton-OsgQ9L { margin-right: 0; margin-left: 0; padding-left: 4px; } .panels-3wFtMD .avatarWrapper-1B9FTW { max-width: calc(100% - 4px); min-width: calc(100% - 4px); } /* Normal Status Picker */ .accountProfilePopoutWrapper-3GskID .bannerSVGWrapper-qc0szY, .accountProfilePopoutWrapper-3GskID .avatarWrapper-3y0KZ1, .accountProfilePopoutWrapper-3GskID .profileBadges-31rDHI, .accountProfilePopoutWrapper-3GskID .userProfileInner-3F03PX:before, .accountProfilePopoutWrapper-3GskID .userPopoutOverlayBackground-dKOOda > .scroller-1jBQYo, .accountProfilePopoutWrapper-3GskID .userPopoutOverlayBackground-dKOOda > .divider-1gzPrC, .accountProfilePopoutWrapper-3GskID .userPopoutOverlayBackground-dKOOda > .menu-1QACrS::before { display: none; } .accountProfilePopoutWrapper-3GskID { left: 0; } .accountProfilePopoutWrapper-3GskID .userPopoutOverlayBackground-dKOOda { margin: 0; border-radius: var(--winrad3); } .accountProfilePopoutWrapper-3GskID .userPopoutOverlayBackground-dKOOda::before { content: ''; position: absolute; height: 100%; width: 100%; backdrop-filter: blur(var(--winblur1)); z-index: -1; border-radius: var(--winrad3); } .theme-dark .accountProfilePopoutWrapper-3GskID .userPopoutOverlayBackground-dKOOda { background: var(--noise256), var(--windark-box1); border: var(--windarkborder4); } .theme-light .accountProfilePopoutWrapper-3GskID .userPopoutOverlayBackground-dKOOda { background: var(--noise256), var(--winlight-box1); border: var(--winlightborder1); } .accountProfilePopoutWrapper-3GskID .copiableField-1r8Z0C { padding-left: 8px; } .accountProfilePopoutWrapper-3GskID > div { border-radius: var(--winrad3); width: 220px; } .accountProfilePopoutWrapper-3GskID .menu-1QACrS { border: none; } .accountProfilePopoutWrapper-3GskID .userPopoutInner-1hXSeY, .accountProfilePopoutWrapper-3GskID .userPopoutOuter-3AVBmJ, .accountProfilePopoutWrapper-3GskID .overlayBackground-1KgwVi { background: transparent; background-color: transparent; } /* Profiles Settings */ #app-mount [id="profile-customization-tab"] .tabBar-11FwuO { padding-bottom: 2px; } #app-mount [id="profile-customization-tab"] .tabBar-11FwuO, #app-mount [id="profile-customization-tab"] .top-K_jibn .item-3XjbnG { border-bottom: none; } [id="profile-customization-tab"] .top-K_jibn .item-3XjbnG:after { content: ""; position: absolute; width: calc(0%); height: 3px; border-radius: 1.5px; bottom: 4px; left: 0; margin-left: 50%; transition: var(--wintransition); } [id="profile-customization-tab"] .top-K_jibn .brand-3g5E0C.item-3XjbnG:active:after, [id="profile-customization-tab"] .top-K_jibn .brand-3g5E0C.selected-1sf9UK.item-2GWPIy:after { width: calc(50%); margin-left: calc(50%/2); } #app-mount [id="profile-customization-tab"] .top-K_jibn .brand-3g5E0C.item-3XjbnG:active:after, #app-mount [id="profile-customization-tab"] .top-K_jibn .brand-3g5E0C.selected-1sf9UK.item-2GWPIy:after { background-color: var(--brand-experiment); } #app-mount [id="profile-customization-tab"] .status-b9jLr4 { display: none; } .fakeActivityLayout-2kcbMs { background: var(--background-modifier-accent); border: 1px solid var(--background-modifier-accent); border-radius: var(--winrad2); padding: 8px; } #app-mount .buttonColor-1u-3JF { opacity: 1; transition: var(--wintransition); } .profileColors-3Y0XaR .buttonColor-1u-3JF { background-color: var(--blue-button-bg) !important; border: 1px solid var(--blue-button-border) !important; border-top-color: var(--blue-button-top) !important; border-bottom-color: var(--blue-button-bottom) !important; } .profileColors-3Y0XaR .buttonColor-1u-3JF:hover { background-color: var(--blue-button-hover) !important; border-color: var(--blue-button-hover-border) !important; border-top-color: var(--blue-button-hover-top) !important; border-bottom-color: var(--blue-button-hover-bottom) !important; } .profileColors-3Y0XaR.theme-dark .buttonColor-1u-3JF { color: #000 !important; } .profileColors-3Y0XaR.theme-light .buttonColor-1u-3JF { color: #fff !important; } /* Gray Buttons */ .theme-dark .colorGrey-2iAG-B, .theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo, .theme-dark .lookFilled-yCfaCM.colorTransparent-13Bvvi { background-color: var(--windark-button-bg) !important; border: 1px solid var(--windark-button-border) !important; border-top-color: var(--windark-button-top) !important; border-bottom-color: var(--windark-button-bottom) !important; color: #fff !important; border-radius: var(--winrad2) !important; } .theme-dark .colorGrey-2iAG-B:hover, .theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover, .theme-dark .lookFilled-yCfaCM.colorTransparent-13Bvvi:hover { background-color: var(--windark-button-hover) !important; border-color: var(--windark-button-hover-border) !important; border-top-color: var(--windark-button-hover-top) !important; border-bottom-color: var(--windark-button-hover-bottom) !important; } .theme-light .colorGrey-2iAG-B, .theme-light .lookFilled-yCfaCM.colorPrimary-2AuQVo, .theme-light .lookFilled-yCfaCM.colorTransparent-13Bvvi { background-color: var(--winlight-button-bg) !important; border: 1px solid var(--winlight-button-border) !important; border-top-color: var(--winlight-button-top) !important; border-bottom-color: var(--winlight-button-bottom) !important; color: #000 !important; border-radius: var(--winrad2) !important; } .theme-light .colorGrey-2iAG-B:hover, .theme-light .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover, .theme-light .lookFilled-yCfaCM.colorTransparent-13Bvvi:hover { background-color: var(--winlight-button-hover) !important; border-color: var(--winlight-button-hover-border) !important; border-top-color: var(--winlight-button-hover-top) !important; border-bottom-color: var(--winlight-button-hover-bottom) !important; } /* Red Buttons */ .theme-dark .lookFilled-yCfaCM.colorRed-rQXKgM { background-color: var(--windark-button-bg) !important; color: var(--info-danger-foreground) !important; border: 1px solid var(--windark-button-border) !important; border-top-color: var(--windark-button-top) !important; border-bottom-color: var(--windark-button-bottom) !important; border-radius: var(--winrad2) !important; } .theme-dark .lookFilled-yCfaCM.colorRed-rQXKgM:hover { background-color: var(--windark-button-hover) !important; border-color: var(--windark-button-hover-border) !important; border-top-color: var(--windark-button-hover-top) !important; border-bottom-color: var(--windark-button-hover-bottom) !important; } .theme-light .lookFilled-yCfaCM.colorRed-rQXKgM { background-color: var(--winlight-button-bg) !important; color: var(--info-danger-foreground) !important; border: 1px solid var(--winlight-button-border) !important; border-top-color: var(--winlight-button-top) !important; border-bottom-color: var(--winlight-button-bottom) !important; border-radius: var(--winrad2) !important; } .theme-light .lookFilled-yCfaCM.colorRed-rQXKgM:hover { background-color: var(--winlight-button-hover) !important; border-color: var(--winlight-button-hover-border) !important; border-top-color: var(--winlight-button-hover-top) !important; border-bottom-color: var(--winlight-button-hover-bottom) !important; } .lookOutlined-3yKVGo.colorRed-rQXKgM { border-color: var(--info-danger-foreground) !important; color: var(--info-danger-foreground); } .lookOutlined-3yKVGo.colorRed-rQXKgM:hover { background-color: var(--info-danger-foreground); border-color: var(--info-danger-foreground) !important; color: var(--info-danger-background); } /* Green Buttons */ #app-mount .lookFilled-yCfaCM.colorGreen-3y-Z79 { background-color: var(--blue-button-bg) !important; border: 1px solid var(--blue-button-border) !important; border-top-color: var(--blue-button-top) !important; border-bottom-color: var(--blue-button-bottom) !important; border-radius: var(--winrad2) !important; } #app-mount .lookFilled-yCfaCM.colorGreen-3y-Z79:hover { background-color: var(--blue-button-hover) !important; border-color: var(--blue-button-hover-border) !important; border-top-color: var(--blue-button-hover-top) !important; border-bottom-color: var(--blue-button-hover-bottom) !important; } .theme-dark .lookFilled-yCfaCM.colorGreen-3y-Z79 { color: #000 !important; } .theme-light .lookFilled-yCfaCM.colorGreen-3y-Z79 { color: #fff !important; } /* Green elements */ [style="color: var(--status-green-600);"] { color: var(--info-positive-foreground) !important; } #app-mount .enableCircle-2fytPW, #app-mount .dotOnline-3uN0x9 { background-color: var(--info-positive-foreground); } /* Brand Buttons */ #app-mount .lookFilled-yCfaCM.colorBrand-I6CyqQ { background-color: var(--blue-button-bg) !important; border: 1px solid var(--blue-button-border) !important; border-top-color: var(--blue-button-top) !important; border-bottom-color: var(--blue-button-bottom) !important; border-radius: var(--winrad2) !important; } #app-mount .lookFilled-yCfaCM.colorBrand-I6CyqQ:hover { background-color: var(--blue-button-hover) !important; border-color: var(--blue-button-hover-border) !important; border-top-color: var(--blue-button-hover-top) !important; border-bottom-color: var(--blue-button-hover-bottom) !important; } .theme-dark #app-mount .lookFilled-yCfaCM.colorBrand-I6CyqQ { color: #000 !important; } .theme-light #app-mount .lookFilled-yCfaCM.colorBrand-I6CyqQ { color: #fff !important; } .lookOutlined-3yKVGo.colorBrand-I6CyqQ { border-color: var(--brand-experiment); color: var(--brand-experiment); } .lookOutlined-3yKVGo.colorBrand-I6CyqQ:hover { background-color: var(--brand-experiment); border-color: var(--brand-experiment); color: var(--status-warning-text); } .button-35nmN9 { background: currentColor; } /* Add Friend */ .tabBar-ra-EuL .addFriend-emTWY1 { height: 32px; width: 120px; top: 8px; transition: var(--wintransition); } #app-mount .addFriend-emTWY1.themed-qqoYp3 { background-color: var(--blue-button-bg) !important; border: 1px solid var(--blue-button-border) !important; border-top-color: var(--blue-button-top) !important; border-bottom-color: var(--blue-button-bottom) !important; font-weight: 400 !important; border-radius: var(--winrad2) !important; } #app-mount .addFriend-emTWY1.themed-qqoYp3:hover:not([aria-selected=true]) { background-color: var(--blue-button-hover) !important; border-color: var(--blue-button-hover-border) !important; border-top-color: var(--blue-button-hover-top) !important; border-bottom-color: var(--blue-button-hover-bottom) !important; } #app-mount .addFriend-emTWY1.themed-qqoYp3[aria-selected=true] { background-color: transparent !important; color: var(--brand-experiment) !important; border-color: transparent !important; } #app-mount .addFriend-emTWY1.themed-qqoYp3[aria-selected=true]:hover { background-color: var(--background-modifier-hover) !important; border-color: var(--background-modifier-hover) !important; } .theme-dark .addFriend-emTWY1.themed-qqoYp3 { color: #000 !important; } .theme-light .addFriend-emTWY1.themed-qqoYp3 { color: #fff !important; } /* Home Tabs */ .children-3xh0VB, .tabBar-ra-EuL { height: 100%; } .topPill-2vcLsa .themed-qqoYp3.selected-1sf9UK.item-2GWPIy, .topPill-2vcLsa .themed-qqoYp3.item-2GWPIy:hover:not(.disabled-2G98Nl) { background-color: transparent; } .topPill-2vcLsa .themed-qqoYp3:not(.addFriend-emTWY1.themed-qqoYp3):after { content: ""; position: absolute; width: calc(0%); height: 3px; border-radius: 1.5px; bottom: 4px; left: 0; margin-left: 50%; transition: var(--wintransition); } .topPill-2vcLsa .themed-qqoYp3.selected-1sf9UK.item-2GWPIy::after { width: calc(50%); margin-left: calc(50%/2); } #app-mount .topPill-2vcLsa .themed-qqoYp3.selected-1sf9UK.item-2GWPIy::after { background-color: var(--brand-experiment); } /* New unreads */ .container-24rGVp > div[style*="transform: translateY"] { width: 100%; } .bar-wDIGjg { justify-content: center; width: calc(100% - 34px); margin-left: 8px; } .mentionsDot-lLfrj1 { background-color: var(--info-danger-foreground); } .theme-dark .bar-wDIGjg { background-color: var(--windark-acrylic); border: var(--windarkborder2); border-radius: var(--winrad1); } .theme-light .bar-wDIGjg { background-color: var(--winlight-acrylic); border: var(--winlightborder2); border-radius: var(--winrad1); } /* ServerList unreads */ .theme-dark .unread-2wipsx { background-color: var(--windark-acrylic); border: var(--windarkborder2); border-radius: var(--winrad1); color: var(--text-normal); } .theme-light .unread-2wipsx { background-color: var(--winlight-acrylic); border: var(--winlightborder2); border-radius: var(--winrad1); color: var(--text-normal); } #app-mount .mention-3XBnnZ { background-color: var(--info-danger-foreground); color: var(--status-warning-text); border-radius: var(--winrad1); } /* Permission viewer */ .theme-dark #permissions-modal-wrapper #permissions-modal { background-color: var(--windark-mica) !important; border: var(--windarkborder1) !important; border-radius: var(--winrad3) !important; } .theme-dark #permissions-modal-wrapper .header { background-color: var(--background-tertiary) !important; border-bottom: var(--windarkborder2) !important; box-shadow: none !important; } .theme-light #permissions-modal-wrapper #permissions-modal { background-color: var(--winlight-mica) !important; border: var(--winlightborder1) !important; border-radius: var(--winrad3) !important; } .theme-light #permissions-modal-wrapper .header { background-color: var(--background-tertiary) !important; border-bottom: var(--winlightborder2) !important; box-shadow: none !important; } #app-mount #permissions-modal-wrapper .modal-body, #app-mount #permissions-modal-wrapper .perm-side { background-color: transparent; } #app-mount #permissions-modal-wrapper .role-side { background-color: var(--background-primary); } #app-mount #permissions-modal-wrapper .role-item.selected { background-color: var(--background-modifier-selected); } #app-mount #permissions-modal-wrapper .role-item:hover:not(.selected) { background-color: var(--background-modifier-hover); } /* Message options */ .wrapper-2vIMkT { border-radius: var(--winrad2); } .full-motion .wrapper-2vIMkT:hover { -webkit-box-shadow: var(--elevation-low); box-shadow: var(--elevation-low); } .theme-dark .wrapper-2vIMkT { background-color: var(--windark-mica); } .theme-light .wrapper-2vIMkT { background-color: var(--winlight-mica); } /* Badges */ .channel-1Shao0 .baseShapeRound-3epLEv { margin-right: 2px; } .baseShapeRound-3epLEv:not(.textBadge-1fdDPJ) { font-weight: 400; transform: scale(1.14); transform-origin: center; } #app-mount .baseShapeRound-3epLEv:not(.textBadge-1fdDPJ) { background-color: var(--brand-experiment) !important; } .theme-dark .baseShapeRound-3epLEv:not(.textBadge-1fdDPJ) { color: #000 !important; } .theme-light .baseShapeRound-3epLEv:not(.textBadge-1fdDPJ) { color: #fff !important; } #app-mount [class*="textBadge-1fdDPJ "][style="background-color: var(--brand-500);"] { background-color: var(--brand-experiment) !important; color: var(--status-warning-text); font-weight: 400; } #app-mount [class*="textBadge-1fdDPJ "][style="background-color: var(--brand-500);"] .automodText-azqvwf { color: var(--status-warning-text); font-weight: 600; } #app-mount .statusTagRed-1uG_z8, #app-mount .invalidIndicator-3iumEX { background-color: var(--info-danger-foreground); color: var(--status-warning-text); font-weight: 500; border-radius: 100px; } #app-mount [class="textBadge-1fdDPJ base-3IDx3L baseShapeRound-3epLEv"][style="background-color: var(--status-danger);"], #app-mount [class="newBadge-1bHewI badgeSpacing-2uYkGw textBadge-1fdDPJ base-3IDx3L baseShapeRound-3epLEv"][style="background-color: var(--status-danger);"] { background-color: var(--info-danger-foreground) !important; color: var(--status-warning-text); font-weight: 500; border-radius: 100px; } /* Live Shape Round */ .theme-dark .liveShapeRound-2Tgi2d, .theme-dark .liveIndicator-2HaEDu, .theme-dark .liveIndicator-3bhXBF > .liveLarge-IxMVzY { background-color: var(--brand-experiment) !important; color: #000 !important; } .theme-light .liveShapeRound-2Tgi2d, .theme-light .liveIndicator-2HaEDu, .theme-light .liveIndicator-3bhXBF > .liveLarge-IxMVzY { background-color: var(--brand-experiment) !important; color: #fff !important; } /* Stream Preview */ .theme-dark .streamPreview-I7itZ6 { background-color: var(--windark-acrylic); border: var(--windarkborder2); border-radius: var(--winrad3); } .theme-light .streamPreview-I7itZ6 { background-color: var(--winlight-acrylic); border: var(--winlightborder2); border-radius: var(--winrad3); } #app-mount .previewContainer-35LFgt { background-color: transparent !important; } /* Call Buttons in Left Side */ .theme-dark .container-1zzFcN .button-1EGGcP.buttonColor-3bP3fX:not(.buttonActive-Uc1jHx) { background-color: var(--windark-button-bg) !important; border: 1px solid var(--windark-button-border) !important; border-top-color: var(--windark-button-top) !important; border-bottom-color: var(--windark-button-bottom) !important; color: #fff !important; border-radius: var(--winrad2) !important; transition: all 0.25s; } .theme-dark .container-1zzFcN .button-1EGGcP.buttonColor-3bP3fX:hover:not(.buttonActive-Uc1jHx) { background-color: var(--windark-button-hover) !important; border-color: var(--windark-button-hover-border) !important; border-top-color: var(--windark-button-hover-top) !important; border-bottom-color: var(--windark-button-hover-bottom) !important; transition: all 0.25s; } .theme-light .container-1zzFcN .button-1EGGcP.buttonColor-3bP3fX:not(.buttonActive-Uc1jHx) { background-color: var(--winlight-button-bg) !important; border: 1px solid var(--winlight-button-border) !important; border-top-color: var(--winlight-button-top) !important; border-bottom-color: var(--winlight-button-bottom) !important; color: #000 !important; border-radius: var(--winrad2) !important; transition: all 0.25s; } .theme-light .container-1zzFcN .button-1EGGcP.buttonColor-3bP3fX:hover:not(.buttonActive-Uc1jHx) { background-color: var(--winlight-button-hover) !important; border-color: var(--winlight-button-hover-border) !important; border-top-color: var(--winlight-button-hover-top) !important; border-bottom-color: var(--winlight-button-hover-bottom) !important; transition: all 0.25s; } /* Noise Suppression */ .theme-dark .noiseCancellationPopout-2-e5Xz { background: var(--noise256), var(--windark-box1); border: var(--windarkborder1); border-radius: var(--winrad3); backdrop-filter: blur(var(--winblur1)); } .theme-light .noiseCancellationPopout-2-e5Xz { background: var(--noise256), var(--winlight-box1); border: var(--winlightborder1); border-radius: var(--winrad3); backdrop-filter: blur(var(--winblur1)); } #app-mount .noiseCancellationPopout-2-e5Xz .container-1QtPKm .slider-HJFN2i { top: -2px !important; } /* Stream Quality Box */ .segmentControl-3edJKN .item-LN5zvA { border-bottom: none; line-height: 35px; } .segmentControl-3edJKN .item-LN5zvA:after { content: ""; display: block; width: calc(0%); height: 3px; border-radius: 1.5px; margin-left: 50%; transition: var(--wintransition); } .segmentControl-3edJKN .item-LN5zvA.selected-2xa993:after { width: calc(50%); margin-left: calc(50%/2); } #app-mount .segmentControl-3edJKN .item-LN5zvA.selected-2xa993:after { background-color: var(--brand-experiment); } .theme-dark .qualitySettingsContainer-2LjkfM { background-color: var(--windark-acrylic); border: var(--windarkborder2); border-radius: var(--winrad2); } .theme-light .qualitySettingsContainer-2LjkfM { background-color: var(--winlight-acrylic); border: var(--winlightborder2); border-radius: var(--winrad2); } /* Calling */ .theme-dark [class="root-1e2tfc elevationHigh-3KUiqj"][style="transform: scale(1) translateX(0px); opacity: 1; width: 232px; min-height: 267px;"], .theme-dark .quickSelectPopout-2F0PXw { background-color: var(--windark-acrylic); border: var(--windarkborder2); border-radius: var(--winrad3); } .theme-light [class="root-1e2tfc elevationHigh-3KUiqj"][style="transform: scale(1) translateX(0px); opacity: 1; width: 232px; min-height: 267px;"], .theme-light .quickSelectPopout-2F0PXw { background-color: var(--winlight-acrylic); border: var(--winlightborder2); border-radius: var(--winrad3); } .theme-dark .actionButton-2S7dMn.colorable-3rVGna.red-3T8maV { background-color: var(--windark-button-bg) !important; color: var(--info-danger-foreground) !important; border: 1px solid var(--windark-button-border) !important; border-top-color: var(--windark-button-top) !important; border-bottom-color: var(--windark-button-bottom) !important; border-radius: var(--winrad2) !important; } .theme-dark .actionButton-2S7dMn.colorable-3rVGna.red-3T8maV:hover { background-color: var(--windark-button-hover) !important; border-color: var(--windark-button-hover-border) !important; border-top-color: var(--windark-button-hover-top) !important; border-bottom-color: var(--windark-button-hover-bottom) !important; } .theme-light .actionButton-2S7dMn.colorable-3rVGna.red-3T8maV { background-color: var(--winlight-button-bg) !important; color: var(--info-danger-foreground) !important; border: 1px solid var(--winlight-button-border) !important; border-top-color: var(--winlight-button-top) !important; border-bottom-color: var(--winlight-button-bottom) !important; border-radius: var(--winrad2) !important; } .theme-light .actionButton-2S7dMn.colorable-3rVGna.red-3T8maV:hover { background-color: var(--winlight-button-hover) !important; border-color: var(--winlight-button-hover-border) !important; border-top-color: var(--winlight-button-hover-top) !important; border-bottom-color: var(--winlight-button-hover-bottom) !important; } #app-mount .colorable-3rVGna.green-3wkLbx { background-color: var(--blue-button-bg) !important; border: 1px solid var(--blue-button-border) !important; border-top-color: var(--blue-button-top) !important; border-bottom-color: var(--blue-button-bottom) !important; border-radius: var(--winrad2) !important; } #app-mount .colorable-3rVGna.green-3wkLbx.active-3D763s, #app-mount .colorable-3rVGna.green-3wkLbx:hover { background-color: var(--blue-button-hover) !important; border-color: var(--blue-button-hover-border) !important; border-top-color: var(--blue-button-hover-top) !important; border-bottom-color: var(--blue-button-hover-bottom) !important; } #app-mount .colorable-3rVGna.green-3wkLbx .centerIcon-JYpTUi { color: var(--status-warning-text); } /* In Call */ #app-mount .wrapper-1_HaEi.hidden-10MsGQ { width: 0; } #app-mount .wrapper-1_HaEi.guilds-2JjMmN.hidden-10MsGQ~.base-2jDfDU { border: none; border-top-left-radius: 0px; } #app-mount .sidebar-1tnWFu.hidden-38rxp9 { border: none; } .list-2x9Cl9 { padding-right: 8px; } #app-mount .avatarSpeaking-2pCGrZ, #app-mount .border-2BJQjd.speaking-3RWJBr, #app-mount .border-2Vy6FN.speaking-7QZEkv, #app-mount .avatarSpeaking-33RRJU { box-shadow: inset 0 0 0 2px var(--brand-experiment); } #app-mount .controlButton-2PMNom, #app-mount .actionButton-2S7dMn { border-radius: var(--winrad2); } .theme-dark .wrapper-3t3Yqv .colorable-3rVGna.primaryDark-2UJt1G { background-color: var(--windark-button-bg) !important; border: 1px solid var(--windark-button-border) !important; border-top-color: var(--windark-button-top) !important; border-bottom-color: var(--windark-button-bottom) !important; color: #fff !important; } .theme-dark .wrapper-3t3Yqv .colorable-3rVGna.primaryDark-2UJt1G:hover { background-color: var(--windark-button-hover) !important; border-color: var(--windark-button-hover-border) !important; border-top-color: var(--windark-button-hover-top) !important; border-bottom-color: var(--windark-button-hover-bottom) !important; } .theme-light .wrapper-3t3Yqv .colorable-3rVGna.primaryDark-2UJt1G { background-color: var(--winlight-button-bg) !important; border: 1px solid var(--winlight-button-border) !important; border-top-color: var(--winlight-button-top) !important; border-bottom-color: var(--winlight-button-bottom) !important; color: #000 !important; } .theme-light .wrapper-3t3Yqv .colorable-3rVGna.primaryDark-2UJt1G:hover { background-color: var(--winlight-button-hover) !important; border-color: var(--winlight-button-hover-border) !important; border-top-color: var(--winlight-button-hover-top) !important; border-bottom-color: var(--winlight-button-hover-bottom) !important; } #app-mount .controlButton-2PMNom.contextMenuContainer-1RO4DQ foreignObject, #app-mount .actionButton-2S7dMn foreignObject { mask: none; } #app-mount .controlButton-2PMNom.contextMenuContainer-1RO4DQ button, #app-mount .actionButton-2S7dMn.contextMenuContainer-1RO4DQ button { border-top-left-radius: var(--winrad2); border-top-right-radius: var(--winrad2); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom: none !important; height: 38px; width: 56px; } #app-mount .contextMenuContainer-1RO4DQ .contextMenuNub-NuTZ_U { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: var(--winrad2); border-bottom-right-radius: var(--winrad2); height: 12px; width: 50px; } .theme-dark .button-3Vyz67, .theme-dark .participantsButton-1WBdFP, .theme-dark .cta-3-AFNF { background-color: var(--windark-button-bg) !important; border: 1px solid var(--windark-button-border) !important; border-top-color: var(--windark-button-top) !important; border-bottom-color: var(--windark-button-bottom) !important; color: #fff !important; border-radius: var(--winrad2) !important; } .theme-dark .button-3Vyz67:hover, .theme-dark .participantsButton-1WBdFP:hover, .theme-dark .cta-3-AFNF:hover { background-color: var(--windark-button-hover) !important; border-color: var(--windark-button-hover-border) !important; border-top-color: var(--windark-button-hover-top) !important; border-bottom-color: var(--windark-button-hover-bottom) !important; } .theme-light .button-3Vyz67, .theme-light .participantsButton-1WBdFP, .theme-light .cta-3-AFNF { background-color: var(--winlight-button-bg) !important; border: 1px solid var(--winlight-button-border) !important; border-top-color: var(--winlight-button-top) !important; border-bottom-color: var(--winlight-button-bottom) !important; color: #000 !important; border-radius: var(--winrad2) !important; } .theme-light .button-3Vyz67:hover, .theme-light .participantsButton-1WBdFP:hover, .theme-light .cta-3-AFNF:hover { background-color: var(--winlight-button-hover) !important; border-color: var(--winlight-button-hover-border) !important; border-top-color: var(--winlight-button-hover-top) !important; border-bottom-color: var(--winlight-button-hover-bottom) !important; } .theme-dark .wrapper-3t3Yqv .colorable-3rVGna.red-3T8maV { background-color: var(--windark-button-bg) !important; border: 1px solid var(--windark-button-border) !important; border-top-color: var(--windark-button-top) !important; border-bottom-color: var(--windark-button-bottom) !important; } .theme-dark .wrapper-3t3Yqv .colorable-3rVGna.red-3T8maV:hover { background-color: var(--windark-button-hover) !important; border-color: var(--windark-button-hover-border) !important; border-top-color: var(--windark-button-hover-top) !important; border-bottom-color: var(--windark-button-hover-bottom) !important; } .theme-light .wrapper-3t3Yqv .colorable-3rVGna.red-3T8maV { background-color: var(--winlight-button-bg) !important; border: 1px solid var(--winlight-button-border) !important; border-top-color: var(--winlight-button-top) !important; border-bottom-color: var(--winlight-button-bottom) !important; } .theme-light .wrapper-3t3Yqv .colorable-3rVGna.red-3T8maV:hover { background-color: var(--winlight-button-hover) !important; border-color: var(--winlight-button-hover-border) !important; border-top-color: var(--winlight-button-hover-top) !important; border-bottom-color: var(--winlight-button-hover-bottom) !important; } .theme-dark .colorable-3rVGna.primaryDark-2UJt1G, .theme-dark .colorable-3rVGna.primaryDark-2UJt1G .centerIcon-JYpTUi { color: #fff !important; } .theme-light .colorable-3rVGna.primaryDark-2UJt1G, .theme-light .colorable-3rVGna.primaryDark-2UJt1G .centerIcon-JYpTUi { color: #000 !important; } .theme-dark .colorable-3rVGna.red-3T8maV .centerIcon-JYpTUi { color: #FF99A4 !important; } .theme-light .colorable-3rVGna.red-3T8maV .centerIcon-JYpTUi { color: #C42B1C !important; } #app-mount .colorable-3rVGna.white-11auuQ { background-color: var(--blue-button-bg) !important; border: 1px solid var(--blue-button-border) !important; border-top-color: var(--blue-button-top) !important; border-bottom-color: var(--blue-button-bottom) !important; } #app-mount .colorable-3rVGna.white-11auuQ:hover { background-color: var(--blue-button-hover) !important; border-color: var(--blue-button-hover-border) !important; border-top-color: var(--blue-button-hover-top) !important; border-bottom-color: var(--blue-button-hover-bottom) !important; } .theme-dark .colorable-3rVGna.white-11auuQ, .theme-dark .colorable-3rVGna.white-11auuQ .centerIcon-JYpTUi { color: #000 !important; } .theme-light .colorable-3rVGna.white-11auuQ, .theme-light .colorable-3rVGna.white-11auuQ .centerIcon-JYpTUi { color: #fff !important; } .theme-light .callContainer-HtHELf .controlIcon-10O-4h { color: #cccccc; } /* Spectators Call */ #app-mount .memberListItem-3V-x8Q:not(.popoutDisabled-PP2QdB):hover { background-color: var(--background-modifier-hover); } .popoutWrapper-3ks_kl .scroller-3b1p7z { padding-right: 16px !important; } .theme-dark .popoutWrapper-3ks_kl .scroller-3b1p7z { background-color: var(--windark-acrylic); border: var(--windarkborder2); border-radius: var(--winrad3); } .theme-light .popoutWrapper-3ks_kl .scroller-3b1p7z { background-color: var(--winlight-acrylic); border: var(--winlightborder2); border-radius: var(--winrad3); } /* Stage */ #app-mount .container-a_NK-C .contextMenuContainer-1RO4DQ foreignObject { mask: none; } .theme-dark .container-a_NK-C .colorable-3rVGna.primaryDark-2UJt1G { background-color: var(--windark-button-bg) !important; border: 1px solid var(--windark-button-border) !important; border-top-color: var(--windark-button-top) !important; border-bottom-color: var(--windark-button-bottom) !important; color: #fff !important; } .theme-dark .container-a_NK-C .colorable-3rVGna.primaryDark-2UJt1G:hover { background-color: var(--windark-button-hover) !important; border-color: var(--windark-button-hover-border) !important; border-top-color: var(--windark-button-hover-top) !important; border-bottom-color: var(--windark-button-hover-bottom) !important; } .theme-light .container-a_NK-C .colorable-3rVGna.primaryDark-2UJt1G { background-color: var(--winlight-button-bg) !important; border: 1px solid var(--winlight-button-border) !important; border-top-color: var(--winlight-button-top) !important; border-bottom-color: var(--winlight-button-bottom) !important; color: #000 !important; } .theme-light .container-a_NK-C .colorable-3rVGna.primaryDark-2UJt1G:hover { background-color: var(--winlight-button-hover) !important; border-color: var(--winlight-button-hover-border) !important; border-top-color: var(--winlight-button-hover-top) !important; border-bottom-color: var(--winlight-button-hover-bottom) !important; } #app-mount .container-a_NK-C .contextMenuContainer-1RO4DQ button { border-top-left-radius: var(--winrad2); border-top-right-radius: var(--winrad2); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; height: 38px; width: 56px; } .theme-dark .container-a_NK-C .colorable-3rVGna.red-3T8maV { background-color: var(--windark-button-bg) !important; color: var(--info-danger-foreground) !important; border: 1px solid var(--windark-button-border) !important; border-top-color: var(--windark-button-top) !important; border-bottom-color: var(--windark-button-bottom) !important; border-radius: var(--winrad2); } .theme-dark .container-a_NK-C .colorable-3rVGna.red-3T8maV:hover { background-color: var(--windark-button-hover) !important; border-color: var(--windark-button-hover-border) !important; border-top-color: var(--windark-button-hover-top) !important; border-bottom-color: var(--windark-button-hover-bottom) !important; } .theme-light .container-a_NK-C .colorable-3rVGna.red-3T8maV { background-color: var(--winlight-button-bg) !important; color: var(--info-danger-foreground) !important; border: 1px solid var(--winlight-button-border) !important; border-top-color: var(--winlight-button-top) !important; border-bottom-color: var(--winlight-button-bottom) !important; border-radius: var(--winrad2); } .theme-light .container-a_NK-C .colorable-3rVGna.red-3T8maV:hover { background-color: var(--winlight-button-hover) !important; border-color: var(--winlight-button-hover-border) !important; border-top-color: var(--winlight-button-hover-top) !important; border-bottom-color: var(--winlight-button-hover-bottom) !important; } .container-a_NK-C .colorable-3rVGna.red-3T8maV path { fill: var(--info-danger-foreground) !important; } .container-lqPArA, .sidebarVisible-3bgZKv { border-radius: 0; } .headerContainer-21E-jZ { box-shadow: none; height: 24px; border-bottom: var(--windarkborder1); } .contentContainer-dKJ2Bn { padding-top: 8px; } .theme-dark .bottomControls-31YuPK .buttonColor-28DXIe, .theme-dark .container-a_NK-C .primaryButtonColor-3yAd8m { background-color: var(--windark-button-bg) !important; border: 1px solid var(--windark-button-border) !important; border-top-color: var(--windark-button-top) !important; border-bottom-color: var(--windark-button-bottom) !important; color: #fff !important; border-radius: var(--winrad2) !important; } .theme-dark .bottomControls-31YuPK .buttonColor-28DXIe:hover, .theme-dark .container-a_NK-C .primaryButtonColor-3yAd8m:hover { background-color: var(--windark-button-hover) !important; border-color: var(--windark-button-hover-border) !important; border-top-color: var(--windark-button-hover-top) !important; border-bottom-color: var(--windark-button-hover-bottom) !important; } .theme-light .bottomControls-31YuPK .buttonColor-28DXIe, .theme-light .container-a_NK-C .primaryButtonColor-3yAd8m { background-color: var(--winlight-button-bg) !important; border: 1px solid var(--winlight-button-border) !important; border-top-color: var(--winlight-button-top) !important; border-bottom-color: var(--winlight-button-bottom) !important; color: #000 !important; border-radius: var(--winrad2) !important; } .theme-light .bottomControls-31YuPK .buttonColor-28DXIe:hover, .theme-light .container-a_NK-C .primaryButtonColor-3yAd8m:hover { background-color: var(--winlight-button-hover) !important; border-color: var(--winlight-button-hover-border) !important; border-top-color: var(--winlight-button-hover-top) !important; border-bottom-color: var(--winlight-button-hover-bottom) !important; } /* QuickSwitcher */ .quickswitcher-pKcM9U { height: 366px; } /* Server Profile */ #app-mount .nameTag-2Nlmsy { display: block; } /* Friends-Grid by CorellanStoma [edited] */ .peopleColumn-1wMU14 .title-x4dI75 { position: relative; top: -66px; left: 2px; font-weight: 500; font-family: var(--font-display); color: var(--header-primary); font-size: 16px; line-height: 24px; margin-left: 0px; } .peopleColumn-1wMU14 .searchBar-2aylmZ { position: relative; z-index: 9; margin: 0px; width: 100%; top: 24px; } .peopleColumn-1wMU14 .peopleList-2VBrVI>div { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 12px; row-gap: 12px; } .peopleColumn-1wMU14 .peopleList-2VBrVI .content-2a4AW9 [style="height: 0px;"] { display: none; } .peopleColumn-1wMU14 { padding-top: 40px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; } .peopleColumn-1wMU14 .scrollerBase-_bVAAt { overflow: visible !important; } .peopleColumn-1wMU14 { display: block; overflow: hidden scroll; } .peopleColumn-1wMU14::-webkit-scrollbar-corner{background-color:transparent} .peopleColumn-1wMU14::-webkit-scrollbar-thumb{background-color:var(--scrollbar-auto-thumb);min-height:40px} .peopleColumn-1wMU14::-webkit-scrollbar-thumb,.peopleColumn-1wMU14::-webkit-scrollbar-track{border:4px solid transparent;background-clip:padding-box} .peopleColumn-1wMU14::-webkit-scrollbar-thumb,.peopleColumn-1wMU14::-webkit-scrollbar-track{border:4px solid transparent;background-clip:padding-box} .peopleColumn-1wMU14::-webkit-scrollbar-track{background-color:var(--scrollbar-auto-track)} .info-1sUqUG .size12-oc4dx4:last-child::after { content:"\a" "Friends-Grid " "zk Redo" !important; text-transform: none; white-space: pre; -webkit-user-select: all; -moz-user-select: all; user-select: all; } @media screen and (min-width: 0px)and (max-width: 6000px){.peopleColumn-1wMU14 .peopleList-2VBrVI>div{height:auto !important;margin-right:60vw}} @media screen and (min-width: 0px)and (max-width: 5000px){.peopleColumn-1wMU14 .peopleList-2VBrVI>div{height:auto !important;margin-right:50vw}} @media screen and (min-width: 0px)and (max-width: 4000px){.peopleColumn-1wMU14 .peopleList-2VBrVI>div{height:auto !important;margin-right:40vw}} @media screen and (min-width: 0px)and (max-width: 3000px){.peopleColumn-1wMU14 .peopleList-2VBrVI>div{height:auto !important;margin-right:30vw}} @media screen and (min-width: 0px)and (max-width: 2600px){.peopleColumn-1wMU14 .peopleList-2VBrVI>div{height:auto !important;margin-right:0vw}} @media screen and (min-width: 0px)and (max-width: 2000px){.peopleColumn-1wMU14 .peopleList-2VBrVI>div{grid-template-columns:1fr 1fr 1fr;height:auto !important}} @media screen and (min-width: 0px)and (max-width: 1600px){.peopleColumn-1wMU14 .peopleList-2VBrVI>div{grid-template-columns:1fr 1fr;height:auto !important}} @media screen and (min-width: 0px)and (max-width: 1000px){.peopleColumn-1wMU14 .peopleList-2VBrVI>div{grid-template-columns:1fr;height:auto !important}} .peopleColumn-1wMU14 .userInfo-2WpsYG { overflow: visible; position: absolute; display: contents; } .peopleColumn-1wMU14 .wrapper-3Un6-K.avatar-2MSPKk { transform: scale(1.8124); margin-left: 30px; margin-bottom: 68px; } .peopleColumn-1wMU14 .text-3j8t_e { margin-bottom: 64px; position: relative; margin-left: 18px; width: calc(100% - 16px); margin-right: 16px; } .peopleColumn-1wMU14 .actions-YHvpIT, .peopleColumn-1wMU14[id="pending-tab"] .actions-2ZgdH4 { position: absolute; margin-left: 16px; margin-top: 88px; } .peopleColumn-1wMU14[id="blocked-tab"] .actionButton-3-B2x-.actionDeny-1pQVuZ { position: absolute; margin-left: 16px !important; margin-top: 88px; } .peopleColumn-1wMU14 .peopleListItem-u6dGxF { border-radius: var(--winrad2) !important; height: 100% !important; margin: 0px; padding: 0px; min-height: 160px !important; transition: var(--wintransition); contain: size; } .theme-dark .peopleColumn-1wMU14 .peopleListItem-u6dGxF { background: var(--windark-acrylic); border: var(--windarkborder2); } .theme-light .peopleColumn-1wMU14 .peopleListItem-u6dGxF { background: var(--winlight-acrylic); border: var(--winlightborder2); } .peopleColumn-1wMU14 .peopleListItem-u6dGxF:hover, .peopleColumn-1wMU14 .peopleListItem-u6dGxF.active-2UF8Zh { box-shadow: var(--elevation-medium); } .peopleColumn-1wMU14 .mutualGuilds-s7F2aa { flex: 0 0 auto; position: relative; margin-top: 102px; margin-left: 0; right: 16px; } .emptyState-30PyIN { width: 100%; height: 100%; } /* FriendList Button */ .peopleListItem-u6dGxF.active-2UF8Zh, .peopleListItem-u6dGxF:hover { border-radius: var(--winrad2); } #app-mount .actionButton-3-B2x-:last-of-type { margin-left: 4px; } .theme-dark .actionButton-3-B2x- { background-color: var(--windark-button-bg); border: 1px solid var(--windark-button-border); border-top-color: var(--windark-button-top); border-bottom-color: var(--windark-button-bottom); border-radius: var(--winrad2); } .theme-dark .actionButton-3-B2x-:hover { background-color: var(--windark-button-hover); border-color: var(--windark-button-hover-border); border-top-color: var(--windark-button-hover-top); border-bottom-color: var(--windark-button-hover-bottom); } .theme-light .actionButton-3-B2x- { background-color: var(--winlight-button-bg); border: 1px solid var(--winlight-button-border); border-top-color: var(--winlight-button-top); border-bottom-color: var(--winlight-button-bottom); border-radius: var(--winrad2); } .theme-light .actionButton-3-B2x-:hover { background-color: var(--winlight-button-hover); border-color: var(--winlight-button-hover-border); border-top-color: var(--winlight-button-hover-top); border-bottom-color: var(--winlight-button-hover-bottom); } /* Active Now */ .theme-dark .wrapper-2RrXDg { background-color: var(--windark-button-bg) !important; border-radius: var(--winrad2) !important; } .theme-dark .wrapper-2RrXDg:hover, .theme-dark .wrapper-2RrXDg.active-1W_Gl9 { background-color: var(--windark-button-hover) !important; } .theme-light .wrapper-2RrXDg { background-color: var(--winlight-button-bg) !important; border-radius: var(--winrad2) !important; } .theme-light .wrapper-2RrXDg:hover, .theme-light .wrapper-2RrXDg.active-1W_Gl9 { background-color: var(--winlight-button-hover) !important; } #app-mount .inset-SbsSFp { background-color: transparent; } #app-mount .section-3G9aLW { background-color: var(--background-modifier-accent); } /* Bottom bar in search */ .theme-dark .container-1SX9VC .inner-1NoIT5, .theme-dark .searchBar-3aIzc-, .theme-dark .searchBar-2aylmZ { background-color: var(--textdark-bg); border: var(--textdark-border); border-bottom: var(--textdark-border-static); border-radius: var(--winrad2); } .theme-dark .container-1SX9VC:hover .inner-1NoIT5:not(:focus-within), .theme-dark .searchBar-3aIzc-:hover, .theme-dark .searchBar-2aylmZ:hover { background-color: var(--textdark-bg-hover); border: var(--textdark-border-hover); border-bottom: var(--textdark-border-static); } .theme-dark .container-1SX9VC .inner-1NoIT5:focus-within, .theme-dark .searchBar-3aIzc-:focus-within, .theme-dark .searchBar-2aylmZ:focus-within { background-color: var(--textdark-bg-focus); border: var(--textdark-border-focus); border-bottom: var(--winborder-bottom) var(--brand-experiment); } .theme-light .container-1SX9VC .inner-1NoIT5, .theme-light .searchBar-3aIzc-, .theme-light .searchBar-2aylmZ { background-color: var(--textlight-bg); border: var(--textlight-border); border-bottom: var(--textlight-border-static); border-radius: var(--winrad2); } .theme-light .container-1SX9VC:hover .inner-1NoIT5:not(:focus-within), .theme-light .searchBar-3aIzc-:hover, .theme-light .searchBar-2aylmZ:hover { background-color: var(--textlight-bg-hover); border: var(--textlight-border-hover); border-bottom: var(--textlight-border-static); } .theme-light .container-1SX9VC .inner-1NoIT5:focus-within, .theme-light .searchBar-3aIzc-:focus-within, .theme-light .searchBar-2aylmZ:focus-within { background-color: var(--textlight-bg-focus); border: var(--textlight-border-focus); border-bottom: var(--winborder-bottom) var(--brand-experiment); } #app-mount .container-1SX9VC .inner-1NoIT5, #app-mount .searchBar-3aIzc-, #app-mount .searchBar-2aylmZ { -webkit-transition: var(--wintransition); transition: var(--wintransition); } /* BD emote category */ .bd-emote-header { margin-top: 1px; border-radius: 5px; } /* Unread channel */ .modeUnread-3Cxepe .name-28HaxV { color: var(--text-normal); } #app-mount .containerDefault-YUSmu3 .unread-36eUEm { display: none; } /* Better NSFW Tag */ .nsfwTag-666omg.iconBase-2G48Fc { margin-left: 4px; } .nsfwTag-666omg.iconBase-2G48Fc .textBadge-1fdDPJ { border-radius: 100px !important; background-color: var(--info-danger-foreground) !important; color: var(--status-warning-text) !important; } /* Selected Setting Option */ #bd-settings-sidebar .ui-tab-bar-item, .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG { display: flex; align-items: center; height: 36px; } .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG > svg, .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG > div > svg, .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG > div > .base-3IDx3L, .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG > div > .premiumTrialBadge-pEqntF { margin-left: 4px; } /* Settings */ .platform-win .bg-1QIAus { top: -34px; } .platform-win .layer-86YKbF { top: -34px; padding-top: 34px; } .platform-win .standardSidebarView-E9Pc3j { top: 34px; } #app-mount .contentColumn-1C7as6, #app-mount .customColumn-2n-oKU, #app-mount .repoHeader-2KfNvH > * { max-width: calc(100% - 150px); } #app-mount .sidebarRegion-1VBisG { flex: none; } .side-2ur1Qk .item-3XjbnG::after { content: ""; position: absolute; height: 0; width: 3px; border-radius: 1.5px; left: 0; transition: var(--wintransition); } .side-2ur1Qk .item-3XjbnG.selected-g-kMVV.themed-qqoYp3::after { height: 16px; } #app-mount .side-2ur1Qk .item-3XjbnG.selected-g-kMVV.themed-qqoYp3::after { background-color: var(--brand-experiment); } #app-mount .contentRegionScroller-2_GT_N, #app-mount .sidebarRegionScroller-FXiQOh, #app-mount .repoHeader-2KfNvH, #app-mount .repoScroller-9JnAPs, #app-mount .sidebarScrollable-2mW9Ls .scroller-3_YDR2 { background: var(--background-secondary); } #app-mount .sidebar-nqHbhN { width: 312px; padding: 16px; } #app-mount .contentRegionScroller-2_GT_N > .contentColumnDefault-3eyv5o { max-width: 50vw; margin: 0px 0px 0px auto; padding: 16px 0px 24px; } /* Server Upload Image */ #app-mount .lookOutlined-3yKVGo.colorPrimary-2AuQVo { background-color: var(--blue-button-bg) !important; border: 1px solid var(--blue-button-border) !important; border-top-color: var(--blue-button-top) !important; border-bottom-color: var(--blue-button-bottom) !important; border-radius: var(--winrad2) !important; } #app-mount .lookOutlined-3yKVGo.colorPrimary-2AuQVo:hover { background-color: var(--blue-button-hover) !important; border-color: var(--blue-button-hover-border) !important; border-top-color: var(--blue-button-hover-top) !important; border-bottom-color: var(--blue-button-hover-bottom) !important; } .theme-dark .lookOutlined-3yKVGo.colorPrimary-2AuQVo { color: #000 !important; } .theme-light .lookOutlined-3yKVGo.colorPrimary-2AuQVo { color: #fff !important; } /* BrandNew Button */ #app-mount .lookFilled-yCfaCM.colorBrandNew-2-gGsS { background-color: var(--blue-button-bg) !important; border: 1px solid var(--blue-button-border) !important; border-top-color: var(--blue-button-top) !important; border-bottom-color: var(--blue-button-bottom) !important; border-radius: var(--winrad2) !important; } #app-mount .lookFilled-yCfaCM.colorBrandNew-2-gGsS:hover { background-color: var(--blue-button-hover) !important; border-color: var(--blue-button-hover-border) !important; border-top-color: var(--blue-button-hover-top) !important; border-bottom-color: var(--blue-button-hover-bottom) !important; } .theme-dark .lookFilled-yCfaCM.colorBrandNew-2-gGsS { color: #000 !important; } .theme-light .lookFilled-yCfaCM.colorBrandNew-2-gGsS { color: #fff !important; } /* Text Focus? */ .bioTextArea-dDGOeC:focus-within, .addFriendInputWrapper-kkoSV9:focus-within { border-color: var(--brand-experiment-500); } /* My account */ #app-mount .accountProfileCard-lbN7n- foreignObject, #app-mount .accountProfileCard-lbN7n- mask { mask: none; } /* Banner Code by MintLily */ #app-mount .accountProfileCard-lbN7n- { background-color: var(--background-tertiary); border: var(--windarkborder1); } #app-mount .accountProfileCard-lbN7n- .banner-2boKnS[style^="background-color: "] { border-top-left-radius: var(--winrad4); border-top-right-radius: var(--winrad4); } #app-mount .accountProfileCard-lbN7n- .banner-2boKnS[style^="background-image: "] { } #app-mount .accountProfileCard-lbN7n- .avatar-3mTjvZ { top: 32px; left: 32px; border: 1px solid #fff; background-color: transparent; filter: drop-shadow(0px 0px 6px hsla(0, 0%, 0%, 0.1)); } #app-mount .accountProfileCard-lbN7n- .avatar-3mTjvZ foreignObject { mask: none; border-radius: 50%; } #app-mount .accountProfileCard-lbN7n- .avatar-3mTjvZ rect { display: none; } #app-mount .userInfo-regn9W { padding: 16px 33px 0 33px; background-color: var(--background-tertiary); } #app-mount .background-3d_SjE, #app-mount .fieldList-in8WkP { padding: 0; background-color: var(--background-tertiary); margin: 0; padding: 8px 16px 16px; } #app-mount .background-3d_SjE { border-radius: 0 0 var(--winrad4) var(--winrad4); } #app-mount .fieldSpacer-cxjVL1 { margin-top: 4px; } #app-mount .field-21XZwa { padding: 16px; border-radius: var(--winrad1); } .theme-dark .field-21XZwa { background-color: var(--windark-acrylic); border: var(--windarkborder3); } .theme-light .field-21XZwa { background-color: var(--winlight-acrylic); border: var(--winlightborder2); } /* PhoneField */ #app-mount .phoneField-3NAPDv { box-shadow: none; } #app-mount .phoneFieldPopout-uW3DlO { border-radius: var(--winrad3); backdrop-filter: blur(var(--winblur1)); } .theme-dark .phoneFieldPopout-uW3DlO { background: var(--noise256), var(--windark-box1); border: var(--windarkborder3); } .theme-light .phoneFieldPopout-uW3DlO { background: var(--noise256), var(--winlight-box1); border: var(--winlightborder2); } /* User Profile */ .contentColumnWide-2CgNjO[id="profile-customization-tab"] { max-width: 50vw !important; margin: 0px 0px 0px auto; padding: 16px 0px 24px; } .contentColumnWide-2CgNjO[id="profile-customization-tab"] .tryItOutSection-W9qeGH { max-width: 50vw; margin: 32px 0px 0px; } .contentColumnWide-2CgNjO[id="profile-customization-tab"] .tryItOutLayout-2ypO8Z { gap: 7px; } .contentColumnWide-2CgNjO[id="profile-customization-tab"] .editor-328F1U { min-width: 273px; width: 50vw; } /* Privacy & Safety */ .theme-dark .itemFilled-1cPbtg:not(.itemFilled-1cPbtg[aria-checked=true]):not(:hover) { background-color: var(--windark-acrylic); } .theme-dark .itemFilled-1cPbtg { border: var(--windarkborder3); border-radius: var(--winrad2); } .theme-light .itemFilled-1cPbtg:not(.itemFilled-1cPbtg[aria-checked=true]):not(:hover) { background-color: var(--winlight-acrylic); } .theme-light .itemFilled-1cPbtg { border: var(--winlightborder2); border-radius: var(--winrad2); } [class="radioBar-3w9XY-"][style="--radio-bar-accent-color:var(--status-green-600); padding: 10px;"] { --radio-bar-accent-color: var(--info-positive-foreground) !important; } [class="radioBar-3w9XY-"][style="--radio-bar-accent-color:var(--status-yellow-560); padding: 10px;"], [class="radioBar-3w9XY-"][style="--radio-bar-accent-color:var(--status-yellow-500); padding: 10px;"] { --radio-bar-accent-color: var(--info-warning-foreground) !important; } [class="radioBar-3w9XY-"][style="--radio-bar-accent-color:var(--status-red-500); padding: 10px;"] { --radio-bar-accent-color: var(--info-danger-foreground) !important; } /* Authorized Apps */ .theme-dark .card-16VQ8C { background-color: var(--windark-acrylic); border: var(--windarkborder3); } .theme-light .card-16VQ8C { background-color: var(--winlight-acrylic); border: var(--winlightborder2); } /* Connections */ .theme-dark .accountList-Wii_T5, .theme-dark .connectContainer-1hylYM { background-color: var(--windark-acrylic); border: var(--windarkborder2); border-radius: var(--winrad1); } .theme-light .accountList-Wii_T5, .theme-light .connectContainer-1hylYM { background-color: var(--winlight-acrylic); border: var(--winlightborder2); border-radius: var(--winrad1); } .accountBtn-3pgcgr .accountBtnInner-3ttD-i, .accountButton-234qAZ button, .accountBtn-1-d0rV button { transition: var(--wintransition); } .theme-dark .accountBtn-3pgcgr .accountBtnInner-3ttD-i, .theme-dark .accountButton-234qAZ button, .theme-dark .accountBtn-1-d0rV button { background-color: var(--windark-button-bg) !important; border: 1px solid var(--windark-button-border) !important; border-top-color: var(--windark-button-top) !important; border-bottom-color: var(--windark-button-bottom) !important; color: #fff !important; border-radius: var(--winrad2) !important; } .theme-dark .accountBtn-3pgcgr .accountBtnInner-3ttD-i:hover, .theme-dark .accountButton-234qAZ button:hover, .theme-dark .accountBtn-1-d0rV button:hover { background-color: var(--windark-button-hover) !important; border-color: var(--windark-button-hover-border) !important; border-top-color: var(--windark-button-hover-top) !important; border-bottom-color: var(--windark-button-hover-bottom) !important; } .theme-light .accountBtn-3pgcgr .accountBtnInner-3ttD-i, .theme-light .accountButton-234qAZ button, .theme-light .accountBtn-1-d0rV button { background-color: var(--winlight-button-bg) !important; border: 1px solid var(--winlight-button-border) !important; border-top-color: var(--winlight-button-top) !important; border-bottom-color: var(--winlight-button-bottom) !important; color: #000 !important; border-radius: var(--winrad2) !important; } .theme-light .accountBtn-3pgcgr .accountBtnInner-3ttD-i:hover, .theme-light .accountButton-234qAZ button:hover, .theme-light .accountBtn-1-d0rV button:hover { background-color: var(--winlight-button-hover) !important; border-color: var(--winlight-button-hover-border) !important; border-top-color: var(--winlight-button-hover-top) !important; border-bottom-color: var(--winlight-button-hover-bottom) !important; } .theme-dark .connection-YOVI9j { background-color: var(--windark-mica); border: var(--windarkborder3); border-radius: var(--winrad1); } #app-mount .connectionHeader-Ixbb1s { background: var(--background-primary); border-bottom: 1px solid var(--background-secondary); border-radius: var(--winrad1); } .theme-light .connection-YOVI9j { background-color: var(--winlight-mica); border: var(--winlightborder2); border-radius: var(--winrad1); } /* Discord Nitro */ .hero-1aNo0v { max-width: unset; } .featuresHeader-2bjq5B { text-align: center; } .theme-dark .feature-2IUcBI { border: var(--windarkborder1); } #app-mount [class="premiumTab-39eQzY item-3XjbnG selected-g-kMVV themed-qqoYp3"] .selectedBackground-1t6xXq { background-color: unset; } #app-mount .serverBoostTabItem-3QwA3W[aria-selected=true] { background-color: var(--background-modifier-selected) !important; color: var(--interactive-active) !important; } /* Server Boost */ .theme-dark .cardWrapper-1bSePP { background-color: var(--windark1); border: var(--windarkborder3); border-radius: var(--winrad1); } .theme-light .cardWrapper-1bSePP { background-color: var(--winlight1); border: var(--winlightborder2); border-radius: var(--winrad1); } #app-mount .tierHeaderLocked-30MLlO, #app-mount .tierHeaderLocked-3ItHYn, #app-mount .perk-19D_HN { background-color: var(--background-secondary); } #app-mount .tierBody-1d3UiS, #app-mount .tierBody-3ju-rc { background-color: var(--background-primary); } #app-mount .perksModal-CLcR1c { background-color: var(--background-secondary-alt); } .upsellContainer-22N_CL { background-size: cover; } /* Billing History */ #app-mount .paymentPane-ut5qKZ { border-radius: var(--winrad3); border: var(--windarkborder1); } .theme-dark .paymentPane-ut5qKZ, .theme-dark .paginator-1eqD2g, .theme-dark .bottomDivider-ZmTm-j { background-color: var(--windark-acrylic); color: var(--text-normal); } .theme-light .paymentPane-ut5qKZ, .theme-light .paginator-1eqD2g, .theme-light .bottomDivider-ZmTm-j { background-color: var(--winlight-acrylic); color: var(--text-normal); } .theme-dark .hoverablePayment-lE1s4t:hover { background-color: var(--windark-mica); } .theme-light .hoverablePayment-lE1s4t:hover { background-color: var(--winlight-mica); } #app-mount .expandedInfo-1W31i3 { background-color: var(--background-primary); } .theme-dark .bottomDivider-ZmTm-j { border-bottom-color: var(--windark-button-top); } .theme-light .bottomDivider-ZmTm-j { border-bottom-color: var(--winlight-button-top); } /* Voice & Video */ #app-mount .wrapper-UvA17F, #app-mount .container-3NTP7o, #app-mount .notches-2w7UZJ.gray-3wP137 { border-radius: var(--winrad1); } /* Menu Expand)? */ .theme-dark .lookFilled-1GseHa.select-1Ia3hD { background-color: var(--windark-button-bg) !important; border: 1px solid var(--windark-button-border) !important; border-top-color: var(--windark-button-top) !important; border-bottom-color: var(--windark-button-bottom) !important; color: #fff !important; border-radius: var(--winrad2) !important; } .theme-dark .lookFilled-1GseHa.select-1Ia3hD:hover, .theme-dark .lookFilled-1GseHa.select-1Ia3hD[aria-expanded="true"] { background-color: var(--windark-button-hover) !important; border-color: var(--windark-button-hover-border) !important; border-top-color: var(--windark-button-hover-top) !important; border-bottom-color: var(--windark-button-hover-bottom) !important; } .theme-light .lookFilled-1GseHa.select-1Ia3hD { background-color: var(--winlight-button-bg) !important; border: 1px solid var(--winlight-button-border) !important; border-top-color: var(--winlight-button-top) !important; border-bottom-color: var(--winlight-button-bottom) !important; color: #000 !important; border-radius: var(--winrad2) !important; } .theme-light .lookFilled-1GseHa.select-1Ia3hD:hover, .theme-light .lookFilled-1GseHa.select-1Ia3hD[aria-expanded="true"] { background-color: var(--winlight-button-hover) !important; border-color: var(--winlight-button-hover-border) !important; border-top-color: var(--winlight-button-hover-top) !important; border-bottom-color: var(--winlight-button-hover-bottom) !important; } #app-mount .popout-1KHNAq { border-radius: var(--winrad2); backdrop-filter: blur(var(--winblur1)); } .theme-dark .popout-1KHNAq { background: var(--noise256), var(--windark-box1); border: var(--windarkborder2); } .theme-light .popout-1KHNAq { background: var(--noise256), var(--winlight-box1); border: var(--winlightborder2); } #app-mount .option-2eIyOn.focused-ODgjnC, #app-mount .option-2eIyOn:focus, #app-mount .option-2eIyOn:hover:not([aria-selected=true]) { background-color: var(--background-modifier-hover); } #app-mount .option-2eIyOn[aria-selected=true] { background-color: var(--background-modifier-selected); } /* Activity Status */ .theme-dark .notDetected-M3Ghh2 { background-color: var(--windark-acrylic); border: var(--windarkborder2); } .theme-light .notDetected-M3Ghh2 { background-color: var(--winlight-acrylic); border: var(--winlightborder3); } #app-mount .game-2f2vPC { border-radius: var(--winrad1); padding: 16px; margin-bottom: 4px; margin-top: 4px; box-shadow: none; padding-right: 54px; } #app-mount .card-2ART2V:before { display: none; } .theme-dark .game-2f2vPC { background-color: var(--windark-acrylic); border: var(--windarkborder3); } .theme-light .game-2f2vPC { background-color: var(--winlight-acrylic); border: var(--winlightborder2); } #app-mount .gameNameInput-2wbDJ9:focus, #app-mount .gameNameInput-2wbDJ9:hover { background-color: var(--background-primary); border: var(--windarkborder1); } .game-2f2vPC .removeGame-3V7nss { position: absolute; opacity: 1; top: 22px; right: 16px; width: 28px; box-shadow: none !important; border-radius: 0; background-position: right; background-color: transparent; border-left: var(--windarkborder1); } #app-mount .addGamePopout-2SKNIV { border-radius: var(--winrad2); } .theme-dark .addGamePopout-2SKNIV { background-color: var(--windark-mica); border: var(--windarkborder2); } .theme-light .addGamePopout-2SKNIV { background-color: var(--winlight-mica); border: var(--winlightborder2); } .addGamePopout-2SKNIV .cancelButton-1_3Ix7 { margin-right: 4px; } /* App Directory */ #app-mount .directoryModal-YJsOMv { background-color: var(--background-primary); } #app-mount .directoryModal-YJsOMv .search-2RHhW6 { background-color: transparent !important; border: none; box-shadow: none; padding: 0; } .directoryModal-YJsOMv .search-2RHhW6 svg { display: none; } .headerBanner-ZCUdfQ { border-radius: 8px 8px 0 0; } .smallCarouselImage-1RYPZu { border-radius: 8px; } /* KeyBindIcon */ .theme-light .editIcon-e7sZ3b { filter: invert(1); } /* On Off */ #app-mount .container-1zDvAE { border-radius: var(--winrad2); padding: 16px; margin-bottom: 8px; margin-top: 2px; } .dividerDefault-3C2-ws { display: none; } .theme-dark .container-1zDvAE { background-color: var(--windark-mica); border: var(--windarkborder3); } .theme-light .container-1zDvAE { background-color: var(--winlight-mica); border: var(--winlightborder2); } .theme-dark .bd-addon-card { background-color: var(--windark-mica); border: var(--windarkborder3); border-radius: var(--winrad1); } .theme-light .bd-addon-card { background-color: var(--winlight-mica); border: var(--winlightborder2); border-radius: var(--winrad1); } .bd-addon-list .bd-addon-header { background: var(--background-tertiary); } /* BD Title fix */ .theme-light .bd-settings-title { color: #000; } /* Grabber */ #app-mount .grabber-2GQyvM { height: 20px; width: 20px; border-radius: 50%; margin-bottom: -2px; margin-left: -10px; border: 1px solid var(--background-primary); } #app-mount .grabber-2GQyvM::before { content: ""; height: 8px; width: 8px; border-radius: 50%; position: absolute; left: 4px; top: 4px; border: 1px solid; transition: var(--wintransition); } #app-mount .grabber-2GQyvM:hover:before { transform: scale(1.2); transform-origin: center; } .theme-dark .grabber-2GQyvM { background-color: #454545; } #app-mount .grabber-2GQyvM::before { background-color: var(--brand-experiment); border-color: var(--brand-experiment) !important; } #app-mount .barFill-2Bh7CX { background: var(--brand-experiment); } .theme-dark .bar-1Bhnl9, .theme-dark .mark-2iakCT .markDash-yk2kJ- { background: #989898; } .theme-light .bar-1Bhnl9, .theme-light .mark-2iakCT .markDash-yk2kJ- { background: #8b8b8b; } #app-mount .bar-1Bhnl9 { height: 4px; } #app-mount .mark-2iakCT .markDash-yk2kJ- { height: 12px; } .theme-dark .mark-2iakCT .markValue-2U_-UG { color: #989898; } .theme-light .mark-2iakCT .markValue-2U_-UG { color: #8b8b8b; } #app-mount .menu-1QACrS .grabber-2GQyvM { height: 18px; width: 18px; border-radius: 50%; margin-left: -6px; margin-top: -1px; border: 1px solid var(--background-primary); } #app-mount .menu-1QACrS .grabber-2GQyvM::before { content: ""; height: 8px; width: 8px; border-radius: 50%; position: absolute; left: 4px; top: 4px; border: 1px solid var(--background-primary); } .theme-dark .menu-1QACrS .grabber-2GQyvM { background-color: #454545; } #app-mount .menu-1QACrS .grabber-2GQyvM::before { background-color: var(--brand-experiment); } #app-mount .root-g14mjS .grabber-2GQyvM::before { left: 5px; top: 5px; } /* Roles Settings */ #app-mount .tabBar-3DfKkN { margin-bottom: 0; border-bottom: none; } #app-mount .tabBar-3DfKkN { padding-bottom: 2px; } #app-mount .tabBar-3DfKkN .item-3XjbnG { border-bottom: none; } .tabBar-3DfKkN .item-3XjbnG:after { content: ""; position: absolute; width: calc(0%); height: 3px; border-radius: 1.5px; bottom: 4px; left: 0; margin-left: 50%; transition: var(--wintransition); } .tabBar-3DfKkN .brand-3g5E0C.item-3XjbnG:active:after, .tabBar-3DfKkN .brand-3g5E0C.selected-1sf9UK.item-2GWPIy:after { width: calc(50%); margin-left: calc(50%/2); } #app-mount .tabBar-3DfKkN .brand-3g5E0C.item-3XjbnG:active:after, #app-mount .tabBar-3DfKkN .brand-3g5E0C.selected-1sf9UK.item-2GWPIy:after { background-color: var(--brand-experiment); } #app-mount .titleContainer-3fPic2, #app-mount .header-JUTO-g { background-color: var(--background-secondary); } #app-mount .customScroller-m1-jZn > div { max-width: unset; min-width: unset; margin: 0 20vh; } #app-mount .sidebar-3K3Z4C { height: calc(100vh - 36px); } /* Role Image Upload */ #app-mount .previewContainer-1GxmBJ { background-color: var(--background-secondary-alt); } #app-mount .rolePreviewArea-3eeTql .lookOutlined-3yKVGo.colorWhite-1H92hK { background-color: var(--blue-button-bg) !important; border: 1px solid var(--blue-button-border) !important; border-top-color: var(--blue-button-top) !important; border-bottom-color: var(--blue-button-bottom) !important; color: #000 !important; border-radius: var(--winrad2) !important; } #app-mount .rolePreviewArea-3eeTql .lookOutlined-3yKVGo.colorWhite-1H92hK:hover { background-color: var(--blue-button-hover) !important; border-color: var(--blue-button-hover-border) !important; border-top-color: var(--blue-button-hover-top) !important; border-bottom-color: var(--blue-button-hover-bottom) !important; } .theme-dark .rolePreviewArea-3eeTql .lookOutlined-3yKVGo.colorWhite-1H92hK { color: #000 !important; } .theme-light .rolePreviewArea-3eeTql .lookOutlined-3yKVGo.colorWhite-1H92hK { color: #fff !important; } /* Role Style */ .role-2TIOKu { border: 1px solid var(--background-modifier-accent); background-color: var(--background-modifier-accent); border-radius: 3.5px; } /* View as Role */ #app-mount .notice-2olXi7 { } /* Fix in Permissions roles */ .role-3pGE29 { margin-bottom: 2px !important; } .role-3pGE29.item-3XjbnG.selected-g-kMVV.themed-qqoYp3::after { top: 8px !important; } .role-3pGE29 .wrapper-1VLyxH > *{ width: 20px !important; height: 20px !important; } /* Audit Log */ #app-mount .contentRegion-3HkfJJ { background-color: var(--background-secondary-alt); } .theme-dark .auditLog-1NVAY0 { border: 1px solid hsla(0, 0%, 50%, 0.18); } /* Notice float */ .theme-dark .elevationHigh-28Pty4 { background: var(--noise256), var(--windark-box1) !important; border: var(--windarkborder2); border-radius: var(--winrad2); backdrop-filter: blur(var(--winblur1)); } .theme-light .elevationHigh-28Pty4 { background: var(--noise256), var(--winlight-box1) !important; border: var(--winlightborder2); border-radius: var(--winrad2); backdrop-filter: blur(var(--winblur1)); } /* BD buttons */ #app-mount .bd-button:not(.bd-controls .bd-button), #app-mount .bd-addon-views .bd-view-button.selected { background-color: var(--blue-button-bg) !important; border: 1px solid var(--blue-button-border) !important; border-top-color: var(--blue-button-top) !important; border-bottom-color: var(--blue-button-bottom) !important; border-radius: var(--winrad2) !important; } #app-mount .bd-button:hover:not(.bd-controls .bd-button) { background-color: var(--blue-button-hover) !important; border-color: var(--blue-button-hover-border) !important; border-top-color: var(--blue-button-hover-top) !important; border-bottom-color: var(--blue-button-hover-bottom) !important; } .theme-dark .bd-button:not(.bd-controls .bd-button), .theme-dark .bd-addon-views .bd-view-button.selected { color: #000 !important; } .theme-light .bd-button:not(.bd-controls .bd-button), .theme-light .bd-addon-views .bd-view-button.selected { color: #fff !important; } .bd-controls > .bd-addon-button:not(.bd-controls > .bd-addon-button:first-of-type) { margin-left: 3px; } .theme-dark .bd-controls > .bd-addon-button { background-color: var(--windark-button-bg) !important; color: #fff !important; border: 1px solid var(--windark-button-border) !important; border-top-color: var(--windark-button-top) !important; border-bottom-color: var(--windark-button-bottom) !important; border-radius: var(--winrad2) !important; } .theme-dark .bd-controls > .bd-addon-button:hover { background-color: var(--windark-button-hover) !important; border-color: var(--windark-button-hover-border) !important; border-top-color: var(--windark-button-hover-top) !important; border-bottom-color: var(--windark-button-hover-bottom) !important; } .theme-light .bd-controls > .bd-addon-button { background-color: var(--winlight-button-bg) !important; border: 1px solid var(--winlight-button-border) !important; border-top-color: var(--winlight-button-top) !important; border-bottom-color: var(--winlight-button-bottom) !important; color: #000 !important; border-radius: var(--winrad2) !important; } .theme-light .bd-controls > .bd-addon-button:hover { background-color: var(--winlight-button-hover) !important; border-color: var(--winlight-button-hover-border) !important; border-top-color: var(--winlight-button-hover-top) !important; border-bottom-color: var(--winlight-button-hover-bottom) !important; } [d='M15.95 10.78c.03-.25.05-.51.05-.78s-.02-.53-.06-.78l1.69-1.32c.15-.12.19-.34.1-.51l-1.6-2.77c-.1-.18-.31-.24-.49-.18l-1.99.8c-.42-.32-.86-.58-1.35-.78L12 2.34c-.03-.2-.2-.34-.4-.34H8.4c-.2 0-.36.14-.39.34l-.3 2.12c-.49.2-.94.47-1.35.78l-1.99-.8c-.18-.07-.39 0-.49.18l-1.6 2.77c-.1.18-.06.39.1.51l1.69 1.32c-.04.25-.07.52-.07.78s.02.53.06.78L2.37 12.1c-.15.12-.19.34-.1.51l1.6 2.77c.1.18.31.24.49.18l1.99-.8c.42.32.86.58 1.35.78l.3 2.12c.04.2.2.34.4.34h3.2c.2 0 .37-.14.39-.34l.3-2.12c.49-.2.94-.47 1.35-.78l1.99.8c.18.07.39 0 .49-.18l1.6-2.77c.1-.18.06-.39-.1-.51l-1.67-1.32zM10 13c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3z'] { d: path('M12.013 2.25c.734.008 1.465.093 2.181.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.928 1.116l1.4-.615a.75.75 0 0 1 .85.174 9.793 9.793 0 0 1 2.204 3.792.75.75 0 0 1-.271.825l-1.242.916a1.38 1.38 0 0 0 .001 2.226l1.243.915a.75.75 0 0 1 .271.826 9.798 9.798 0 0 1-2.203 3.792.75.75 0 0 1-.849.175l-1.406-.617a1.38 1.38 0 0 0-1.927 1.114l-.169 1.526a.75.75 0 0 1-.572.647 9.518 9.518 0 0 1-4.405 0 .75.75 0 0 1-.572-.647l-.17-1.524a1.382 1.382 0 0 0-1.924-1.11l-1.407.616a.75.75 0 0 1-.849-.175 9.798 9.798 0 0 1-2.203-3.796.75.75 0 0 1 .271-.826l1.244-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.272-.826 9.793 9.793 0 0 1 2.205-3.792.75.75 0 0 1 .849-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65c.718-.159 1.45-.243 2.202-.252Zm0 1.5a9.135 9.135 0 0 0-1.355.117l-.109.977A2.886 2.886 0 0 1 6.525 7.17l-.898-.394a8.293 8.293 0 0 0-1.348 2.317l.798.587a2.881 2.881 0 0 1 0 4.643l-.798.588c.32.842.775 1.626 1.347 2.322l.906-.397a2.882 2.882 0 0 1 4.017 2.318l.108.984c.89.15 1.799.15 2.689 0l.108-.984a2.88 2.88 0 0 1 4.02-2.322l.904.396a8.299 8.299 0 0 0 1.347-2.318l-.798-.588a2.88 2.88 0 0 1 0-4.643l.796-.587a8.293 8.293 0 0 0-1.348-2.317l-.896.393a2.884 2.884 0 0 1-4.023-2.324l-.11-.976a8.99 8.99 0 0 0-1.333-.117ZM12 8.25a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5Zm0 1.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z'); transform: translate(-2px, -2px) scale(1); } [d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'] { d: path('M13.416 2.584a1.992 1.992 0 0 1 0 2.817L6.058 12.76a2.48 2.48 0 0 1-1.156.655l-2.283.57a.498.498 0 0 1-.604-.603l.57-2.283a2.49 2.49 0 0 1 .656-1.156l7.358-7.358a1.992 1.992 0 0 1 2.817 0ZM9.894 4.697l-5.949 5.949a1.495 1.495 0 0 0-.393.694l-.369 1.477 1.477-.37c.263-.065.503-.2.694-.392l5.949-5.95-1.409-1.408Zm1.41-1.41-.705.705 1.408 1.409.705-.704a.996.996 0 0 0-1.409-1.41Z'); transform: translate(-4px, -4px) scale(2); } [d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z'] { d: path('M6.5 7v4a.5.5 0 0 0 1 0V7a.5.5 0 0 0-1 0ZM9 6.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5ZM10 4h3a.5.5 0 0 1 0 1h-.553l-.752 6.776A2.5 2.5 0 0 1 9.21 14H6.79a2.5 2.5 0 0 1-2.485-2.224L3.552 5H3a.5.5 0 0 1 0-1h3a2 2 0 1 1 4 0ZM8 3a1 1 0 0 0-1 1h2a1 1 0 0 0-1-1ZM4.559 5l.74 6.666A1.5 1.5 0 0 0 6.79 13h2.42a1.5 1.5 0 0 0 1.49-1.334L11.442 5H4.56Z'); transform: translate(-4px, -4px) scale(2); } .theme-light .bd-controls > .bd-addon-button svg:not(.bd-button.bd-addon-button.bd-button-danger svg) { fill: #000; } .bd-controls > .bd-button.bd-addon-button.bd-button-danger svg { fill: var(--info-danger-foreground); } /* BD Settings */ .bd-settings-group.collapsible { margin-bottom: 8px; border-radius: var(--winrad2); } .theme-dark .bd-settings-group.collapsible { background-color: var(--windark-mica); border: var(--windarkborder3); } .theme-light .bd-settings-group.collapsible { background-color: var(--winlight-mica); border: var(--winlightborder2); } .bd-settings-group.collapsible .bd-settings-title { padding: 16px; margin-bottom: 0; } .bd-settings-group.collapsible.expanded .bd-settings-title { border-bottom: thin solid var(--background-modifier-accent); margin-bottom: 10px; } .bd-settings-group ~ .bd-settings-group .bd-settings-title { margin-top: 0; } #app-mount .bd-settings-group.collapsed .bd-settings-title::after { transition: transform .3s ease; transform: rotate(270deg); } .bd-settings-group.collapsible .bd-settings-title::after { transform: rotate(360deg); } .bd-settings-group.collapsible .bd-setting-item > *:not(.bd-setting-divider) { padding: 0 16px; } .bd-settings-group.collapsible .bd-settings-title::before, .bd-settings-group.collapsible .bd-setting-item:last-of-type .bd-setting-divider { display: none; } #app-mount .bd-filled-checkmark { background: var(--info-positive-foreground); border-radius: var(--winrad4); } #app-mount .bd-empty-updates svg { fill: var(--info-positive-foreground); } .bd-settings-group.collapsible .bd-empty-updates { margin-bottom: 24px; } /* RepoCards */ .theme-dark .card-x5zW6z { background-color: var(--windark-acrylic) !important; border: var(--windarkborder3) !important; border-radius: var(--winrad2) !important; } .theme-light .card-x5zW6z { background-color: var(--winlight-acrylic) !important; border: var(--winlightborder2) !important; border-radius: var(--winrad2) !important; } /* Blocked message */ .blockedSystemMessage-3FmE9n { padding: 8px; opacity: 0.8; } /* Loader */ #app-mount .wanderingCubesItem-3Us-UG { border-radius: 50%; } /* Go Back */ #app-mount .toolsContainer-25FL6V { margin-right: auto; padding-left: 8px; } #app-mount .keybind-13vtq8 { display: none; } #app-mount .closeButton-PCZcma { width: 72px; transition: var(--wintransition); } .theme-dark .closeButton-PCZcma { background-color: var(--windark-button-bg) !important; color: var(--info-danger-foreground) !important; border: 1px solid var(--windark-button-border) !important; border-top-color: var(--windark-button-top) !important; border-bottom-color: var(--windark-button-bottom) !important; border-radius: var(--winrad2) !important; } .theme-dark .closeButton-PCZcma:hover { background-color: var(--windark-button-hover) !important; border-color: var(--windark-button-hover-border) !important; border-top-color: var(--windark-button-hover-top) !important; border-bottom-color: var(--windark-button-hover-bottom) !important; } .theme-light .closeButton-PCZcma { background-color: var(--winlight-button-bg) !important; color: var(--info-danger-foreground) !important; border: 1px solid var(--winlight-button-border) !important; border-top-color: var(--winlight-button-top) !important; border-bottom-color: var(--winlight-button-bottom) !important; border-radius: var(--winrad2) !important; } .theme-light .closeButton-PCZcma:hover { background-color: var(--winlight-button-hover) !important; border-color: var(--winlight-button-hover-border) !important; border-top-color: var(--winlight-button-hover-top) !important; border-bottom-color: var(--winlight-button-hover-bottom) !important; } /* Make PermissionViewers text more consistent with Discords [by christian] */ .member-perms-title { text-transform: uppercase; color: var(--header-secondary); font-weight: 700; margin-bottom: 8px; font-size: 12px; font-family: var(--font-display); } /* Status colors */ :root { --online-color: hsl(113, 51%, 58%); --idle-color: hsl(54, 100%, 49%); --dnd-color: hsl(354, 100%, 80%); --offline-color: hsl(0, 0%, 54%); --streaming-color: hsl(283, 100%, 69%); } /* Status Picker thing */ #app-mount #account-status-picker:not(.focused-3qFvc8) [mask="url(#svg-mask-status-online)"] .status-2DiCMd, #app-mount [aria-activedescendant*="account-status-picker"] #account-status-picker--online:not(.focused-3qFvc8) .status-2DiCMd { background-color: var(--online-color) !important; } #app-mount #account-status-picker:not(.focused-3qFvc8) [mask="url(#svg-mask-status-idle)"] .status-2DiCMd, #app-mount [aria-activedescendant*="account-status-picker"] #account-status-picker--idle:not(.focused-3qFvc8) .status-2DiCMd { background-color: var(--idle-color) !important; } #app-mount #account-status-picker:not(.focused-3qFvc8) [mask="url(#svg-mask-status-dnd)"] .status-2DiCMd, #app-mount [aria-activedescendant*="account-status-picker"] #account-status-picker--dnd:not(.focused-3qFvc8) .status-2DiCMd { background-color: var(--dnd-color) !important; } #app-mount #account-status-picker:not(.focused-3qFvc8) [mask="url(#svg-mask-status-offline)"] .status-2DiCMd, #app-mount [aria-activedescendant*="account-status-picker"] #account-status-picker--invisible:not(.focused-3qFvc8) .status-2DiCMd { background-color: var(--offline-color) !important; } /* Status Colors */ #app-mount .wrapper-1VLyxH rect[fill="#593695"], #app-mount .wrapper-1VLyxH rect:not(.pointerEvents-9SZWKj)[mask="url(#svg-mask-status-streaming)"] {fill: var(--streaming-color)} #app-mount .wrapper-1VLyxH rect[fill="#3ba55c"], #app-mount .wrapper-1VLyxH rect:not(.pointerEvents-9SZWKj)[mask="url(#svg-mask-status-online)"], #app-mount .wrapper-1VLyxH rect:not(.pointerEvents-9SZWKj)[mask="url(#svg-mask-status-online-mobile)"] {fill: var(--online-color)} #app-mount .wrapper-1VLyxH rect[fill="#faa61a"], #app-mount .wrapper-1VLyxH rect:not(.pointerEvents-9SZWKj)[mask="url(#svg-mask-status-idle)"] {fill: var(--idle-color)} #app-mount .wrapper-1VLyxH rect[fill="#ed4245"], #app-mount .wrapper-1VLyxH rect:not(.pointerEvents-9SZWKj)[mask="url(#svg-mask-status-dnd)"] {fill: var(--dnd-color)} #app-mount .wrapper-1VLyxH rect[fill="#747f8d"], #app-mount .wrapper-1VLyxH rect[mask="url(#svg-mask-status-offline)"] {fill: var(--offline-color)} .container-ZMc96U [fill="rgba(89, 54, 149, 1)"], .container-ZMc96U [fill="#593695"] { fill: var(--streaming-color); } .container-ZMc96U [fill="rgba(59, 165, 92, 1)"], .container-ZMc96U [fill="#3ba55c"] { fill: var(--online-color); } .container-ZMc96U [fill="rgba(250, 166, 26, 1)"], .container-ZMc96U [fill="#faa61a"] { fill: var(--idle-color); } .container-ZMc96U [fill="rgba(237, 66, 69, 1)"], .container-ZMc96U [fill="#ed4245"] { fill: var(--dnd-color); } .container-ZMc96U [fill="rgba(116, 127, 141, 1)"], .container-ZMc96U [fill="#747f8d"] { fill: var(--offline-color); } /* ChannelDms */ #app-mount .ChannelDms-channelmembers-wrap { width: 260px; } #app-mount .ChannelDms-channelmembers-wrap .privateChannels-oVe7HL { border-radius: 0; border: none; } #app-mount .ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header { padding: 0; height: 44px; } #app-mount .ChannelDms-channelmembers-wrap .item-3XjbnG { height: 28px; margin-top: 8px; } .theme-dark .ChannelDms-channelpopout-popout { background-color: var(--windark-mica); border: var(--windarkborder2); border-radius: var(--winrad3); } .theme-light .ChannelDms-channelpopout-popout { background-color: var(--winlight-mica); border: var(--winlightborder2); border-radius: var(--winrad3); } #app-mount .ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header { box-shadow: none; padding: 8px; padding-right: 36px; } .theme-dark .ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header { border-bottom: var(--windarkborder2); } .theme-light .ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header { border-bottom: var(--winlightborder2); } #app-mount .ChannelDms-channelpopout-popout .ChannelDms-channelpopout-collapseButton { top: 4px; left: 4px; } #app-mount .ChannelDms-channelpopout-popout .ChannelDms-channelpopout-removeButton { top: 8px; right: 8px; background-color: transparent; width: 26px; box-shadow: none; border-radius: 0; background-position: right; border-left: var(--windarkborder1); } #app-mount .ChannelDms-channelpopout-popout .form-3gdLxP:before { display: none; } .ChannelDms-channelpopout-headerStatus [fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] { fill: var(--streaming-color); } .ChannelDms-channelpopout-headerStatus [fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"] { fill: var(--online-color); } .ChannelDms-channelpopout-headerStatus [fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"] { fill: var(--idle-color); } .ChannelDms-channelpopout-headerStatus [fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"] { fill: var(--dnd-color); } .ChannelDms-channelpopout-headerStatus [fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"] { fill: var(--offline-color); } .theme-light .ChannelDms-channelpopout-popout { color: hsl(0, 0%, 13%); } /* Always bottom server list buttons by Gibbu [edit] */ .wrapper-1_HaEi { height: calc(100% - ((var(--server-size)*2) + 8px)); } .scroller-3X7KbA { contain: unset; padding-bottom: 40px; } .scroller-3X7KbA::before { content: ""; position: fixed; bottom: 0; width: var(--server-size); padding: 0 12px; height: calc((var(--server-size)*2) + 80px); background: linear-gradient(transparent, var(--background-tertiary) 30%); z-index: 1; pointer-events: none; } .tutorialContainer-2jwoiB { position: fixed; bottom: 2px; z-index: 1; } .tutorialContainer-2jwoiB + .listItem-3SmSlK { position: fixed; bottom: calc(var(--server-size) + 8px); contain: none; z-index: 1; } /* BetterMessageLinks */ #app-mount .betterMessageLinks.Popout { border-radius: var(--winrad2); backdrop-filter: blur(var(--winblur1)); } .theme-dark .betterMessageLinks.Popout { background: var(--noise256), var(--windark-box1); border: var(--windarkborder2); } .theme-light .betterMessageLinks.Popout { background: var(--noise256), var(--winlight-box1); border: var(--winlightborder2); } /* NotifX */ .xenoLib-notification-content { border-radius: var(--winrad2); -webkit-app-region: no-drag; } .qwert-toasts { -webkit-app-region: no-drag; } /* ChannelDetails tooltip fix */ .ChannelDetails-tooltip-tooltip.voiceActivities { padding: 14px 0; } /* ChannelTabs */ /* GameActivityToggle */ [class="container-YkUktl gameActivityToggleAdded-Yd-YxC"] [d="M 5.7066445,4.9022473 H 18.293275 c 1.595895,0 2.92046,1.2333283 3.034163,2.8251676 l 0.667683,9.3475611 c 0.0743,1.040197 -0.708715,1.943677 -1.748914,2.017977 -0.04477,0.0032 -0.08964,0.0048 -0.134531,0.0048 -1.191828,0 -2.230714,-0.811138 -2.519775,-1.96738 l -0.522119,-2.08848 H 6.930137 l -0.5221194,2.088478 c -0.2890608,1.156242 -1.3279463,1.96738 -2.5197742,1.96738 -1.0428481,0 -1.8882436,-0.845396 -1.8882436,-1.888243 0,-0.04488 0.0016,-0.08976 0.0048,-0.134532 L 2.6724812,7.7274149 C 2.7861841,6.1355756 4.1107494,4.9022473 5.7066445,4.9022473 Z m 8.8282265,5.0698223 c 0.839995,0 1.520947,-0.680951 1.520947,-1.5209465 0,-0.8399957 -0.680952,-1.5209468 -1.520947,-1.5209468 -0.839996,0 -1.520947,0.6809511 -1.520947,1.5209468 0,0.8399955 0.680951,1.5209465 1.520947,1.5209465 z m 4.055858,3.0418944 c 0.839996,0 1.520947,-0.680952 1.520947,-1.520947 0,-0.839995 -0.680951,-1.5209474 -1.520947,-1.5209474 -0.839996,0 -1.520947,0.6809524 -1.520947,1.5209474 0,0.839995 0.680951,1.520947 1.520947,1.520947 z M 5.9161725,8.9581056 H 3.8882434 v 2.0279294 h 2.0279291 v 2.027929 H 7.9441016 V 10.986035 H 9.9720304 V 8.9581056 H 7.9441016 V 6.9301763 H 5.9161725 Z"], [class="container-YkUktl gameActivityToggleAdded-Yd-YxC"] [d="m 5.707493,4.903746 c -1.5957556,0 -2.921198,1.232272 -3.0348909,2.823972 l -0.6679103,9.346058 c -0.0032,0.04477 -0.00469,0.09105 -0.00469,0.135925 0,0.286145 0.068875,0.553783 0.1827966,0.796805 L 7.1745522,13.014755 H 5.9160685 v -2.02951 H 3.8889021 V 8.958078 H 5.9160685 V 6.930913 H 7.943235 v 2.027165 h 2.0295102 v 1.258484 L 15.285561,4.903746 Z m 15.366625,1.832652 -4.813642,4.813642 -3.491882,3.491882 h 4.300405 l 0.522611,2.088099 c 0.289036,1.156141 1.327587,1.966233 2.519311,1.966233 0.04489,0 0.08882,-0.0014 0.133582,-0.0047 1.040108,-0.0743 1.824922,-0.977685 1.750628,-2.01779 l -0.66791,-9.346079 c -0.02519,-0.352659 -0.11926,-0.683371 -0.253103,-0.99132 z m -2.484157,3.236436 c 0.839921,0 1.52096,0.681039 1.52096,1.52096 0,0.839923 -0.681039,1.520961 -1.52096,1.520961 -0.839923,0 -1.520962,-0.681038 -1.520962,-1.520961 0,-0.839921 0.681039,-1.52096 1.520962,-1.52096 z M 7.943235,10.985245 v 1.260827 l 1.2608277,-1.260827 z"] { d: path('M14.998 5a7 7 0 0 1 .24 13.996l-.24.004H9.002a7 7 0 0 1-.24-13.996L9.001 5h5.996Zm0 1.5H9.002a5.5 5.5 0 0 0-.221 10.996l.221.004h5.996a5.5 5.5 0 0 0 .221-10.996l-.221-.004ZM8 9a.75.75 0 0 1 .75.75v1.498h1.5a.75.75 0 0 1 0 1.5h-1.5v1.502a.75.75 0 0 1-1.5 0v-1.502h-1.5a.75.75 0 1 1 0-1.5h1.5V9.75A.75.75 0 0 1 8 9Zm6.75 3.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Zm2-3.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Z'); transform: translate(-9%, -7%) scale(119%); } /* User Details */ .theme-light .UserDetails-dates-container svg:not(.UserDetails-dates-container .UserDetails-dates-errorIcon) { filter: invert(1); } .theme-light .UserDetails-connections-connections [src="/assets/6a853b4c87fce386cbfef4a2efbacb09.svg"] { content: url("https://discord.com/assets/3ff98ad75ac94fa883af5ed62d17c459.svg"); } .theme-light .UserDetails-connections-connections [src="/assets/7bab4490382024b0c8c29b5378eeaf8f.svg"] { content: url("https://discord.com/assets/8b20979429c0e2d40e0d620f939989cf.svg"); } .theme-dark .UserDetails-connections-connections [src="/assets/29b4af8bf13fa73258692008d25b4f0d.png"] { content: url("https://discord.com/assets/1fa6585cbb8c0fe21188e26d19fc6609.svg"); } .theme-light .UserDetails-connections-connections [src="/assets/29b4af8bf13fa73258692008d25b4f0d.png"] { content: url("https://discord.com/assets/cab5339904e625728f75e3b7bc32a347.svg"); } .theme-dark .UserDetails-connections-connections [src="/assets/1f07067017f955a0cde4e994e945f417.svg"] { content: url("https://discord.com/assets/d897626dfa2016ea3ad0af935acb6070.svg"); } .theme-dark .UserDetails-connections-connections [src="/assets/ffa3415a151587879c5537015fa59521.svg"] { content: url("https://discord.com/assets/db9e2406158133f91e1fe24bb56425c2.svg"); } /* Show Connections */ #app-mount .connection-9Gh4sa { width: 30px; height: 30px; margin: 0 4px 4px 0; } #app-mount .connectionIcon-888F4s { margin: 0; width: 100%; height: 100%; } #app-mount .connections-pPr4as { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } /* Channel details popout */ .theme-light .ChannelDetails-modal-header .ChannelDetails-modal-title { color: #000; } /* Read All style */ #app-mount [class="listItem-3SmSlK frame-oXWS21"] .innerFrame-8Hg64E, #app-mount [class="listItem-3SmSlK frame-oXWS21"] div.childWrapper-1j_1ub.button-Jt-tIg { width: var(--server-size); } .theme-dark [class="listItem-3SmSlK frame-oXWS21"] div.childWrapper-1j_1ub.button-Jt-tIg { background-color: var(--windark-button-bg) !important; border: 1px solid var(--windark-button-border) !important; border-top-color: var(--windark-button-top) !important; border-bottom-color: var(--windark-button-bottom) !important; color: #fff !important; border-radius: var(--winrad2) !important; } .theme-dark [class="listItem-3SmSlK frame-oXWS21"] div.childWrapper-1j_1ub.button-Jt-tIg:hover { background-color: var(--windark-button-hover) !important; border-color: var(--windark-button-hover-border) !important; border-top-color: var(--windark-button-hover-top) !important; border-bottom-color: var(--windark-button-hover-bottom) !important; } .theme-light [class="listItem-3SmSlK frame-oXWS21"] div.childWrapper-1j_1ub.button-Jt-tIg { background-color: var(--winlight-button-bg) !important; border: 1px solid var(--winlight-button-border) !important; border-top-color: var(--winlight-button-top) !important; border-bottom-color: var(--winlight-button-bottom) !important; color: #000 !important; border-radius: var(--winrad2) !important; } .theme-light [class="listItem-3SmSlK frame-oXWS21"] div.childWrapper-1j_1ub.button-Jt-tIg:hover { background-color: var(--winlight-button-hover) !important; border-color: var(--winlight-button-hover-border) !important; border-top-color: var(--winlight-button-hover-top) !important; border-bottom-color: var(--winlight-button-hover-bottom) !important; } /* SpotifyControls */ [class="popout-xwjvsX themedPopout-1TrfdI popoutArrow-g8f4Ss popoutArrowTop-lK9F3a"] { border-radius: var(--winrad1); padding: 10px; } [class="popout-xwjvsX themedPopout-1TrfdI popoutArrow-g8f4Ss popoutArrowTop-lK9F3a"]::before { display: none; } .theme-dark [class="popout-xwjvsX themedPopout-1TrfdI popoutArrow-g8f4Ss popoutArrowTop-lK9F3a"] { background: var(--noise256), var(--windark-box1); border: var(--windarkborder3); } .theme-light [class="popout-xwjvsX themedPopout-1TrfdI popoutArrow-g8f4Ss popoutArrowTop-lK9F3a"] { background: var(--noise256), var(--winlight-box1); border: var(--winlightborder3); } [class="popout-xwjvsX themedPopout-1TrfdI popoutArrow-g8f4Ss popoutArrowTop-lK9F3a"] .grabber-2GQyvM { margin-top: -13px; } [class="popout-xwjvsX themedPopout-1TrfdI popoutArrow-g8f4Ss popoutArrowTop-lK9F3a"] .grabber-2GQyvM::before { top: 5px !important; left: 5px !important; background-color: var(--SC-spotify-green) !important; } /* ServerCount */ .label-2wRs_g.serverCount-FsTTs1 { width: var(--server-size); } /* Online Friend Count */ .listItem-1d8GP4, .friendsOnline-2JkivW { width: var(--server-size); } .listItem-1d8GP4 { margin: 0 12px 6px; } /* Repo Plugins */ /* Just a BG for theme card [by Gibbu] */ [id="Discord 11-card"] { position: relative; } [id="Discord 11-card"]::before { content: ""; background: url(https://user-images.githubusercontent.com/79029257/198170059-a9911f9c-2088-43de-a700-b5536e907e6f.png) center/cover; position: absolute; inset: 0; z-index: 0; opacity: 0.1; pointer-events: none; }