├── src ├── index.scss ├── stylus.user.css ├── splash.css ├── switches.css ├── switches-original.css ├── source.css └── original.css ├── .github └── FUNDING.yml ├── assets ├── icon.png ├── banner.png └── missed_call.svg ├── powercord_manifest.json ├── DarkDiscord.theme.css ├── manifest.json └── README.md /src/index.scss: -------------------------------------------------------------------------------- 1 | @import './source'; 2 | -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | custom: ['https://paypal.me/eternal404'] 2 | -------------------------------------------------------------------------------- /assets/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/discord-modifications/dark-discord/HEAD/assets/icon.png -------------------------------------------------------------------------------- /assets/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/discord-modifications/dark-discord/HEAD/assets/banner.png -------------------------------------------------------------------------------- /powercord_manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Dark Discord", 3 | "description": "An actual dark mode for discord.", 4 | "version": "1.0.0", 5 | "author": "eternal", 6 | "theme": "src/index.scss", 7 | "discord": "HQ5N7Rcajc", 8 | "splashTheme": "src/splash.css", 9 | "license": "Unlicensed" 10 | } 11 | -------------------------------------------------------------------------------- /src/stylus.user.css: -------------------------------------------------------------------------------- 1 | @-moz-document domain("discord.com") { 2 | /* ==UserStyle== 3 | @name Dark Discord 4 | @description An actual dark mode for discord. 5 | @author eternal 6 | @namespace github.com/marioparaschiv/dark-discord 7 | @version 1.0.0 8 | @supportURL https://discord.gg/HQ5N7Rcajc 9 | ==/UserStyle== */ 10 | @import url(https://marioparaschiv.github.io/dark-discord/src/source.css); 11 | } 12 | -------------------------------------------------------------------------------- /DarkDiscord.theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | 3 | * @name Dark Discord 4 | * @version 1.0.0 5 | * @description An actual dark mode for discord. 6 | * @source https://github.com/marioparaschiv/dark-discord 7 | * @authorId 1099841746449485885 8 | * @author eternal 9 | * @website https://github.com/marioparaschiv/dark-discord 10 | * @donate https://paypal.me/eternal404 11 | 12 | **/ 13 | 14 | @import url(https://marioparaschiv.github.io/dark-discord/src/source.css); 15 | -------------------------------------------------------------------------------- /src/splash.css: -------------------------------------------------------------------------------- 1 | #splash, body { 2 | background: #0c0c0c !important; 3 | } 4 | 5 | .progress .progress-bar, #bar-container { 6 | background-color: #292929 !important; 7 | } 8 | 9 | .progress .progress-bar .complete, #bar-fill { 10 | background-color: #fff !important; 11 | } 12 | 13 | #splash .splash-inner-dl .dl-select-frame .Select-control, #splash .splash-inner-dl .dl-select-frame .Select-menu-outer { 14 | background: #141414; 15 | border-color: #191919; 16 | } 17 | -------------------------------------------------------------------------------- /manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Dark Discord", 3 | "description": "An actual dark mode for discord.", 4 | "id": "eternal.dark-discord", 5 | "icon": "assets/icon.png", 6 | "version": "1.0.0", 7 | "author": "eternal", 8 | "authors": { 9 | "name": "eternal", 10 | "id": "263689920210534400" 11 | }, 12 | "theme": "src/index.scss", 13 | "discord": "HQ5N7Rcajc", 14 | "main": "src/source.css", 15 | "splash": "src/splash.css", 16 | "splashTheme": "src/splash.css", 17 | "license": "Unlicensed", 18 | "consent": false 19 | } 20 | -------------------------------------------------------------------------------- /assets/missed_call.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/switches.css: -------------------------------------------------------------------------------- 1 | .container-2nx-BQ{background-color:transparent!important;}.container-2nx-BQ .slider-32CRPX,.bd-switch-body{display:none!important;}.input-2XRLou,.bd-switch input{appearance:none!important;background:var(--b,var(--background));border:1px solid transparent;border-radius:11px;cursor:pointer;display:inline-block;height:24px;margin:0;opacity:1;outline:0;position:relative;transition:background .3s,border-color .3s,box-shadow .2s;vertical-align:top;width:40px!important;--active:var(--accent);--active-inner:#fff;--background:var(--background-accent);--border-hover:#fff;--checkbox-circle:#fff;--disabled:#f6f8ff;--disabled-inner:var(--background);--focus:none;}.input-2XRLou::after,.bd-switch input::after{background:var(--ab,var(--checkbox-circle));border-radius:50%;content:'';display:block;height:16px;left:2.5px;position:absolute;top:3px;transform:translateX(var(--x,0));transition:transform var(--d-t,0.3s) var(--d-t-e,ease),opacity var(--d-o,0.2s);width:16px;}.input-2XRLou:checked,.bd-switch input:checked{--ab:var(--active-inner);--b:var(--active);--bc:var(--active);--d-o:.3s;--d-t:.6s;--d-t-e:cubic-bezier(.2,.85,.32,1.2);--x:18px;}.input-2XRLou:disabled+label,.bd-switch input:disabled+label{cursor:not-allowed;}.input-2XRLou:disabled,.input-2XRLou:disabled:checked,.bd-switch input:disabled,.bd-switch input:disabled:checked{--bc:var(--border);}.input-2XRLou:disabled:not(:checked):after,.bd-switch input:disabled:not(:checked):after{opacity:.6;}.input-2XRLou:focus,.bd-switch input:focus{box-shadow:0 0 0 var(--focus);}.input-2XRLou:hover:not(:checked):not(:disabled),.bd-switch input:hover:not(:checked):not(:disabled){--bc:var(--border-hover);} -------------------------------------------------------------------------------- /src/switches-original.css: -------------------------------------------------------------------------------- 1 | .container-2nx-BQ { 2 | background-color: transparent !important; 3 | } 4 | 5 | .container-2nx-BQ .slider-32CRPX, .bd-switch-body { 6 | display: none !important; 7 | } 8 | 9 | .input-2XRLou, .bd-switch input { 10 | appearance: none !important; 11 | background: var(--b, var(--background)); 12 | border: 1px solid transparent; 13 | border-radius: 11px; 14 | cursor: pointer; 15 | display: inline-block; 16 | height: 24px; 17 | margin: 0; 18 | opacity: 1; 19 | outline: 0; 20 | position: relative; 21 | transition: background .3s, border-color .3s, box-shadow .2s; 22 | vertical-align: top; 23 | width: 40px !important; 24 | --active: var(--accent); 25 | --active-inner: #fff; 26 | --background: var(--background-accent); 27 | --border-hover: #fff; 28 | --checkbox-circle: #fff; 29 | --disabled: #f6f8ff; 30 | --disabled-inner: var(--background); 31 | --focus: none; 32 | } 33 | 34 | .input-2XRLou::after, .bd-switch input::after { 35 | background: var(--ab, var(--checkbox-circle)); 36 | border-radius: 50%; 37 | content: ''; 38 | display: block; 39 | height: 16px; 40 | left: 2.5px; 41 | position: absolute; 42 | top: 3px; 43 | transform: translateX(var(--x, 0)); 44 | transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s); 45 | width: 16px; 46 | } 47 | 48 | .input-2XRLou:checked, .bd-switch input:checked { 49 | --ab: var(--active-inner); 50 | --b: var(--active); 51 | --bc: var(--active); 52 | --d-o: .3s; 53 | --d-t: .6s; 54 | --d-t-e: cubic-bezier(.2, .85, .32, 1.2); 55 | --x: 18px; 56 | } 57 | 58 | .input-2XRLou:disabled+label, .bd-switch input:disabled+label { 59 | cursor: not-allowed; 60 | } 61 | 62 | .input-2XRLou:disabled, .input-2XRLou:disabled:checked, .bd-switch input:disabled, .bd-switch input:disabled:checked { 63 | --bc: var(--border); 64 | } 65 | 66 | .input-2XRLou:disabled:not(:checked):after, .bd-switch input:disabled:not(:checked):after { 67 | opacity: .6; 68 | } 69 | 70 | .input-2XRLou:focus, .bd-switch input:focus { 71 | box-shadow: 0 0 0 var(--focus); 72 | } 73 | 74 | .input-2XRLou:hover:not(:checked):not(:disabled), .bd-switch input:hover:not(:checked):not(:disabled) { 75 | --bc: var(--border-hover); 76 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![Banner](https://raw.githubusercontent.com/marioparaschiv/dark-discord/master/assets/banner.png) 2 | 3 |

4 | GitHub repo size 5 | Stars 6 | Live Preview 7 |

8 | 9 | --- 10 | 11 |

Dark Discord

12 | 13 |

An actual dark mode for discord.

14 | 15 | 16 | --- 17 | 18 | ## Previews 19 | 20 | ![Preview](https://i.imgur.com/G7sIRe5.png) 21 | ## Installation 22 | #### BetterDiscord 23 | - Visit [this link](https://marioparaschiv.github.io/better-discord-downloader/?theme=dark-discord) 24 | 25 | #### Powercord / Vizality 26 | `git clone https://github.com/marioparaschiv/dark-discord` 27 | 28 | #### Web 29 | - Install **Stylus** for [Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne) / [Firefox](https://addons.mozilla.org/en-US/firefox/addon/styl-us/) / [Opera](https://github.com/openstyles/stylus/wiki/Opera,-Outdated-Stylus) 30 | 31 | - Visit [this link](https://raw.githubusercontent.com/marioparaschiv/dark-discord/master/src/stylus.user.css) 32 | 33 | - Install the style directly into your browser 34 | -------------------------------------------------------------------------------- /src/source.css: -------------------------------------------------------------------------------- 1 | @import url(https://marioparaschiv.github.io/dark-discord/src/switches.css);.bd-modal-wrapper .error,.bd-modal-wrapper .tab-bar-container .tab-bar-item{color:var(--text-normal)!important}.tabButton-1hJ4oW path:first-child,.tutorialContainer-1pL9QS .childWrapper-1j_1ub rect[fill="#36393f"]{fill:var(--background-primary)!important}.theme-dark,.theme-light,:root{--accent:var(--info-positive-foreground)!important;--activity-card-background:var(--background-tertiary)!important;--background-accent:#292929!important;--background-accent-alt:#242424!important;--background-floating:#090909!important;--background-modifier-accent:hsla(0, 0%, 100%, 0.06)!important;--background-modifier-active:rgba(255, 255, 255, 0.03)!important;--background-modifier-hover:rgba(255, 255, 255, 0.02)!important;--background-modifier-selected:rgba(255, 255, 255, 0.04)!important;--background-nested-floating:var(--background-floating);--background-primary:#141414!important;--background-secondary:#111!important;--background-secondary-alt:#0e0e0e!important;--background-tertiary:#0c0c0c!important;--bsi-invisible-color:#292929!important;--bsi-offline-color:#292929!important;--modal-background:var(--background-secondary)!important;--modal-footer-background:var(--background-tertiary)!important;--channel-text-area-placeholder:var(--text-muted)!important;--channels-default:var(--text-muted)!important;--channel-icon:var(--channels-default)!important;--channeltextarea-background:#202020!important;--deprecated-card-bg:var(--background-secondary)!important;--deprecated-card-editable-bg:var(--background-secondary)!important;--deprecated-quickswitcher-input-background:var(--background-primary)!important;--deprecated-quickswitcher-input-placeholder:var(--interactive-muted)!important;--deprecated-store-bg:var(--background-primary)!important;--deprecated-text-input-bg:rgba(0, 0, 0, 0.1)!important;--deprecated-text-input-border:rgba(0, 0, 0, 0.3)!important;--deprecated-text-input-border-disabled:rgba(0, 0, 0, 0.1)!important;--deprecated-text-input-border-hover:rgba(0, 0, 0, 0.7)!important;--header-primary:var(--text-normal)!important;--header-secondary:var(--text-muted)!important;--input-background:var(--background-secondary-alt)!important;--interactive-active:#fff!important;--interactive-hover:#dcddde!important;--interactive-muted:#747474!important;--interactive-normal:#c8c8c8!important;--scrollbar-auto-scrollbar-color-thumb:var(--background-accent)!important;--scrollbar-auto-scrollbar-color-track:rgba(0, 0, 0, 0.1)!important;--scrollbar-auto-thumb:var(--background-accent)!important;--scrollbar-auto-track:rgba(0, 0, 0, 0.1)!important;--scrollbar-thin-thumb:var(--background-accent)!important;--scrollbar-thin-track:transparent!important;--text-muted:#b6b6b6!important;--text-normal:#fbfbfb!important;--toast-background:var(--background-secondary)!important;--toast-border:transparent!important;--toast-box-shadow:rgba(0, 0, 0, 0.1)!important;--toast-contents:var(--background-tertiary)!important;--toast-header:var(--background-tertiary)!important}.addGamePopout-2SKNIV,.bd-modal-wrapper .bd-modal-body,.inset-SbsSFp,.tierBody-3ju-rc{background-color:var(--background-primary)!important}.bd-modal-wrapper .bd-modal-inner{border:none!important;box-shadow:var(--elevation-high)!important}.bd-modal-wrapper .error{border-bottom:1px solid var(--background-modifier-accent)!important}.bd-modal-wrapper .header,.css-12hk9yc-control,.css-1adxh11-control,.css-1emou8a-control,.perksModal-CLcR1c,.theme-dark .headerNormal-T_seeN{background-color:var(--background-tertiary)!important}.css-3vaxre-menu,.css-dwar6a-menu,.css-ix84ef-menu{background-color:var(--background-secondary)!important;box-shadow:var(--elevation-high)!important}.css-3vaxre-menu,.css-dwar6a-menu{border:none!important}.imageLoading-2uloYN{background:var(--background-accent)!important;border-radius:10px}.lookFilled-yCfaCM.button-f2h6uQ.colorPrimary-2AuQVo:active:not(:disabled),.lookFilled-yCfaCM.button-f2h6uQ.colorPrimary-2AuQVo:hover:not(:disabled),.lookFilled-yCfaCM.colorGrey-2iAG-B,.lookFilled-yCfaCM.colorGrey-2iAG-B:hover{background-color:var(--background-accent-alt)!important}.container-20TyK0,.outer-2JOHae.active-1W_Gl9,.outer-2JOHae.interactive-2zD88a:hover{background-color:var(--background-floating)!important}.colorable-3rVGna.primaryDark-2UJt1G,.peopleColumn-1wMU14{background:var(--background-primary)}.quickswitcher-pKcM9U,.theme-dark .autocompleteArrow-jJE9TQ,.theme-dark .autocompleteShadow-2nfsSy,.theme-dark .elevationBorderHigh-3drnJX{box-shadow:var(--elevation-high)}#gif-picker-tab-panel .result-pzZrwj,.liveQualityIndicator-2GyS_e,.lookFilled-yCfaCM.button-f2h6uQ.colorPrimary-2AuQVo,.lookFilled-yCfaCM.colorGrey-2iAG-B,.lookFilled-yCfaCM.colorGrey-2iAG-B:active,.lookFilled-yCfaCM.colorGrey-2iAG-B:disabled,.progress-3ClF2n .progressBar-3DupbT,.result-pzZrwj[style*="background-color: rgb(24, 25, 28);"],.theme-dark .noItemsIcon-2OeOld{background-color:var(--background-accent)!important}.slateBlockquoteContainer-3dsgJl .blockquoteDivider-363utW{background-color:var(--background-accent);filter:brightness(1.1)}.theme-dark .bodySection-3iDdop,.theme-light .bodySection-3iDdop{background-color:var(--background-secondary);border-top-color:var(--background-modifier-accent)}.theme-dark .bottomDivider-ZmTm-j,.theme-dark .calendarPicker-sDhzdi .react-datepicker__current-month,.theme-dark .calendarPicker-sDhzdi .react-datepicker__week:last-of-type .react-datepicker__day{border-bottom-color:var(--background-modifier-accent)}.theme-dark .button-1yVL_7{background-color:var(--background-secondary);box-shadow:0 0 0 1px var(--background-tertiary),0 1px 5px 0 rgba(0,0,0,.3)}.theme-dark .button-1yVL_7:hover{background-color:var(--background-primary);box-shadow:0 0 0 1px var(--background-tertiary),0 2px 10px 0 rgba(0,0,0,.2)}.theme-dark .closeButton-PCZcma{border-color:var(--background-accent)!important}.theme-dark .codeRedemptionRedirect-2hYMSQ{background-color:var(--background-secondary);border-color:var(--background-tertiary)}.theme-dark .expandedInfo-1W31i3,.theme-dark .footer-31IekZ{background-color:var(--background-tertiary)}.theme-dark .disabled-29cfPA:hover{border-color:var(--background-modifier-active);color:var(--text-muted)}.theme-dark .checkbox-f1HnKB,.theme-dark .divider--oiTeJ,.theme-dark .divider-3APUjw,.theme-dark .divider-3LgWDL,.theme-dark .divider-3wNib3,.theme-dark .paymentHeader-2o7Phd,.theme-dark .sectionAccountCredit-1IqaxB,.theme-dark .sectionAccountCredit-1lZtoH,.theme-dark .subscriptionDetails-3u1CML,.theme-dark .subscriptionDetails-ZcKNHC{border-color:var(--background-modifier-accent)}.theme-dark .elevationHigh-28Pty4,.userPopout-3XzG_A{box-shadow:var(--elevation-high)!important}.theme-dark .footer-31IekZ{box-shadow:inset 0 1px 0 var(--background-modifier-accent)}.theme-dark .friendSelected-3cwmD7,.theme-dark .option-ayUoaq.selected-rZcOL-,.theme-dark .option-ayUoaq[aria-selected=true],.theme-dark .selected-3H3-RC{background-color:var(--background-modifier-active)}.theme-dark .game-2f2vPC{box-shadow:0 1px 0 0 var(--background-modifier-accent)}.theme-dark .gemIndicatorContainer-PqApbX{background-color:var(--background-primary)}.theme-dark .header-1Fx4D1{color:var(--header-primary)}.active-136ioF,.emojiItem-277VFM.emojiItemSelected-2Lg50V,.hover-3OQb9Y:hover,.navButton-1XuvI-:hover,.pageButton-1GMGeJ:hover,.theme-dark .changeDetails-1kMZqI,.theme-dark .changeDetails-bk98pu,.theme-dark .enabled-1t_Gxm:hover,.theme-dark .headerClickable-2IVFo9,.theme-dark .headerDefault-1wrJcN,.theme-dark .hoverablePayment-lE1s4t:hover,.theme-dark .inviteRow-3vmB7i:hover,.theme-dark .memberListItem-31QoHj:not(.popoutDisabled-2RK7MF):hover,.theme-dark .memberListItem-3V-x8Q:not(.popoutDisabled-PP2QdB):hover,.theme-dark .quickSelectPopoutOption-2E2UmS:hover,.theme-dark .reactionDefault-1Sjj1f:hover,.theme-dark .selectableItem-3-fmiM:hover{background-color:var(--background-modifier-hover)}.theme-dark .iconForeground-2P-YQq,.theme-dark .overlayToggleIconOn-21NN2N .fill-297bdf{fill:var(--text-muted)}.regionSelectName-2-2FWh,.theme-dark .auditLog-3jNbM6 strong,.theme-dark .container-1ILvLB section strong,.theme-dark .content-38N-4k,.theme-dark .content-s2SEQO ol,.theme-dark .content-s2SEQO p,.theme-dark .content-s2SEQO ul li,.theme-dark .info-3k6QpS,.theme-dark .notDetected-2HEmAp .gameName-Uw4dbt,.theme-dark .option-ayUoaq .answer-14OVbQ,.theme-dark .option-ayUoaq .filter-2QaH9y,.theme-dark .option-ayUoaq .nonText-3_4gtu,.theme-dark .option-ayUoaq strong,.theme-dark .option-ayUoaq.user-1dKxvu .displayedNick-1atSpT,.theme-dark .requirements-2IwVy6,.theme-dark .rowTitle-2MoCno,.theme-dark .searchOption-351dTI .filter-2QaH9y,.theme-dark .userHook-3AdCBF,.theme-light .info-3k6QpS{color:var(--text-normal)}.theme-dark .item-2OyinQ{border-color:var(--background-tertiary)!important}.theme-dark .item-3eFBNF{box-shadow:inset 0 -1px 0 0 var(--background-modifier-accent)}.colorGrey-2iAG-B,.disabled-35mc5w,.lookGhost-2Fn_0-.colorGrey-2iAG-B,.maxLength-IdVNmX,.metadata-1E7Z4i,.overflowRolesPopoutHeaderText-3HyHGv,.regionSelectModal-12e-57 .regionSelectModalFooter-20C5iA,.theme-dark .bannedUser-1IalTM .username-1b3MVI .discrim-oGb-FO,.theme-dark .bannedUser-26qsXF .username-2QcOp4 .discrim-1rThJo,.theme-dark .bannedUserModal-3RJCOV .reason-YbfGC6,.theme-dark .bannedUserModal-3RJCOV .userDiscrim-1D2NlF,.theme-dark .bannedUserModal-9XjyCI .reason-3pVhOz,.theme-dark .bannedUserModal-9XjyCI .userDiscrim-vaUAuA,.theme-dark .body-2rDNbs,.theme-dark .container-1ILvLB section p,.theme-dark .container-1S70rv .sectionTag-28mLyE,.theme-dark .contentTitle-3CylD3,.theme-dark .date-1k6kG2,.theme-dark .debugButton-OTfjlB,.theme-dark .description-11DmNu,.theme-dark .descriptionDiscriminator-tCKMLV,.theme-dark .descriptionUsername-J_75O8,.theme-dark .descriptionWrapper-eOmU90,.theme-dark .discriminator-1DCM-o,.theme-dark .keybind-13vtq8,.theme-dark .label-29p9qC,.theme-dark .lastPlayed-1jum9A,.theme-dark .markValue-2U_-UG,.theme-dark .markdown-19oyJN,.theme-dark .notDetected-2HEmAp .lastPlayed-1jum9A,.theme-dark .nowPlayingAdd-3lvnXJ,.theme-dark .option-ayUoaq.user-1dKxvu .displayUsername-UTerwm,.theme-dark .overlayStatusText-In0YrK,.theme-dark .paymentText-BPrx01,.theme-dark .purchaseUnitOperatingSystem-1OW7Kw,.theme-dark .requirementKey-3Mlwzf,.theme-dark .resultsGroup-1BPR25 .header-3A13BX,.theme-dark .resultsGroup-1BPR25 .plusIcon-2V7coV,.theme-dark .resultsGroup-1BPR25 .searchClearHistory-2Be-92,.theme-dark .resultsGroup-1BPR25 .searchLearnMore-7__o_n a,.theme-dark .rowBody-uWDd7Y,.theme-dark .searchOption-3u1gRt .answer-14OVbQ,.theme-dark .searchResultChannelCategory-19ujDo,.theme-dark .searchResultChannelIcon-C-3P9x,.theme-dark .sizeInfo-3KtZ1G,.theme-dark .subText-1gefwV,.theme-dark .text-27cdrj,.theme-dark .tierLock-1uBqZ0,.theme-dark .tierLock-3CSxSX,.theme-dark .timestamp-147bcs,.theme-dark .timestamp-1mruiI,.theme-dark .title-2CL_z0,.theme-light .label-29p9qC,.theme-light .purchaseUnitOperatingSystem-1OW7Kw,.theme-light .subText-1gefwV,.tierIconLocked-RGSkSl{color:var(--text-muted)}.backgroundOptionInner-SSz19O,.cardPrimary-3qRT__,.cardPrimaryEditable-2mz_3i,.cardPrimaryOutline-1ofwVz,.cardPrimaryOutlineEditable-1VE28Z,.mainCard-3KBsBI,.theme-dark .calendarPicker-sDhzdi .react-datepicker,.theme-dark .calendarPicker-sDhzdi .react-datepicker__header,.theme-dark .container-1ILvLB section,.theme-dark .container-1S70rv .sectionTag-28mLyE,.theme-dark .container-2McqkF,.theme-dark .input-3NIgDw,.theme-dark .markdown-19oyJN code,.theme-dark .paymentPane-ut5qKZ,.theme-dark .perk-2WeBWW,.theme-dark .tierBody-16Chc9,.theme-dark .tierBody-1d3UiS,.theme-dark .verificationBlock-xhj3fR:hover{background-color:var(--background-secondary)}.moreUsers-Gej0iV,.theme-dark .moreUsers-3PdGZN{background-color:var(--background-accent);color:var(--text-normal)}.categoryHeader-OpJ1Ly,.mainCard-3KBsBI:hover,.theme-dark .autocomplete-3NRXG8,.theme-dark .notDetected-M3Ghh2,.theme-dark .override-1sK4r0:hover,.theme-dark .searchBox-pyIJJj,.theme-light .notDetected-M3Ghh2{background-color:var(--background-secondary-alt)}.theme-dark .notches-2w7UZJ.black-11MaxJ{background:url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="8" height="20" fill="%23090909"%3E%3Cpath fill-rule="evenodd" d="M0 0h8v20H0V0zm4 2a2 2 0 00-2 2v12a2 2 0 104 0V4a2 2 0 00-2-2z"/%3E%3C/svg%3E')}.theme-dark .notches-2w7UZJ.gray-3wP137{background:url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="8" height="20" fill="%23141414"%3E%3Cpath fill-rule="evenodd" d="M0 0h8v20H0V0zm4 2a2 2 0 00-2 2v12a2 2 0 104 0V4a2 2 0 00-2-2z"/%3E%3C/svg%3E')}.theme-dark .pageButtonNext-2_bbdk,.theme-dark .pageButtonPrev-3q9rh8,.theme-dark .pageIndicator-cOEPV8,.theme-dark .watchButton-2YRKxv{border-color:var(--background-accent)}.theme-dark .pageWrapper-2PwDoS{background-color:var(--background-primary);color:#fff}.colorable-3rVGna.primaryDark-2UJt1G.active-3D763s,.colorable-3rVGna.primaryDark-2UJt1G:hover,.streamPreview-3Fo29Y,.theme-dark .contentWrapper-3oy4Xo,.theme-dark .paginator-1eqD2g,.theme-dark .popoutList-10IFAa,.theme-dark .quickSelectPopout-2F0PXw,.theme-dark .scroller-2GkvCq{background:var(--background-secondary)}.theme-dark .paginator-2CA79G{color:#fff}.participantsButton-1WBdFP,.powercord-quickcss-editor-settings .close:hover,.theme-dark .bar-1Bhnl9,.theme-dark .iconWrapper-2_MXbk,.theme-dark .markDash-yk2kJ-,.theme-dark .partyMemberEmpty-GtlQ_s,.theme-dark .placeholder-T1Tuu8{background:var(--background-accent)}.theme-dark .passthroughSelected-1Eq0Kl,.tierMarkerAccomplished-1SkbEJ,.tierMarkerInProgress-2Tdxjz{background:var(--background-accent)!important}.theme-dark .payment-2bOh4k{background-color:var(--background-secondary);color:transparent}.avatarUploaderInnerSquareDisabled-3M9eJS,.blockquoteDivider-363utW,.button-3Vyz67,.buttonColor-28DXIe,.cta-2DQ2ez,.cta-3-AFNF,.gifIconContainer-3os21a,.option-1QI4c9,.option-Tt7anD,.statusOffline-2R-ArP,.theme-dark .barBackground-unEPDT,.theme-dark .closeButton-PCZcma:hover,.theme-dark .defaultIndicator-1AxErs,.theme-dark .defaultIndicator-2ndWks,.theme-dark .dim-2Uxgxb span,.theme-dark .guildIconImage-74OdmM,.theme-dark .installSize-3az1nt,.theme-dark .multipleIconWrapper-2YHnS6,.theme-dark .option-Tt7anD,.theme-dark .partyMemberOverflow-3G1oZz,.theme-dark .pill-1HLSrc,.theme-dark .progress-1S-TDF,.theme-dark .spoilerText-27bIiA.hidden-3B-Rum,.theme-dark .tierInProgress-1vFUnw,.theme-dark .tierPill-1yRO48,.theme-dark .voiceSectionIconWrapper-4yoj76{background-color:var(--background-accent)}.theme-dark .everyonePopout-nEbJY3,.theme-dark .popout-3Zw0qN{background-color:var(--background-floating);box-shadow:var(--elevation-high)}.theme-dark .root-g14mjS{-webkit-box-shadow:0 0 0 1px var(--background-modifier-accent),0 2px 10px 0 rgba(0,0,0,.2)!important;box-shadow:0 0 0 1px var(--background-modifier-accent),0 2px 10px 0 rgba(0,0,0,.2)!important}.theme-dark .row-3nMNOy{box-shadow:inset 0 -1px 0 var(--background-modifier-accent)}.theme-dark .copyLink-1bBHaR:before,.theme-dark .divider-1pnAR2,.theme-dark .divider-2L-ojc,.theme-dark .divider-M3saWq,.theme-dark .header-145e10 .tabBar-1qdMr5 .tab-TRrPC8.active-1grPyy,.theme-dark .separator-2OaeRP,.theme-dark .separator-dn0u3Y,.theme-dark .tab-2j5AEF.selected-2LAck8{background-color:var(--background-modifier-accent)}.theme-dark .tooltipGrey-lpLZjh .tooltipPointer-3L49xb,.theme-light .tooltipGrey-lpLZjh .tooltipPointer-3L49xb{border-top-color:var(--background-floating)}.theme-dark .applicationStreamingPreviewWrapper-7j27t8,.theme-dark .previewContainer-35LFgt,.theme-dark .tierHeaderUnlocked-1OpOLf,.theme-dark .tile-2mmK5T:hover,.theme-dark .tooltipGrey-lpLZjh,.theme-light .tooltipGrey-lpLZjh,.tile-2TcwiO,.toolbar-37BrJ5{background-color:var(--background-floating)}.theme-dark .card-2ART2V:before,.theme-dark .userSettingsVoice-1_dzjw .previewOverlay-2reuWf{background-color:var(--background-secondary);border-color:var(--deprecated-text-input-border)}.theme-light .app-2CXKsg .base-2jDfDU{overflow:visible}.theme-light .app-2CXKsg .container-YkUktl>.noWrap-hBpHBz>.button-12Fmur:nth-child(3){-ms-transform:translate(-50%,-50%);animation:1s infinite flash;background:#f04747!important;border:1px solid transparent;border-radius:5px;box-shadow:0 2px 10px rgba(240,71,71,.3);height:40px;left:50%;margin-top:70px;opacity:1;position:fixed;top:50%;transform:translate(-50%,-50%);visibility:visible!important;width:230px}.theme-light .app-2CXKsg .container-YkUktl>.noWrap-hBpHBz>.button-12Fmur:nth-child(3)::before{align-items:center;border-radius:5px;color:#fff;content:'Settings';display:flex;font-size:17px;font-weight:700;height:14px;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);visibility:visible!important;width:230px;z-index:10000}.theme-light .app-2CXKsg .layer-86YKbF:first-of-type *,.theme-light .app-2CXKsg .layer-86YKbF:first-of-type ::after,.theme-light .app-2CXKsg .layer-86YKbF:first-of-type ::before{visibility:hidden!important}.theme-light .layer-86YKbF:first-of-type::before{-ms-transform:translate(-50%,-50%);background:var(--background-primary);border:1px solid #f04747;border-radius:5px;box-shadow:0 2px 10px rgba(240,71,71,.3);color:#fff;content:'Dark Discord only supports the dark appearance of Discord. Follow the highlights to set your appearance to dark.';display:block;height:30px;left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:400px;z-index:2}.theme-light .preview-rua1rr.cardPrimaryOutline-1ofwVz+.marginTop40-Q4o1tS .radioGroup-1GBvlr .cardPrimaryEditable-2mz_3i:first-of-type,.theme-light .preview-rua1rr.cardPrimaryOutline-1ofwVz+.marginTop40-Q4o1tS .radioGroup-1GBvlr .item-2idW98:first-of-type{animation:1s infinite flash;background:#f04747;color:#fff}.theme-dark .gameNameInput-3TuPuA:focus,.theme-dark .gameNameInput-3TuPuA:hover,html:not(#\20) .css-gvi9bl-control{background-color:var(--deprecated-text-input-bg);border-color:var(--deprecated-text-input-border)}.autocompleteRowVertical-EA9dCg .selectable-1MM9tu .colorStandard-21JIj7,.css-o3gndj-placeholder,.input-2g-os5::placeholder{color:var(--text-muted)!important}@keyframes flash{0%,100%{border-color:#fff}50%{border-color:#f04747}}.CodeMirror-hscrollbar::-webkit-scrollbar-thumb,.CodeMirror-vscrollbar::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thin-thumb)!important}.bar-1GpknY{background-color:var(--background-modifier-accent)!important}.bd-toast{background-color:var(--background-floating)!important;box-shadow:var(--elevation-high)!important}.bd-toast.toast-danger,.bd-toast.toast-error{background-color:#f04747!important}.bd-toast.toast-info{background-color:#4a90e2!important}.bd-toast.toast-success{background-color:#43b581!important}.bd-toast.toast-warn,.bd-toast.toast-warning{background-color:#ffa600!important}.button-3Vyz67:hover,.buttonColor-28DXIe:hover,.cta-2DQ2ez:hover,.cta-3-AFNF:hover,.theme-dark .spoilerText-27bIiA.hidden-3B-Rum:hover{background-color:var(--background-accent-alt)}.container-2O1UgZ,.qualitySettingsContainer-2LjkfM{border:1px solid var(--background-tertiary)}.css-xpql1x-control{border-color:var(--deprecated-text-input-border)!important}.css-xpql1x-control:disabled{border-color:var(--deprecated-text-input-border-disabled)!important}.css-xpql1x-control:hover{border-color:var(--deprecated-text-input-border-hover)!important}.defaultValue-19SZ-q .markValue-2U_-UG{color:#43b581!important}.emptyPreview-1SMLD4{background:var(--background-tertiary)}.flowerStar-2tNFCR path{fill:var(--background-accent)!important}.navButtonActive-1EqC5l{background-color:var(--background-modifier-active)!important}.overflow-3zpvTV{background-color:var(--background-accent);color:var(--text-muted)}.overflowRolesPopoutHeaderIcon-2LIuSc path{fill:var(--text-muted)!important}.icon-2TbMdT:hover,.participantsButton-1WBdFP:hover{background:var(--background-accent-alt)}.pictureInPictureVideo-2puO2Q{background:var(--background-floating)}.powercord-quickcss .CodeMirror-selected{background-color:rgba(255,255,255,.15)!important}.powercord-quickcss-editor-settings .close{border:2px var(--background-accent) solid}.regionSelectModal-12e-57{background:var(--background-primary)!important}.regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3{background-color:var(--background-secondary);border:2px solid var(--background-secondary)}.regionSelectPopout-3sEzVB{box-shadow:var(--elevation-high);box-shadow:var(--elevation-high)}.result-pzZrwj[style*="background-color: rgb(24, 25, 28)"]{background:unset!important}.scrollbar-3vVt8d::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thin-thumb)}.tabButton-1hJ4oW path:first-child{filter:invert(.15)}.tabButton-1hJ4oW rect{fill:var(--background-secondary)!important;filter:invert(.1)}.theme-dark #MemberCount{background:var(--background-secondary)!important}.theme-dark .actionButton-1YKTU0{border-color:var(--background-accent);color:var(--text-muted)}.theme-dark .auditLog-1NVAY0,.theme-dark .auditLog-3jNbM6{border-color:var(--background-modifier-accent);color:var(--text-muted)}.theme-dark .background-3xJH_4,.theme-dark .gemWithoutLabel-1od40y{color:var(--background-accent)}.theme-dark .background-3laMJt{stroke:var(--background-accent)}.theme-dark .calendarPicker-sDhzdi .react-datepicker__day{border-left-color:var(--background-modifier-accent);border-top-color:var(--background-modifier-accent)}.theme-dark .calendarPicker-sDhzdi .react-datepicker__week .react-datepicker__day:last-of-type{border-right-color:var(--background-modifier-accent)}.theme-dark .colorPickerCustom-1swUKF{background:var(--background-primary);border-color:var(--background-floating)}.theme-dark .contentWarningPopout-WKdbDG{-webkit-box-shadow:var(--elevation-high);background-color:var(--background-secondary);box-shadow:var(--elevation-high)}.theme-dark .datePicker-70cO23 .datePickerHint-17MnA8{border-top:1px solid var(--background-modifier-accent)}.theme-dark .dragged-S44x-A{background:var(--background-modifier-active);background-image:none!important}.theme-dark .elevationBorderLow-3_3rXL{-webkit-box-shadow:var(--elevation-high);box-shadow:var(--elevation-high)}.theme-dark .message-G6O-Wv{background-color:var(--background-secondary);box-shadow:0 0 0 1px rgba(0,0,0,.6),var(--elevation-high);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.6),var(--elevation-high)}.theme-dark .footer-VCsJQY{background-color:var(--background-secondary);box-shadow:var(--elevation-high)}.theme-dark .guildName-1kreI8,.theme-dark .override-1sK4r0,.theme-dark .overrideHighlight-3f-yyO{color:var(--channels-default)}.theme-dark .guildPopout-G6M0fK{-webkit-box-shadow:var(--elevation-high);background-color:var(--background-primary);box-shadow:var(--elevation-high)}.theme-dark .headerClickable-zGQJz3,.theme-dark .headerDefault-1e6yjj{background-color:var(--background-modifier-hover);color:var(--text-muted)}.theme-dark .headerExpanded-1-zwDr,.theme-dark .headerExpanded-CUEwZ5,.theme-dark .reactionSelected-1aMb2K{background-color:var(--background-modifier-selected)}.theme-dark .headerExpanded-1-zwDr{color:var(--text-muted)}.theme-dark .installationPath-2PbaRC{-webkit-box-shadow:0 1px 0 0 var(--background-modifier-accent);box-shadow:0 1px 0 0 var(--background-modifier-accent)}.theme-dark .invite-3uuHYQ{background:var(--background-modifier-hover);border-color:var(--background-modifier-accent)}.theme-dark .keybindShortcut-3zF1P9 span{background-color:var(--background-accent);border:none!important;box-shadow:inset 0 -4px 0 var(--background-modifier-accent)}.theme-dark .keybindShortcut-3zF1P9 span:active{-webkit-box-shadow:inset 0 -2px 0 var(--background-modifier-accent);border:inset 0 -2px 0 var(--background-modifier-accent);box-shadow:inset 0 -2px 0 var(--background-modifier-accent);color:var(--text-muted)}.theme-dark .option-ayUoaq:after{background:0 0!important}.theme-dark .overflowRolesPopout-1Puiuq,.theme-dark .overflowRolesPopoutArrow-2R7g3K{-webkit-box-shadow:var(--elevation-high);background-color:var(--background-tertiary);box-shadow:var(--elevation-high)}.theme-dark .overridePlaceholder-1nDEsX{border:1px dashed var(--background-accent)}.theme-dark .popout-AVsFMl{background-color:var(--background-tertiary);box-shadow:var(--elevation-high)}.theme-dark .previewHover-MxPmU1{background:var(--background-modifier-hover)}.theme-dark .queryContainer-ZunrLZ{border-bottom-color:var(--background-modifier-accent);color:var(--text-muted)}.theme-dark .reactorDefault-3GSyaV{-webkit-box-shadow:inset 0 -1px 0 var(--background-modifier-accent);box-shadow:inset 0 -1px 0 var(--background-modifier-accent)}.popoutLoadingForeground-3xnRkg,.theme-dark .resolvingBackground-1MSH01{background-image:linear-gradient(90deg,var(--background-accent-alt),var(--background-accent))}.theme-dark .tierHeaderLocked-3ItHYn{background-color:var(--background-secondary);color:var(--text-muted)}.theme-dark .separator-2lLxgC{-webkit-box-shadow:0 1px 0 0 var(--background-modifier-active),0 1px 2px 0 var(--background-modifier-active);box-shadow:0 1px 0 0 var(--background-modifier-active),0 1px 2px 0 var(--background-modifier-active)}.theme-dark .emptyHintCard-3Btf0V,.theme-dark .footer-2aeMle,.theme-dark .tierHeaderLocked-1s2JJz,.theme-dark .tierHeaderLocked-30MLlO{background-color:var(--background-tertiary);color:var(--text-muted)}.theme-dark .tile-2mmK5T{background-color:var(--background-tertiary);box-shadow:none}.theme-dark .modal-2RrUKJ,.theme-dark .uploadModal-2ie9O_{background-color:var(--background-primary);box-shadow:var(--elevation-high)}.theme-dark .verificationBlock-xhj3fR{border:1px solid var(--background-secondary)}.theme-dark.authBox-1HR6Ha{background:var(--background-primary);color:var(--text-muted)}.theme-light .app-2CXKsg .layer-86YKbF:first-of-type{background-color:var(--background-secondary)!important;background-size:30%}.theme-light .item-3XjbnG:nth-of-type(14){animation:1s infinite flash;background:#f04747!important;border:1px solid transparent}.tierMarkerAccomplished-1SkbEJ.tierMarker-Vw1C95{background:#ff73fa!important}.toolbar-37BrJ5:before{border-top:8px solid var(--background-floating)}div[style*="/assets/5e64269a40d5bb745c2f3df29f26738d.svg"]{background-image:url(https://marioparaschiv.github.io/dark-discord/assets/missed_call.svg)!important}.theme-dark .elevationBorderHigh-1s5JCj{-webkit-box-shadow:0 0 0 1px var(--background-tertiary),0 2px 10px 0 rgba(0,0,0,.25);box-shadow:0 0 0 1px var(--background-tertiary),0 2px 10px 0 rgba(0,0,0,.25)}.navRow-dG-XX8,.theme-dark .autocompleteArrow-jJE9TQ,.theme-dark .buttonContainer-28osRq,.theme-dark .calendarPicker-sDhzdi .react-datepicker__day--disabled,.theme-dark .calendarPicker-sDhzdi .react-datepicker__day--outside-month,.theme-dark .container-1ILvLB .header-2C89wJ,.theme-dark .emojiAliasInput-1y-NBz .emojiInput-1aLNse,.theme-dark .focused-2FU0YH,.theme-dark .header-3i_Csh,.theme-dark .invalidPoop--w1123,.theme-dark .streamPreview-I7itZ6,.theme-dark.navRow-dG-XX8,.videoWrapper-3rtb_V{background-color:var(--background-tertiary)}.theme-dark .Modal-fSYqOq,.theme-dark .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled,.theme-dark .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled:hover,.theme-dark .container-3wLKDe,.theme-dark .container-KM8BU6,.theme-dark .keyboardShortcutsModal-2CRmCm,.theme-dark .perk-19D_HN,.theme-dark .reactors-1VXca7,.theme-dark .searchAnswer-23w-CH,.theme-dark .searchFilter-2UfsDk,.theme-dark .tierMarkerBackground-G8FoN4,.webkit-QgSAqd::-webkit-scrollbar-thumb{background-color:var(--background-primary)}.previewContainer-1xQAsw .theme-light{--background-primary:#fff;--background-primary:hsl(0, calc(var(--saturation-factor, 1) * 0%), 100%)!important;--text-normal:hsl(210, calc(var(--saturation-factor, 1) * 9.8%), 20%)!important;--text-muted:hsl(213, calc(var(--saturation-factor, 1) * 9.6%), 40.8%)!important} 2 | -------------------------------------------------------------------------------- /src/original.css: -------------------------------------------------------------------------------- 1 | @import "https://marioparaschiv.github.io/dark-discord/src/switches.css"; 2 | 3 | :root, 4 | .theme-light, 5 | .theme-dark { 6 | --accent: var(--info-positive-foreground) !important; 7 | --activity-card-background: var(--background-tertiary) !important; 8 | --background-accent: #292929 !important; 9 | --background-accent-alt: #242424 !important; 10 | --background-floating: #090909 !important; 11 | --background-modifier-accent: hsla(0, 0%, 100%, 0.06) !important; 12 | --background-modifier-active: rgba(255, 255, 255, 0.03) !important; 13 | --background-modifier-hover: rgba(255, 255, 255, 0.02) !important; 14 | --background-modifier-selected: rgba(255, 255, 255, 0.04) !important; 15 | --background-nested-floating: var(--background-floating); 16 | --background-primary: #141414 !important; 17 | --background-secondary: #111 !important; 18 | --background-secondary-alt: #0e0e0e !important; 19 | --background-tertiary: #0c0c0c !important; 20 | --bsi-invisible-color: #292929 !important; 21 | --bsi-offline-color: #292929 !important; 22 | --modal-background: var(--background-secondary) !important; 23 | --modal-footer-background: var(--background-tertiary) !important; 24 | --channel-text-area-placeholder: var(--text-muted) !important; 25 | --channels-default: var(--text-muted) !important; 26 | --channel-icon: var(--channels-default) !important; 27 | --channeltextarea-background: #202020 !important; 28 | --deprecated-card-bg: var(--background-secondary) !important; 29 | --deprecated-card-editable-bg: var(--background-secondary) !important; 30 | --deprecated-quickswitcher-input-background: var(--background-primary) !important; 31 | --deprecated-quickswitcher-input-placeholder: var(--interactive-muted) !important; 32 | --deprecated-store-bg: var(--background-primary) !important; 33 | --deprecated-text-input-bg: rgba(0, 0, 0, 0.1) !important; 34 | --deprecated-text-input-border: rgba(0, 0, 0, 0.3) !important; 35 | --deprecated-text-input-border-disabled: rgba(0, 0, 0, 0.1) !important; 36 | --deprecated-text-input-border-hover: rgba(0, 0, 0, 0.7) !important; 37 | --header-primary: var(--text-normal) !important; 38 | --header-secondary: var(--text-muted) !important; 39 | --input-background: var(--background-secondary-alt) !important; 40 | --interactive-active: #fff !important; 41 | --interactive-hover: #dcddde !important; 42 | --interactive-muted: #747474 !important; 43 | --interactive-normal: #c8c8c8 !important; 44 | --scrollbar-auto-scrollbar-color-thumb: var(--background-accent) !important; 45 | --scrollbar-auto-scrollbar-color-track: rgba(0, 0, 0, 0.1) !important; 46 | --scrollbar-auto-thumb: var(--background-accent) !important; 47 | --scrollbar-auto-track: rgba(0, 0, 0, 0.1) !important; 48 | --scrollbar-thin-thumb: var(--background-accent) !important; 49 | --scrollbar-thin-track: transparent !important; 50 | --text-muted: #b6b6b6 !important; 51 | --text-normal: #fbfbfb !important; 52 | --toast-background: var(--background-secondary) !important; 53 | --toast-border: transparent !important; 54 | --toast-box-shadow: rgba(0, 0, 0, 0.1) !important; 55 | --toast-contents: var(--background-tertiary) !important; 56 | --toast-header: var(--background-tertiary) !important; 57 | } 58 | 59 | .bd-modal-wrapper .bd-modal-body, 60 | .inset-SbsSFp { 61 | background-color: var(--background-primary) !important; 62 | } 63 | 64 | .bd-modal-wrapper .bd-modal-inner { 65 | border: none !important; 66 | box-shadow: var(--elevation-high) !important; 67 | } 68 | 69 | .bd-modal-wrapper .error { 70 | border-bottom: 1px solid var(--background-modifier-accent) !important; 71 | color: var(--text-normal) !important; 72 | } 73 | 74 | .bd-modal-wrapper .header, 75 | .theme-dark .headerNormal-T_seeN, 76 | .css-12hk9yc-control, 77 | .css-1adxh11-control, 78 | .css-1emou8a-control { 79 | background-color: var(--background-tertiary) !important; 80 | } 81 | 82 | .bd-modal-wrapper .tab-bar-container .tab-bar-item { 83 | color: var(--text-normal) !important; 84 | } 85 | 86 | .css-3vaxre-menu, 87 | .css-dwar6a-menu { 88 | background-color: var(--background-secondary) !important; 89 | border: none !important; 90 | box-shadow: var(--elevation-high) !important; 91 | } 92 | 93 | .css-ix84ef-menu { 94 | background-color: var(--background-secondary) !important; 95 | box-shadow: var(--elevation-high) !important; 96 | } 97 | 98 | .imageLoading-2uloYN { 99 | background: var(--background-accent) !important; 100 | border-radius: 10px; 101 | } 102 | 103 | .lookFilled-yCfaCM.button-f2h6uQ.colorPrimary-2AuQVo:active:not(:disabled), 104 | .lookFilled-yCfaCM.button-f2h6uQ.colorPrimary-2AuQVo:hover:not(:disabled), 105 | .lookFilled-yCfaCM.colorGrey-2iAG-B, 106 | .lookFilled-yCfaCM.colorGrey-2iAG-B:hover { 107 | background-color: var(--background-accent-alt) !important; 108 | } 109 | 110 | .outer-2JOHae.active-1W_Gl9, 111 | .outer-2JOHae.interactive-2zD88a:hover, 112 | .container-20TyK0 { 113 | background-color: var(--background-floating) !important; 114 | } 115 | 116 | .peopleColumn-1wMU14 { 117 | background: var(--background-primary); 118 | } 119 | 120 | .quickswitcher-pKcM9U { 121 | box-shadow: var(--elevation-high); 122 | } 123 | 124 | .result-pzZrwj[style*="background-color: rgb(24, 25, 28);"], 125 | .lookFilled-yCfaCM.button-f2h6uQ.colorPrimary-2AuQVo, 126 | .theme-dark .noItemsIcon-2OeOld { 127 | background-color: var(--background-accent) !important; 128 | } 129 | 130 | .slateBlockquoteContainer-3dsgJl .blockquoteDivider-363utW { 131 | background-color: var(--background-accent); 132 | filter: brightness(1.1); 133 | } 134 | 135 | .theme-dark .bodySection-3iDdop, 136 | .theme-light .bodySection-3iDdop { 137 | background-color: var(--background-secondary); 138 | border-top-color: var(--background-modifier-accent); 139 | } 140 | 141 | .theme-dark .bottomDivider-ZmTm-j { 142 | border-bottom-color: var(--background-modifier-accent); 143 | } 144 | 145 | .theme-dark .button-1yVL_7 { 146 | background-color: var(--background-secondary); 147 | box-shadow: 0 0 0 1px var(--background-tertiary), 0 1px 5px 0 rgba(0, 0, 0, 0.3); 148 | } 149 | 150 | .theme-dark .button-1yVL_7:hover { 151 | background-color: var(--background-primary); 152 | box-shadow: 0 0 0 1px var(--background-tertiary), 0 2px 10px 0 rgba(0, 0, 0, 0.2); 153 | } 154 | 155 | .theme-dark .closeButton-PCZcma { 156 | border-color: var(--background-accent) !important; 157 | } 158 | 159 | .theme-dark .codeRedemptionRedirect-2hYMSQ { 160 | background-color: var(--background-secondary); 161 | border-color: var(--background-tertiary); 162 | } 163 | 164 | .theme-dark .disabled-29cfPA:hover { 165 | border-color: var(--background-modifier-active); 166 | color: var(--text-muted); 167 | } 168 | 169 | .theme-dark .divider-3LgWDL, 170 | .theme-dark .divider-3wNib3, 171 | .theme-dark .paymentHeader-2o7Phd, 172 | .theme-dark .sectionAccountCredit-1lZtoH, 173 | .theme-dark .subscriptionDetails-3u1CML, 174 | .theme-dark .divider-3APUjw, 175 | .theme-dark .checkbox-f1HnKB { 176 | border-color: var(--background-modifier-accent); 177 | } 178 | 179 | .theme-dark .elevationHigh-28Pty4, 180 | .userPopout-3XzG_A { 181 | box-shadow: var(--elevation-high) !important; 182 | } 183 | 184 | .theme-dark .expandedInfo-1W31i3 { 185 | background-color: var(--background-tertiary); 186 | } 187 | 188 | .theme-dark .footer-31IekZ { 189 | background-color: var(--background-tertiary); 190 | box-shadow: inset 0 1px 0 var(--background-modifier-accent); 191 | } 192 | 193 | .theme-dark .friendSelected-3cwmD7, 194 | .theme-dark .selected-3H3-RC { 195 | background-color: var(--background-modifier-active); 196 | } 197 | 198 | .theme-dark .game-2f2vPC { 199 | box-shadow: 0 1px 0 0 var(--background-modifier-accent); 200 | } 201 | 202 | .theme-dark .gemIndicatorContainer-PqApbX { 203 | background-color: var(--background-primary); 204 | } 205 | 206 | .theme-dark .header-1Fx4D1 { 207 | color: var(--header-primary); 208 | } 209 | 210 | .theme-dark .hoverablePayment-lE1s4t:hover, 211 | .theme-dark .memberListItem-31QoHj:not(.popoutDisabled-2RK7MF):hover, 212 | .theme-dark .enabled-1t_Gxm:hover { 213 | background-color: var(--background-modifier-hover); 214 | } 215 | 216 | .theme-dark .iconForeground-2P-YQq { 217 | fill: var(--text-muted); 218 | } 219 | 220 | .theme-dark .info-3k6QpS, 221 | .theme-light .info-3k6QpS, 222 | .theme-dark .content-38N-4k, 223 | .theme-dark .requirements-2IwVy6, 224 | .theme-dark .container-1ILvLB section strong { 225 | color: var(--text-normal); 226 | } 227 | 228 | .theme-dark .item-2OyinQ { 229 | border-color: var(--background-tertiary) !important; 230 | } 231 | 232 | .theme-dark .item-3eFBNF { 233 | box-shadow: inset 0 -1px 0 0 var(--background-modifier-accent); 234 | } 235 | 236 | .theme-dark .label-29p9qC, 237 | .theme-light .label-29p9qC, 238 | .theme-dark .requirementKey-3Mlwzf, 239 | .theme-dark .purchaseUnitOperatingSystem-1OW7Kw, 240 | .theme-light .purchaseUnitOperatingSystem-1OW7Kw, 241 | .theme-dark .container-1ILvLB section p, 242 | .theme-dark .debugButton-OTfjlB, 243 | .metadata-1E7Z4i, 244 | .theme-dark .text-27cdrj, 245 | .theme-dark .title-2CL_z0, 246 | .theme-dark .markValue-2U_-UG, 247 | .theme-dark .lastPlayed-1jum9A, 248 | .theme-dark .overlayStatusText-In0YrK, 249 | .colorGrey-2iAG-B, 250 | .theme-dark .description-11DmNu, 251 | .theme-dark .descriptionUsername-J_75O8, 252 | .theme-dark .descriptionDiscriminator-tCKMLV, 253 | .theme-dark .contentTitle-3CylD3, 254 | .theme-dark .subText-1gefwV, 255 | .theme-light .subText-1gefwV, 256 | .theme-dark .paymentText-BPrx01, 257 | .theme-dark .markdown-19oyJN { 258 | color: var(--text-muted); 259 | } 260 | 261 | .theme-dark .markdown-19oyJN code, 262 | .theme-dark .paymentPane-ut5qKZ { 263 | background-color: var(--background-secondary); 264 | } 265 | 266 | .theme-dark .moreUsers-3PdGZN, 267 | .moreUsers-Gej0iV { 268 | background-color: var(--background-accent); 269 | color: var(--text-normal); 270 | } 271 | 272 | .theme-dark .notDetected-M3Ghh2, 273 | .theme-light .notDetected-M3Ghh2, 274 | .theme-dark .autocomplete-3NRXG8 { 275 | background-color: var(--background-secondary-alt); 276 | } 277 | 278 | .theme-dark .notches-2w7UZJ.black-11MaxJ { 279 | background: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="8" height="20" fill="%23090909"%3E%3Cpath fill-rule="evenodd" d="M0 0h8v20H0V0zm4 2a2 2 0 00-2 2v12a2 2 0 104 0V4a2 2 0 00-2-2z"/%3E%3C/svg%3E'); 280 | } 281 | 282 | .theme-dark .notches-2w7UZJ.gray-3wP137 { 283 | background: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="8" height="20" fill="%23141414"%3E%3Cpath fill-rule="evenodd" d="M0 0h8v20H0V0zm4 2a2 2 0 00-2 2v12a2 2 0 104 0V4a2 2 0 00-2-2z"/%3E%3C/svg%3E'); 284 | } 285 | 286 | .theme-dark .pageIndicator-cOEPV8, 287 | .theme-dark .pageButtonNext-2_bbdk, 288 | .theme-dark .pageButtonPrev-3q9rh8 { 289 | border-color: var(--background-accent); 290 | } 291 | 292 | .theme-dark .pageWrapper-2PwDoS { 293 | background-color: var(--background-primary); 294 | color: #fff; 295 | } 296 | 297 | .theme-dark .paginator-1eqD2g, 298 | .theme-dark .contentWrapper-3oy4Xo { 299 | background: var(--background-secondary); 300 | } 301 | 302 | .theme-dark .paginator-2CA79G { 303 | color: #fff; 304 | } 305 | 306 | .theme-dark .partyMemberEmpty-GtlQ_s, 307 | .theme-dark .bar-1Bhnl9, 308 | .theme-dark .markDash-yk2kJ- { 309 | background: var(--background-accent); 310 | } 311 | 312 | .theme-dark .passthroughSelected-1Eq0Kl { 313 | background: var(--background-accent) !important; 314 | } 315 | 316 | .theme-dark .payment-2bOh4k { 317 | background-color: var(--background-secondary); 318 | color: transparent; 319 | } 320 | 321 | .theme-dark .pill-1HLSrc, 322 | .theme-dark .option-Tt7anD, 323 | .theme-dark .progress-1S-TDF, 324 | .option-1QI4c9, 325 | .theme-dark .closeButton-PCZcma:hover, 326 | .blockquoteDivider-363utW, 327 | .avatarUploaderInnerSquareDisabled-3M9eJS { 328 | background-color: var(--background-accent); 329 | } 330 | 331 | .theme-dark .popout-3Zw0qN { 332 | background-color: var(--background-floating); 333 | box-shadow: var(--elevation-high); 334 | } 335 | 336 | .theme-dark .root-g14mjS { 337 | -webkit-box-shadow: 0 0 0 1px var(--background-modifier-accent), 0 2px 10px 0 rgba(0, 0, 0, 0.2) !important; 338 | box-shadow: 0 0 0 1px var(--background-modifier-accent), 0 2px 10px 0 rgba(0, 0, 0, 0.2) !important; 339 | } 340 | 341 | .theme-dark .row-3nMNOy { 342 | box-shadow: inset 0 -1px 0 var(--background-modifier-accent); 343 | } 344 | 345 | .theme-dark .separator-dn0u3Y, 346 | .theme-dark .separator-2OaeRP { 347 | background-color: var(--background-modifier-accent); 348 | } 349 | 350 | .theme-dark .tooltipGrey-lpLZjh .tooltipPointer-3L49xb, 351 | .theme-light .tooltipGrey-lpLZjh .tooltipPointer-3L49xb { 352 | border-top-color: var(--background-floating); 353 | } 354 | 355 | .theme-dark .tooltipGrey-lpLZjh, 356 | .theme-light .tooltipGrey-lpLZjh { 357 | background-color: var(--background-floating); 358 | } 359 | 360 | .theme-dark .userSettingsVoice-1_dzjw .previewOverlay-2reuWf, 361 | .theme-dark .card-2ART2V:before { 362 | background-color: var(--background-secondary); 363 | border-color: var(--deprecated-text-input-border); 364 | } 365 | 366 | .theme-light .app-2CXKsg .base-2jDfDU { 367 | overflow: visible; 368 | } 369 | 370 | .theme-light .app-2CXKsg .container-YkUktl > .noWrap-hBpHBz > .button-12Fmur:nth-child(3) { 371 | -ms-transform: translate(-50%, -50%); 372 | animation: flash 1s ease infinite; 373 | background: #f04747 !important; 374 | border: 1px solid transparent; 375 | border-radius: 5px; 376 | box-shadow: 0 2px 10px rgba(240, 71, 71, 0.3); 377 | height: 40px; 378 | left: 50%; 379 | margin-top: 70px; 380 | opacity: 1; 381 | position: fixed; 382 | top: 50%; 383 | transform: translate(-50%, -50%); 384 | visibility: visible !important; 385 | width: 230px; 386 | } 387 | 388 | .theme-light .app-2CXKsg .container-YkUktl > .noWrap-hBpHBz > .button-12Fmur:nth-child(3)::before { 389 | align-items: center; 390 | border-radius: 5px; 391 | color: #fff; 392 | content: 'Settings'; 393 | display: flex; 394 | font-size: 17px; 395 | font-weight: 700; 396 | height: 14px; 397 | justify-content: center; 398 | left: 50%; 399 | position: absolute; 400 | text-align: center; 401 | top: 50%; 402 | transform: translate(-50%, -50%); 403 | visibility: visible !important; 404 | width: 230px; 405 | z-index: 10000; 406 | } 407 | 408 | .theme-light .app-2CXKsg .layer-86YKbF:first-of-type *, 409 | .theme-light .app-2CXKsg .layer-86YKbF:first-of-type ::after, 410 | .theme-light .app-2CXKsg .layer-86YKbF:first-of-type ::before { 411 | visibility: hidden !important; 412 | } 413 | 414 | .theme-light .layer-86YKbF:first-of-type::before { 415 | -ms-transform: translate(-50%, -50%); 416 | background: var(--background-primary); 417 | border: 1px solid #f04747; 418 | border-radius: 5px; 419 | box-shadow: 0 2px 10px rgba(240, 71, 71, 0.3); 420 | color: #fff; 421 | content: 'Dark Discord only supports the dark appearance of Discord. Follow the highlights to set your appearance to dark.'; 422 | display: block; 423 | height: 30px; 424 | left: 50%; 425 | padding: 20px; 426 | position: fixed; 427 | text-align: center; 428 | top: 50%; 429 | transform: translate(-50%, -50%); 430 | width: 400px; 431 | z-index: 2; 432 | } 433 | 434 | .theme-light .preview-rua1rr.cardPrimaryOutline-1ofwVz + .marginTop40-Q4o1tS .radioGroup-1GBvlr .cardPrimaryEditable-2mz_3i:first-of-type, 435 | .theme-light .preview-rua1rr.cardPrimaryOutline-1ofwVz + .marginTop40-Q4o1tS .radioGroup-1GBvlr .item-2idW98:first-of-type { 436 | animation: flash 1s ease infinite; 437 | background: #f04747; 438 | color: #fff; 439 | } 440 | 441 | html:not(#\20) .css-gvi9bl-control { 442 | background-color: var(--deprecated-text-input-bg); 443 | border-color: var(--deprecated-text-input-border); 444 | } 445 | 446 | .css-o3gndj-placeholder, 447 | .autocompleteRowVertical-EA9dCg .selectable-1MM9tu .colorStandard-21JIj7, 448 | .input-2g-os5::placeholder { 449 | color: var(--text-muted) !important; 450 | } 451 | 452 | @keyframes flash { 453 | 454 | 100%, 455 | 0% { 456 | border-color: #fff; 457 | } 458 | 459 | 50% { 460 | border-color: #f04747; 461 | } 462 | } 463 | 464 | .CodeMirror-vscrollbar::-webkit-scrollbar-thumb, 465 | .CodeMirror-hscrollbar::-webkit-scrollbar-thumb { 466 | background-color: var(--scrollbar-thin-thumb) !important; 467 | } 468 | 469 | .bar-1GpknY { 470 | background-color: var(--background-modifier-accent) !important; 471 | } 472 | 473 | .bd-toast { 474 | background-color: var(--background-floating) !important; 475 | box-shadow: var(--elevation-high) !important; 476 | } 477 | 478 | .bd-toast.toast-danger, 479 | .bd-toast.toast-error { 480 | background-color: #f04747 !important; 481 | } 482 | 483 | .bd-toast.toast-info { 484 | background-color: #4a90e2 !important; 485 | } 486 | 487 | .bd-toast.toast-success { 488 | background-color: #43b581 !important; 489 | } 490 | 491 | .bd-toast.toast-warning, 492 | .bd-toast.toast-warn { 493 | background-color: #FFA600 !important; 494 | } 495 | 496 | .button-3Vyz67:hover, 497 | .cta-2DQ2ez:hover, 498 | .cta-3-AFNF:hover, 499 | .theme-dark .spoilerText-27bIiA.hidden-3B-Rum:hover, 500 | .buttonColor-28DXIe:hover { 501 | background-color: var(--background-accent-alt); 502 | } 503 | 504 | .colorable-3rVGna.primaryDark-2UJt1G { 505 | background: var(--background-primary); 506 | } 507 | 508 | .container-2O1UgZ, 509 | .qualitySettingsContainer-2LjkfM { 510 | border: 1px solid var(--background-tertiary); 511 | } 512 | 513 | .css-xpql1x-control { 514 | border-color: var(--deprecated-text-input-border) !important; 515 | } 516 | 517 | .css-xpql1x-control:disabled { 518 | border-color: var(--deprecated-text-input-border-disabled) !important; 519 | } 520 | 521 | .css-xpql1x-control:hover { 522 | border-color: var(--deprecated-text-input-border-hover) !important; 523 | } 524 | 525 | .defaultValue-19SZ-q .markValue-2U_-UG { 526 | color: #43b581 !important; 527 | } 528 | 529 | .emptyPreview-1SMLD4 { 530 | background: var(--background-tertiary); 531 | } 532 | 533 | .flowerStar-2tNFCR path { 534 | fill: var(--background-accent) !important; 535 | } 536 | 537 | .lookFilled-yCfaCM.colorGrey-2iAG-B, 538 | .lookFilled-yCfaCM.colorGrey-2iAG-B:active, 539 | .lookFilled-yCfaCM.colorGrey-2iAG-B:disabled, 540 | .progress-3ClF2n .progressBar-3DupbT, 541 | .liveQualityIndicator-2GyS_e, 542 | #gif-picker-tab-panel .result-pzZrwj { 543 | background-color: var(--background-accent) !important; 544 | } 545 | 546 | .navButtonActive-1EqC5l { 547 | background-color: var(--background-modifier-active) !important; 548 | } 549 | 550 | .overflow-3zpvTV { 551 | background-color: var(--background-accent); 552 | color: var(--text-muted); 553 | } 554 | 555 | .overflowRolesPopoutHeaderIcon-2LIuSc path { 556 | fill: var(--text-muted) !important; 557 | } 558 | 559 | .participantsButton-1WBdFP:hover, 560 | .icon-2TbMdT:hover { 561 | background: var(--background-accent-alt); 562 | } 563 | 564 | .pictureInPictureVideo-2puO2Q { 565 | background: var(--background-floating); 566 | } 567 | 568 | .powercord-quickcss .CodeMirror-selected { 569 | background-color: rgba(255, 255, 255, 0.15) !important; 570 | } 571 | 572 | .powercord-quickcss-editor-settings .close { 573 | border: 2px var(--background-accent) solid; 574 | } 575 | 576 | .regionSelectModal-12e-57 { 577 | background: var(--background-primary) !important; 578 | } 579 | 580 | .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 { 581 | background-color: var(--background-secondary); 582 | border: 2px solid var(--background-secondary); 583 | } 584 | 585 | .regionSelectPopout-3sEzVB { 586 | box-shadow: var(--elevation-high); 587 | box-shadow: var(--elevation-high); 588 | } 589 | 590 | .result-pzZrwj[style*="background-color: rgb(24, 25, 28)"] { 591 | background: unset !important; 592 | } 593 | 594 | .scrollbar-3vVt8d::-webkit-scrollbar-thumb { 595 | background-color: var(--scrollbar-thin-thumb); 596 | } 597 | 598 | .tabButton-1hJ4oW path:first-child { 599 | fill: var(--background-primary) !important; 600 | filter: invert(0.15); 601 | } 602 | 603 | .tabButton-1hJ4oW rect { 604 | fill: var(--background-secondary) !important; 605 | filter: invert(0.1); 606 | } 607 | 608 | .theme-dark #MemberCount { 609 | background: var(--background-secondary) !important; 610 | } 611 | 612 | .theme-dark .actionButton-1YKTU0 { 613 | border-color: var(--background-accent); 614 | color: var(--text-muted); 615 | } 616 | 617 | .theme-dark .auditLog-3jNbM6, 618 | .theme-dark .auditLog-1NVAY0 { 619 | border-color: var(--background-modifier-accent); 620 | color: var(--text-muted); 621 | } 622 | 623 | .theme-dark .background-3xJH_4, 624 | .theme-dark .gemWithoutLabel-1od40y { 625 | color: var(--background-accent); 626 | } 627 | 628 | .theme-dark .background-3laMJt { 629 | stroke: var(--background-accent); 630 | } 631 | 632 | .theme-dark .calendarPicker-sDhzdi .react-datepicker__current-month, 633 | .theme-dark .calendarPicker-sDhzdi .react-datepicker__week:last-of-type .react-datepicker__day { 634 | border-bottom-color: var(--background-modifier-accent); 635 | } 636 | 637 | .theme-dark .calendarPicker-sDhzdi .react-datepicker__day { 638 | border-left-color: var(--background-modifier-accent); 639 | border-top-color: var(--background-modifier-accent); 640 | } 641 | 642 | .theme-dark .calendarPicker-sDhzdi .react-datepicker__week .react-datepicker__day:last-of-type { 643 | border-right-color: var(--background-modifier-accent); 644 | } 645 | 646 | .theme-dark .colorPickerCustom-1swUKF { 647 | background: var(--background-primary); 648 | border-color: var(--background-floating); 649 | } 650 | 651 | .theme-dark .contentWarningPopout-WKdbDG { 652 | -webkit-box-shadow: var(--elevation-high); 653 | background-color: var(--background-secondary); 654 | box-shadow: var(--elevation-high); 655 | } 656 | 657 | .theme-dark .datePicker-70cO23 .datePickerHint-17MnA8 { 658 | border-top: 1px solid var(--background-modifier-accent); 659 | } 660 | 661 | .theme-dark .dragged-S44x-A { 662 | background: var(--background-modifier-active); 663 | background-image: none !important; 664 | } 665 | 666 | .theme-dark .elevationBorderHigh-3drnJX, 667 | .theme-dark .autocompleteArrow-jJE9TQ, 668 | .theme-dark .autocompleteShadow-2nfsSy { 669 | box-shadow: var(--elevation-high); 670 | } 671 | 672 | .theme-dark .elevationBorderLow-3_3rXL { 673 | -webkit-box-shadow: var(--elevation-high); 674 | box-shadow: var(--elevation-high); 675 | } 676 | 677 | .theme-dark .everyonePopout-nEbJY3 { 678 | background-color: var(--background-floating); 679 | box-shadow: var(--elevation-high); 680 | } 681 | 682 | .theme-dark .message-G6O-Wv { 683 | background-color: var(--background-secondary); 684 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), var(--elevation-high); 685 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), var(--elevation-high); 686 | } 687 | 688 | .theme-dark .footer-VCsJQY { 689 | background-color: var(--background-secondary); 690 | box-shadow: var(--elevation-high); 691 | } 692 | 693 | .theme-dark .gameNameInput-3TuPuA:focus, 694 | .theme-dark .gameNameInput-3TuPuA:hover { 695 | background-color: var(--deprecated-text-input-bg); 696 | border-color: var(--deprecated-text-input-border); 697 | } 698 | 699 | .theme-dark .guildName-1kreI8, 700 | .theme-dark .override-1sK4r0, 701 | .theme-dark .overrideHighlight-3f-yyO { 702 | color: var(--channels-default); 703 | } 704 | 705 | .theme-dark .guildPopout-G6M0fK { 706 | -webkit-box-shadow: var(--elevation-high); 707 | background-color: var(--background-primary); 708 | box-shadow: var(--elevation-high); 709 | } 710 | 711 | .theme-dark .headerClickable-zGQJz3, 712 | .theme-dark .headerDefault-1e6yjj { 713 | background-color: var(--background-modifier-hover); 714 | color: var(--text-muted); 715 | } 716 | 717 | .theme-dark .headerExpanded-1-zwDr { 718 | background-color: var(--background-modifier-selected); 719 | color: var(--text-muted); 720 | } 721 | 722 | .theme-dark .headerExpanded-CUEwZ5, 723 | .theme-dark .reactionSelected-1aMb2K { 724 | background-color: var(--background-modifier-selected); 725 | } 726 | 727 | .theme-dark .installationPath-2PbaRC { 728 | -webkit-box-shadow: 0 1px 0 0 var(--background-modifier-accent); 729 | box-shadow: 0 1px 0 0 var(--background-modifier-accent); 730 | } 731 | 732 | .theme-dark .invite-3uuHYQ { 733 | background: var(--background-modifier-hover); 734 | border-color: var(--background-modifier-accent); 735 | } 736 | 737 | .theme-dark .keybindShortcut-3zF1P9 span { 738 | background-color: var(--background-accent); 739 | border: none !important; 740 | box-shadow: inset 0 -4px 0 var(--background-modifier-accent); 741 | } 742 | 743 | .theme-dark .keybindShortcut-3zF1P9 span:active { 744 | -webkit-box-shadow: inset 0 -2px 0 var(--background-modifier-accent); 745 | border: inset 0 -2px 0 var(--background-modifier-accent); 746 | box-shadow: inset 0 -2px 0 var(--background-modifier-accent); 747 | color: var(--text-muted); 748 | } 749 | 750 | .theme-dark .option-ayUoaq:after { 751 | background: none !important; 752 | } 753 | 754 | .theme-dark .overflowRolesPopout-1Puiuq, 755 | .theme-dark .overflowRolesPopoutArrow-2R7g3K { 756 | -webkit-box-shadow: var(--elevation-high); 757 | background-color: var(--background-tertiary); 758 | box-shadow: var(--elevation-high); 759 | } 760 | 761 | .theme-dark .overlayToggleIconOn-21NN2N .fill-297bdf { 762 | fill: var(--text-muted); 763 | } 764 | 765 | .theme-dark .overridePlaceholder-1nDEsX { 766 | border: 1px dashed var(--background-accent); 767 | } 768 | 769 | .theme-dark .placeholder-T1Tuu8, 770 | .participantsButton-1WBdFP, 771 | .theme-dark .iconWrapper-2_MXbk, 772 | .powercord-quickcss-editor-settings .close:hover { 773 | background: var(--background-accent); 774 | } 775 | 776 | .theme-dark .popout-AVsFMl { 777 | background-color: var(--background-tertiary); 778 | box-shadow: var(--elevation-high); 779 | } 780 | 781 | .theme-dark .previewHover-MxPmU1 { 782 | background: var(--background-modifier-hover); 783 | } 784 | 785 | .theme-dark .queryContainer-ZunrLZ { 786 | border-bottom-color: var(--background-modifier-accent); 787 | color: var(--text-muted); 788 | } 789 | 790 | .theme-dark .quickSelectPopout-2F0PXw, 791 | .colorable-3rVGna.primaryDark-2UJt1G.active-3D763s, 792 | .colorable-3rVGna.primaryDark-2UJt1G:hover, 793 | .streamPreview-3Fo29Y, 794 | .theme-dark .popoutList-10IFAa, 795 | .theme-dark .scroller-2GkvCq { 796 | background: var(--background-secondary); 797 | } 798 | 799 | .theme-dark .quickSelectPopoutOption-2E2UmS:hover, 800 | .active-136ioF, 801 | .hover-3OQb9Y:hover, 802 | .theme-dark .changeDetails-bk98pu, 803 | .theme-dark .headerClickable-2IVFo9, 804 | .theme-dark .headerDefault-1wrJcN, 805 | .theme-dark .inviteRow-3vmB7i:hover, 806 | .theme-dark .memberListItem-3V-x8Q:not(.popoutDisabled-PP2QdB):hover, 807 | .theme-dark .reactionDefault-1Sjj1f:hover, 808 | .pageButton-1GMGeJ:hover, 809 | .navButton-1XuvI-:hover, 810 | .emojiItem-277VFM.emojiItemSelected-2Lg50V, 811 | .theme-dark .selectableItem-3-fmiM:hover, 812 | .theme-dark .changeDetails-1kMZqI { 813 | background-color: var(--background-modifier-hover); 814 | } 815 | 816 | .theme-dark .reactorDefault-3GSyaV { 817 | -webkit-box-shadow: inset 0 -1px 0 var(--background-modifier-accent); 818 | box-shadow: inset 0 -1px 0 var(--background-modifier-accent); 819 | } 820 | 821 | .theme-dark .resolvingBackground-1MSH01, 822 | .popoutLoadingForeground-3xnRkg { 823 | background-image: linear-gradient(90deg, var(--background-accent-alt), var(--background-accent)); 824 | } 825 | 826 | .perksModal-CLcR1c { 827 | background-color: var(--background-tertiary) !important; 828 | } 829 | 830 | .tierBody-3ju-rc, 831 | .addGamePopout-2SKNIV { 832 | background-color: var(--background-primary) !important; 833 | } 834 | 835 | .theme-dark .tierHeaderLocked-3ItHYn { 836 | background-color: var(--background-secondary); 837 | color: var(--text-muted); 838 | } 839 | 840 | .theme-dark .searchOption-351dTI .filter-2QaH9y, 841 | .theme-dark .option-ayUoaq .filter-2QaH9y, 842 | .theme-dark .option-ayUoaq.user-1dKxvu .displayedNick-1atSpT, 843 | .theme-dark .option-ayUoaq .answer-14OVbQ, 844 | .theme-dark .option-ayUoaq .nonText-3_4gtu, 845 | .theme-dark .option-ayUoaq strong, 846 | .regionSelectName-2-2FWh, 847 | .theme-dark .notDetected-2HEmAp .gameName-Uw4dbt, 848 | .theme-dark .content-s2SEQO ol, 849 | .theme-dark .content-s2SEQO p, 850 | .theme-dark .content-s2SEQO ul li, 851 | .theme-dark .rowTitle-2MoCno, 852 | .theme-dark .userHook-3AdCBF, 853 | .theme-dark .auditLog-3jNbM6 strong { 854 | color: var(--text-normal); 855 | } 856 | 857 | .theme-dark .separator-2lLxgC { 858 | -webkit-box-shadow: 0 1px 0 0 var(--background-modifier-active), 0 1px 2px 0 var(--background-modifier-active); 859 | box-shadow: 0 1px 0 0 var(--background-modifier-active), 0 1px 2px 0 var(--background-modifier-active); 860 | } 861 | 862 | .theme-dark .tierHeaderLocked-30MLlO, 863 | .theme-dark .emptyHintCard-3Btf0V, 864 | .theme-dark .tierHeaderLocked-1s2JJz, 865 | .theme-dark .footer-2aeMle { 866 | background-color: var(--background-tertiary); 867 | color: var(--text-muted); 868 | } 869 | 870 | .theme-dark .tierHeaderUnlocked-1OpOLf, 871 | .toolbar-37BrJ5, 872 | .theme-dark .previewContainer-35LFgt, 873 | .tile-2TcwiO, 874 | .theme-dark .applicationStreamingPreviewWrapper-7j27t8, 875 | .theme-dark .tile-2mmK5T:hover { 876 | background-color: var(--background-floating); 877 | } 878 | 879 | .theme-dark .tile-2mmK5T { 880 | background-color: var(--background-tertiary); 881 | box-shadow: none; 882 | } 883 | 884 | .theme-dark .uploadModal-2ie9O_, 885 | .theme-dark .modal-2RrUKJ { 886 | background-color: var(--background-primary); 887 | box-shadow: var(--elevation-high); 888 | } 889 | 890 | .theme-dark .verificationBlock-xhj3fR { 891 | border: 1px solid var(--background-secondary); 892 | } 893 | 894 | .theme-dark .watchButton-2YRKxv { 895 | border-color: var(--background-accent); 896 | } 897 | 898 | .theme-dark.authBox-1HR6Ha { 899 | background: var(--background-primary); 900 | color: var(--text-muted); 901 | } 902 | 903 | .theme-light .app-2CXKsg .layer-86YKbF:first-of-type { 904 | background-color: var(--background-secondary) !important; 905 | background-size: 30%; 906 | } 907 | 908 | .theme-light .item-3XjbnG:nth-of-type(14) { 909 | animation: flash 1s ease infinite; 910 | background: #f04747 !important; 911 | border: 1px solid transparent; 912 | } 913 | 914 | .tierMarkerAccomplished-1SkbEJ, 915 | .tierMarkerInProgress-2Tdxjz { 916 | background: var(--background-accent) !important; 917 | } 918 | 919 | .tierMarkerAccomplished-1SkbEJ.tierMarker-Vw1C95 { 920 | background: #ff73fa !important; 921 | } 922 | 923 | .toolbar-37BrJ5:before { 924 | border-top: 8px solid var(--background-floating); 925 | } 926 | 927 | div[style*="/assets/5e64269a40d5bb745c2f3df29f26738d.svg"] { 928 | background-image: url(https://marioparaschiv.github.io/dark-discord/assets/missed_call.svg) !important; 929 | } 930 | 931 | .theme-dark .option-ayUoaq.selected-rZcOL-, 932 | .theme-dark .option-ayUoaq[aria-selected="true"] { 933 | background-color: var(--background-modifier-active); 934 | } 935 | 936 | .theme-dark .tierLock-1uBqZ0, 937 | .theme-dark .bannedUser-26qsXF .username-2QcOp4 .discrim-1rThJo, 938 | .theme-dark .bannedUserModal-9XjyCI .reason-3pVhOz, 939 | .theme-dark .bannedUserModal-9XjyCI .userDiscrim-vaUAuA, 940 | .theme-dark .searchOption-3u1gRt .answer-14OVbQ, 941 | .theme-dark .option-ayUoaq.user-1dKxvu .displayUsername-UTerwm, 942 | .lookGhost-2Fn_0-.colorGrey-2iAG-B, 943 | .theme-dark .searchResultChannelCategory-19ujDo, 944 | .theme-dark .searchResultChannelIcon-C-3P9x, 945 | .theme-dark .tierLock-3CSxSX, 946 | .theme-dark .discriminator-1DCM-o, 947 | .theme-dark .keybind-13vtq8, 948 | .theme-dark .nowPlayingAdd-3lvnXJ, 949 | .theme-dark .notDetected-2HEmAp .lastPlayed-1jum9A, 950 | .theme-dark .resultsGroup-1BPR25 .header-3A13BX, 951 | .theme-dark .resultsGroup-1BPR25 .plusIcon-2V7coV, 952 | .theme-dark .resultsGroup-1BPR25 .searchClearHistory-2Be-92, 953 | .theme-dark .resultsGroup-1BPR25 .searchLearnMore-7__o_n a, 954 | .theme-dark .date-1k6kG2, 955 | .disabled-35mc5w, 956 | .theme-dark .rowBody-uWDd7Y, 957 | .theme-dark .timestamp-1mruiI, 958 | .theme-dark .bannedUser-1IalTM .username-1b3MVI .discrim-oGb-FO, 959 | .theme-dark .bannedUserModal-3RJCOV .reason-YbfGC6, 960 | .theme-dark .bannedUserModal-3RJCOV .userDiscrim-1D2NlF, 961 | .theme-dark .sizeInfo-3KtZ1G, 962 | .regionSelectModal-12e-57 .regionSelectModalFooter-20C5iA, 963 | .theme-dark .container-1S70rv .sectionTag-28mLyE, 964 | .maxLength-IdVNmX, 965 | .overflowRolesPopoutHeaderText-3HyHGv, 966 | .theme-dark .descriptionWrapper-eOmU90, 967 | .theme-dark .timestamp-147bcs, 968 | .tierIconLocked-RGSkSl, 969 | .theme-dark .body-2rDNbs { 970 | color: var(--text-muted); 971 | } 972 | 973 | .theme-dark .divider--oiTeJ, 974 | .theme-dark .sectionAccountCredit-1IqaxB, 975 | .theme-dark .subscriptionDetails-ZcKNHC { 976 | border-color: var(--background-modifier-accent); 977 | } 978 | 979 | .theme-dark .elevationBorderHigh-1s5JCj { 980 | -webkit-box-shadow: 0 0 0 1px var(--background-tertiary), 0 2px 10px 0 rgba(0, 0, 0, 0.25); 981 | box-shadow: 0 0 0 1px var(--background-tertiary), 0 2px 10px 0 rgba(0, 0, 0, 0.25); 982 | } 983 | 984 | .tutorialContainer-1pL9QS .childWrapper-1j_1ub rect[fill="#36393f"] { 985 | fill: var(--background-primary) !important; 986 | } 987 | 988 | .theme-dark .header-145e10 .tabBar-1qdMr5 .tab-TRrPC8.active-1grPyy, 989 | .theme-dark .divider-1pnAR2, 990 | .theme-dark .tab-2j5AEF.selected-2LAck8, 991 | .theme-dark .divider-2L-ojc, 992 | .theme-dark .divider-M3saWq, 993 | .theme-dark .copyLink-1bBHaR:before { 994 | background-color: var(--background-modifier-accent); 995 | } 996 | 997 | .theme-dark .guildIconImage-74OdmM, 998 | .theme-dark .partyMemberOverflow-3G1oZz, 999 | .theme-dark .dim-2Uxgxb span, 1000 | .button-3Vyz67, 1001 | .theme-dark .tierInProgress-1vFUnw, 1002 | .theme-dark .barBackground-unEPDT, 1003 | .cta-2DQ2ez, 1004 | .cta-3-AFNF, 1005 | .statusOffline-2R-ArP, 1006 | .theme-dark .spoilerText-27bIiA.hidden-3B-Rum, 1007 | .theme-dark .tierPill-1yRO48, 1008 | .option-Tt7anD, 1009 | .buttonColor-28DXIe, 1010 | .theme-dark .defaultIndicator-1AxErs, 1011 | .theme-dark .installSize-3az1nt, 1012 | .theme-dark .defaultIndicator-2ndWks, 1013 | .theme-dark .voiceSectionIconWrapper-4yoj76, 1014 | .theme-dark .multipleIconWrapper-2YHnS6, 1015 | .gifIconContainer-3os21a { 1016 | background-color: var(--background-accent); 1017 | } 1018 | 1019 | .theme-dark .focused-2FU0YH, 1020 | .theme-dark .calendarPicker-sDhzdi .react-datepicker__day--disabled, 1021 | .theme-dark .calendarPicker-sDhzdi .react-datepicker__day--outside-month, 1022 | .theme-dark .emojiAliasInput-1y-NBz .emojiInput-1aLNse, 1023 | .videoWrapper-3rtb_V, 1024 | .theme-dark .streamPreview-I7itZ6, 1025 | .theme-dark .container-1ILvLB .header-2C89wJ, 1026 | .theme-dark .autocompleteArrow-jJE9TQ, 1027 | .theme-dark .header-3i_Csh, 1028 | .theme-dark .invalidPoop--w1123, 1029 | .navRow-dG-XX8, 1030 | .theme-dark.navRow-dG-XX8, 1031 | .theme-dark .buttonContainer-28osRq { 1032 | background-color: var(--background-tertiary); 1033 | } 1034 | 1035 | .theme-dark .searchAnswer-23w-CH, 1036 | .theme-dark .searchFilter-2UfsDk, 1037 | .theme-dark .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled, 1038 | .theme-dark .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled:hover, 1039 | .theme-dark .keyboardShortcutsModal-2CRmCm, 1040 | .theme-dark .Modal-fSYqOq, 1041 | .theme-dark .tierMarkerBackground-G8FoN4, 1042 | .theme-dark .container-KM8BU6, 1043 | .theme-dark .reactors-1VXca7, 1044 | .webkit-QgSAqd::-webkit-scrollbar-thumb, 1045 | .theme-dark .perk-19D_HN, 1046 | .theme-dark .container-3wLKDe { 1047 | background-color: var(--background-primary); 1048 | } 1049 | 1050 | .theme-dark .override-1sK4r0:hover, 1051 | .theme-dark .searchBox-pyIJJj, 1052 | .categoryHeader-OpJ1Ly, 1053 | .mainCard-3KBsBI:hover { 1054 | background-color: var(--background-secondary-alt); 1055 | } 1056 | 1057 | .theme-dark .input-3NIgDw, 1058 | .theme-dark .container-2McqkF, 1059 | .theme-dark .calendarPicker-sDhzdi .react-datepicker, 1060 | .theme-dark .calendarPicker-sDhzdi .react-datepicker__header, 1061 | .theme-dark .tierBody-1d3UiS, 1062 | .theme-dark .perk-2WeBWW, 1063 | .theme-dark .container-1ILvLB section, 1064 | .theme-dark .container-1S70rv .sectionTag-28mLyE, 1065 | .theme-dark .verificationBlock-xhj3fR:hover, 1066 | .theme-dark .tierBody-16Chc9, 1067 | .cardPrimary-3qRT__, 1068 | .cardPrimaryEditable-2mz_3i, 1069 | .cardPrimaryOutline-1ofwVz, 1070 | .cardPrimaryOutlineEditable-1VE28Z, 1071 | .backgroundOptionInner-SSz19O, 1072 | .mainCard-3KBsBI { 1073 | background-color: var(--background-secondary); 1074 | } 1075 | 1076 | .previewContainer-1xQAsw .theme-light { 1077 | --background-primary: #fff; 1078 | } 1079 | 1080 | .previewContainer-1xQAsw .theme-light { 1081 | --background-primary: hsl(0, calc(var(--saturation-factor, 1) * 0%), 100%) !important; 1082 | --text-normal: hsl(210, calc(var(--saturation-factor, 1) * 9.8%), 20%) !important; 1083 | --text-muted: hsl(213, calc(var(--saturation-factor, 1) * 9.6%), 40.8%) !important; 1084 | } --------------------------------------------------------------------------------