Last active
May 12, 2022 02:59
-
-
Save brussell98/68431718e8b38895bffb66cddb4449e1 to your computer and use it in GitHub Desktop.
Discord Theme
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .theme-dark{--background-floating: #21262f}.theme-dark .appMount-3lHmkl .markup-2BOw-j a{color:#5294E2 !important}.theme-dark .guilds-1SWlCJ{background:#2a2f38}.theme-dark .guilds-1SWlCJ .unreadMentionsBar-1Bu1dC{background-color:#5294E2}.theme-dark .guilds-1SWlCJ .scroller-1Bvpku{background:#2a2f38}.theme-dark .guilds-1SWlCJ .scroller-1Bvpku .guildSeparator-33mFX6{background:#333842}.theme-dark .guilds-1SWlCJ .scroller-1Bvpku .listItem-GuPuDH:not(:last-child) .blobContainer-pmnxKB{margin-bottom:-12px}.theme-dark .guilds-1SWlCJ .scroller-1Bvpku .listItem-GuPuDH:not(:last-child) .blobContainer-pmnxKB.selected-nT-gM3:before{border-radius:6px}.theme-dark .guilds-1SWlCJ .scroller-1Bvpku .wrapper-3Njo_c .expandedFolderBackground-1cujaW{background-color:#21262f}.theme-dark .guilds-1SWlCJ .scroller-1Bvpku .wrapper-3Njo_c>.collapsed-2ZrjoL+.listItem-GuPuDH{margin-bottom:-4px}.theme-dark .guilds-1SWlCJ .scroller-1Bvpku .wrapper-3Njo_c ul[role="group"]{height:auto !important}.theme-dark .guilds-1SWlCJ .scroller-1Bvpku .wrapper-3Njo_c ul[role="group"] .listItem-GuPuDH .blobContainer-pmnxKB{margin-bottom:unset}.theme-dark .guilds-1SWlCJ .scroller-1Bvpku .circleButtonMask-2VNJsN{margin-top:8px}.theme-dark .guilds-1SWlCJ .circleIconButton-1QV--U{background:#2a2f38}.theme-dark .guilds-1SWlCJ .guildSeparator-3s64Iy:after{background:#333842}.base-3dtUhz{background-color:#2a2f38}.base-3dtUhz .sidebar-2K8pFh{background-color:#333842}.base-3dtUhz .sidebar-2K8pFh .container-3w7J-x{background-color:#333842}.base-3dtUhz .sidebar-2K8pFh .container-3w7J-x .container-1taM1r.hasBanner-2SrLR3 header{background-color:transparent;border-bottom:none}.base-3dtUhz .sidebar-2K8pFh .container-3w7J-x .container-1taM1r header{background-color:#333842;border-bottom:1px solid #2a2f38;box-shadow:none}.base-3dtUhz .sidebar-2K8pFh .container-3w7J-x .container-1taM1r header span{line-height:46px}.base-3dtUhz .sidebar-2K8pFh .container-3w7J-x .container-1taM1r header button{margin-top:-2px}.base-3dtUhz .sidebar-2K8pFh .container-3w7J-x .container-1taM1r header:hover{background-color:#2a2f38}.base-3dtUhz .sidebar-2K8pFh .container-3w7J-x .unread-1s3J68 .unreadBar-3YD_k9{background-color:#5294E2}.base-3dtUhz .sidebar-2K8pFh .privateChannels-1nO12o .searchBar-6Kv8R2{background-color:#333842;border-bottom:1px solid #2a2f38;box-shadow:none;height:47px}.base-3dtUhz .sidebar-2K8pFh .privateChannels-1nO12o .scroller-2FKFPG{background-color:#333842}.base-3dtUhz .sidebar-2K8pFh div[class|="scroller"] .containerDefault-3tr_sE{padding-top:6px;padding-left:4px}.base-3dtUhz .sidebar-2K8pFh div[class|="scroller"] .voiceUser-14U_Ns .avatarSmall-2CW6I1{border-radius:4px !important}.base-3dtUhz .sidebar-2K8pFh .panels-j1Uci_{background-color:#333842}.theme-dark .app-2rEoOp .chat-3bRxxu .newMessagesBar-265mhP{background-color:#5294E2}.theme-dark .app-2rEoOp .chat-3bRxxu .title-3qD0b-{background-color:#333842;border-bottom:1px solid #2a2f38}.theme-dark .app-2rEoOp .chat-3bRxxu .title-3qD0b- .topic-TCb_qw a{color:#5294E2}.theme-dark .app-2rEoOp .chat-3bRxxu .title-3qD0b- .topic-TCb_qw .mention{color:#5294E2;background-color:rgba(68,136,220,0.1)}.theme-dark .app-2rEoOp .chat-3bRxxu .title-3qD0b- .topic-TCb_qw .mention:hover{background-color:#357bce;color:#EDEDED}.theme-dark .app-2rEoOp .chat-3bRxxu .title-3qD0b- .toolbar-1t6TWx svg+.iconBadge-qZ4Ksk{background-color:#5294E2}.theme-dark .app-2rEoOp .chat-3bRxxu .avatarWrapper-29j3CC{border-radius:6px}.theme-dark .app-2rEoOp .chat-3bRxxu .avatarWrapper-29j3CC .callAvatarBorder-1D_KaE{border-radius:6px}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3{background:#333842}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3:before{box-shadow:none}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .membersWrap-2h-GB4 .members-1998pB{background-color:#333842}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .membersWrap-2h-GB4 .members-1998pB .content-3YMskv{background-color:#333842}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .membersWrap-2h-GB4 .members-1998pB .listContent-2_qb-y{background-color:#333842}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .membersWrap-2h-GB4 .members-1998pB .membersGroup-v9BXpm{font-size:14px;text-align:center;color:#9C9C9C;padding:10px 8px}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .membersWrap-2h-GB4 .members-1998pB .member-3W1lQa{font-weight:600;padding-right:5px}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .membersWrap-2h-GB4 .members-1998pB .member-3W1lQa:hover .layout-2DM8Md{background-color:#2a2f38;border-radius:4px}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .membersWrap-2h-GB4 .members-1998pB .member-3W1lQa .nameAndDecorators-5FJ2dg{color:#c2c2c2}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .membersWrap-2h-GB4 .members-1998pB .member-3W1lQa .image-33JSyf{border-radius:5px !important;mask:none;-webkit-mask:none}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .membersWrap-2h-GB4 .members-1998pB .member-3W1lQa .status-2s6iDp{right:-6px;bottom:-5px}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr{background-color:#333842}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU{background:#333842}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .embed-IeVjo6{background:#2a2f38}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .embed-IeVjo6 .embedPill-1Zntps{background-color:#2a2f38}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .embed-IeVjo6 .embedAuthorIcon--1zR3L{border-radius:10%}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .embed-IeVjo6 .embedFooterIcon-239O1f{border-radius:10%}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .embed-IeVjo6 .embedDescription-1Cuq9a,.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .embed-IeVjo6 .embedFieldValue-nELq2s,.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .embed-IeVjo6 .embedFooterText-28V_Wb,.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .embed-IeVjo6 .embedProvider-3k5pfl{color:#D6D6D6}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .mentioned-xhSam7{background:rgba(53,163,216,0.1)}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .mentioned-xhSam7:before{background-color:#3487CE}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .mention,.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .wrapper-3WhCwL{color:#5294E2;background-color:rgba(53,163,216,0.1)}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .mention:hover,.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .wrapper-3WhCwL:hover{background-color:#357bce;color:#EDEDED}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .divider-3_HH5L.hasContent-1_DUdQ{border-color:#49505f}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .divider-3_HH5L.hasContent-1_DUdQ .content-1o0f9g{background:#333842}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .divider-3_HH5L.hasContent-1_DUdQ+div[class|="divider"]{margin:-8px 20px 8px 20px}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .isUnread-3Ef-o9{border-color:#5294E2}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .isUnread-3Ef-o9 span{background-color:#5294E2}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .isUnread-3Ef-o9 span svg path{color:#5294E2;fill:#5294E2}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .isUnread-3Ef-o9 .content-1o0f9g{color:#5294E2}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .message-2qnXI6 a{color:#5294E2 !important}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .message-2qnXI6 .markup-2BOw-j code.inline,.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .message-2qnXI6 .markup-2BOw-j pre code{background:#2a2f38}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .message-2qnXI6 .markup-2BOw-j pre{border-color:#2a2f38}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .message-2qnXI6 .markup-2BOw-j time{color:rgba(255,255,255,0.3)}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .message-2qnXI6 .attachment-33OFj0{background-color:#2a2f38;border-color:#21262f}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .message-2qnXI6 .container-1pMiXm .textContainer-C0szpm{background-color:#2a2f38;border-color:#21262f}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .message-2qnXI6 .container-1pMiXm .footer-2yA7Ep{background-color:#2a2f38}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .message-2qnXI6 .buttonContainer-DHceWr .wrapper-2aW0bm{background-color:#333842}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .message-2qnXI6.isLocalBot-38G0P0{background:transparent;box-shadow:none}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .messagesWrapper-1sRNjr .scroller-2LSbBU .wrapper-35wsBm{background-color:#2a2f38;border-color:#21262f}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 .welcomeMessage-3_Mcht a{color:#5294E2}.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 form .typing-3eiiL_,.theme-dark .app-2rEoOp .chat-3bRxxu .content-yTz4x3 form .typing-2GQL18{background-color:transparent}.base-3dtUhz .sidebar-2K8pFh ~ .container-1D34oG{background-color:#333842}.base-3dtUhz .sidebar-2K8pFh ~ .container-1D34oG .container-1r6BKw{background-color:#333842}.base-3dtUhz .sidebar-2K8pFh ~ .container-1D34oG .tabBody-3YRQ8W .peopleColumn-29fq28 .peopleList-3c4jOR{background-color:#333842}.base-3dtUhz .sidebar-2K8pFh ~ .container-1D34oG .tabBody-3YRQ8W .peopleColumn-29fq28 .peopleList-3c4jOR .peopleListItem-2nzedh .actionButton-uPB8Fs{background-color:#2a2f38}.base-3dtUhz .sidebar-2K8pFh ~ .container-1D34oG .tabBody-3YRQ8W .nowPlayingColumn-2sl4cE{background:#333842}.base-3dtUhz .sidebar-2K8pFh ~ .container-1D34oG .tabBody-3YRQ8W .nowPlayingColumn-2sl4cE .container-lRFx4q{background:#333842}.base-3dtUhz .sidebar-2K8pFh ~ .container-1D34oG .tabBody-3YRQ8W .nowPlayingColumn-2sl4cE .itemCard-v9viV7{background-color:#21262f}.base-3dtUhz .sidebar-2K8pFh ~ .container-1D34oG .tabBody-3YRQ8W .nowPlayingColumn-2sl4cE .itemCard-v9viV7 .inset-3sAvek,.base-3dtUhz .sidebar-2K8pFh ~ .container-1D34oG .tabBody-3YRQ8W .nowPlayingColumn-2sl4cE .itemCard-v9viV7 .section-2gLsgF{background-color:#2a2f38}.theme-dark .popouts-2bnG9Z .userPopout-xaxa6l .aboutMeTitle-1IYtPE,.theme-dark .layerContainer-yqaFcK .userPopout-xaxa6l .aboutMeTitle-1IYtPE{color:#9C9C9C}.theme-dark .popouts-2bnG9Z .userPopout-xaxa6l .avatarWrapper-3r9PdD .avatar-37jOim,.theme-dark .layerContainer-yqaFcK .userPopout-xaxa6l .avatarWrapper-3r9PdD .avatar-37jOim{border-radius:6px !important}.theme-dark .popouts-2bnG9Z .userPopout-xaxa6l .body-3HBlXn .note-1oo11U textarea:focus,.theme-dark .layerContainer-yqaFcK .userPopout-xaxa6l .body-3HBlXn .note-1oo11U textarea:focus{background-color:#2c313a}.theme-dark .popouts-2bnG9Z .userPopout-xaxa6l .body-3HBlXn .rolesList-1geHY1 .role-2irmRk,.theme-dark .layerContainer-yqaFcK .userPopout-xaxa6l .body-3HBlXn .rolesList-1geHY1 .role-2irmRk{font-size:13px;border-radius:3px}.theme-dark .popouts-2bnG9Z .userPopout-xaxa6l .body-3HBlXn .rolesList-1geHY1 .role-2irmRk .roleCircle-3xAZ1j,.theme-dark .layerContainer-yqaFcK .userPopout-xaxa6l .body-3HBlXn .rolesList-1geHY1 .role-2irmRk .roleCircle-3xAZ1j{border-radius:3px}.theme-dark .popouts-2bnG9Z .userPopout-xaxa6l .body-3HBlXn .bodyTitle-1ySSKn,.theme-dark .layerContainer-yqaFcK .userPopout-xaxa6l .body-3HBlXn .bodyTitle-1ySSKn{color:#9C9C9C}.theme-dark .popouts-2bnG9Z .userPopout-xaxa6l .body-3HBlXn .divider-ewBQKj,.theme-dark .layerContainer-yqaFcK .userPopout-xaxa6l .body-3HBlXn .divider-ewBQKj{background-color:#2a2f38}.theme-dark .popouts-2bnG9Z .userPopout-xaxa6l .footer-3UKYOU input,.theme-dark .layerContainer-yqaFcK .userPopout-xaxa6l .footer-3UKYOU input{background-color:#2c313a;border:1px solid #2a2f38;color:#EDEDED}.privateChannels-1nO12o{background-color:#333842}.privateChannels-1nO12o .scroller-1JbKMe{background-color:#333842}div[aria-label="User Profile Modal"] .avatar-AvHqJA{border-radius:6px}#rtc-connection{background:#333842;border-top:none}#rtc-connection .voice-connection-channel{opacity:.4}#rtc-connection .btn{width:28px;background:#333842}#rtc-connection .btn-group{border:none}#rtc-connection .btn-info{border-right:none}#rtc-connection .btn-disconnect{box-shadow:none}.theme-dark div[class^="activityFeed"]{background-color:#333842}.theme-dark div[class^="activityFeed"] div[class*="headerBar"]{background:#333842;border-bottom:1px solid #2a2f38;box-shadow:none;height:47px}.theme-dark div[class^="activityFeed"] div[class*="cardBody"]{background-color:#333842;border-color:#21262f}.theme-dark div[class^="activityFeed"] div[class*="cardBody"] span[class|="playTime"]{color:#9C9C9C}.theme-dark div[class^="activityFeed"] div[class*="cardBody"] .avatar-1BXaQj{border-radius:15%}.theme-dark div[class^="activityFeed"] div[class*="cardBody"] .avatar-1BXaQj .image-EVRGPw{border-radius:15%;-webkit-mask:none;mask:none}.theme-dark div[class^="activityFeed"] div[class*="cardBody"] .avatar-1BXaQj .status-3jUEha{bottom:-2px;right:-2px}.context-menu{margin-left:10px}#app-mount>svg>#svg-mask-avatar-default circle{r:1 !important}#app-mount>svg>mask[id^="svg-mask-avatar-status-"] circle[fill="white"]{r:1 !important}.wrapper-3t9DeA>svg>mask>circle{r:100 !important}.avatarWrapper-3H_478 .mask-1l8v16 mask circle[fill="white"],.avatarWrapper-2yR4wp .mask-1l8v16 mask circle[fill="white"],.avatarWrapper-3B0ndJ .mask-1l8v16 mask circle[fill="white"],.avatar-28BJzY .mask-1l8v16 mask circle[fill="white"]{r:200 !important}.avatar-VxgULZ,.avatar-SmRMf2,.avatarHintInner-Dco91E,.avatarHint-1qgaV3{border-radius:6px !important}.replyAvatar-1K9Wmr{border-radius:25%}.avatar-small,.small-5Os1Bb,.avatar-large,div[class^="avatarDefault"],div[class^="avatarSpeaking"],.avatar-1BDn8e,.avatar-3tNQiO{border-radius:.4rem !important}.avatar-small .inner-1W0Bkn,.small-5Os1Bb .inner-1W0Bkn,.avatar-large .inner-1W0Bkn,div[class^="avatarDefault"] .inner-1W0Bkn,div[class^="avatarSpeaking"] .inner-1W0Bkn,.avatar-1BDn8e .inner-1W0Bkn,.avatar-3tNQiO .inner-1W0Bkn{border-radius:.4rem !important}div[class^="imageWithStatus"]{border-radius:.4rem !important;mask:none;-webkit-mask:none}div[class^="imageWithStatus"]+div{bottom:-3px;right:-3px}.avatar-uploader .avatar-uploader-inner{border-radius:1rem}.botTagRegular-2HEhHi{background:#202227;font-size:11px}.scroller-2LSbBU::-webkit-scrollbar{width:8px}.scroller-2LSbBU::-webkit-scrollbar{width:10px !important}.auto-Ge5KZx::-webkit-scrollbar-thumb{background-color:#222529 !important;border:none !important;border-radius:4px !important}.auto-Ge5KZx::-webkit-scrollbar-track{background-color:transparent}.auto-Ge5KZx::-webkit-scrollbar-track-piece{background-color:transparent !important;border-color:transparent !important;border:none !important}.theme-dark .hljs{display:block;overflow-x:auto;padding:0.5em;color:#abb2bf;background:#282c34}.theme-dark .hljs-comment,.theme-dark .hljs-quote{color:#5c6370;font-style:italic}.theme-dark .hljs-doctag,.theme-dark .hljs-keyword,.theme-dark .hljs-formula{color:#c678dd}.theme-dark .hljs-section,.theme-dark .hljs-name,.theme-dark .hljs-selector-tag,.theme-dark .hljs-deletion,.theme-dark .hljs-subst{color:#e06c75}.theme-dark .hljs-literal{color:#56b6c2}.theme-dark .hljs-string,.theme-dark .hljs-regexp,.theme-dark .hljs-addition,.theme-dark .hljs-attribute,.theme-dark .hljs-meta-string{color:#98c379}.theme-dark .hljs-built_in,.theme-dark .hljs-class .hljs-title{color:#e6c07b}.theme-dark .hljs-attr,.theme-dark .hljs-variable,.theme-dark .hljs-template-variable,.theme-dark .hljs-type,.theme-dark .hljs-selector-class,.theme-dark .hljs-selector-attr,.theme-dark .hljs-selector-pseudo,.theme-dark .hljs-number{color:#d19a66}.theme-dark .hljs-symbol,.theme-dark .hljs-bullet,.theme-dark .hljs-link,.theme-dark .hljs-meta,.theme-dark .hljs-selector-id,.theme-dark .hljs-title{color:#61aeee}.theme-dark .hljs-emphasis{font-style:italic}.theme-dark .hljs-strong{font-weight:bold} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $background: #333842 | |
| $background-dark: #2a2f38 | |
| $background-darker: #21262f | |
| $mention-background: rgba(53, 163, 216, 0.1) | |
| $mention-left-thing: #3487CE | |
| $highlight: rgba(68, 136, 220, 0.1) | |
| $highlight-hover: rgba(51, 107, 191, 0.7) | |
| $links: #5294E2 | |
| $gray: #979C9E | |
| $lighter-gray: #9C9C9C | |
| $white-gray: #D6D6D6 | |
| $blue-ish: #5294E2 | |
| $blue-darker: #357bce | |
| $code-background: #25292f | |
| $code-border-color: #25292f | |
| $scrollbar-color: #222529 | |
| $input-background: #2c313a | |
| .theme-dark | |
| --background-floating: #21262f // $background-darker | |
| // .appMount-3lHmkl a | |
| // color: $links | |
| // svg | |
| // color: #fff | |
| .theme-dark .appMount-3lHmkl .markup-2BOw-j a | |
| color: $links !important | |
| // Guild list | |
| .theme-dark .guilds-1SWlCJ | |
| background: $background-dark | |
| .unreadMentionsBar-1Bu1dC // Used to have .new-messages-indicator.new-messages-indicator-mention idk what it does | |
| background-color: $blue-ish | |
| .scroller-1Bvpku // Guild scroller | |
| background: $background-dark | |
| .guildSeparator-33mFX6 | |
| background: $background | |
| .listItem-GuPuDH:not(:last-child) .blobContainer-pmnxKB // Guild icon container | |
| margin-bottom: -12px | |
| &.selected-nT-gM3 | |
| // margin-bottom: 5px | |
| &:before | |
| border-radius: 6px | |
| .wrapper-3Njo_c // Guild folder | |
| .expandedFolderBackground-1cujaW | |
| background-color: $background-darker | |
| & > .collapsed-2ZrjoL + .listItem-GuPuDH | |
| margin-bottom: -4px | |
| ul[role="group"] | |
| .listItem-GuPuDH .blobContainer-pmnxKB | |
| margin-bottom: unset | |
| height: auto !important | |
| // padding-bottom: 12px | |
| .circleButtonMask-2VNJsN | |
| margin-top: 8px | |
| .tutorialContainer-30WoTp | |
| .circleIconButton-1QV--U // Add guild buttons | |
| background: $background-dark | |
| .guildSeparator-3s64Iy:after | |
| background: $background | |
| // Uncomment to make curve to title bar go away | |
| // .guildsWrapper-5TJh6A + div | |
| // border-radius: 0 | |
| // Fix top left curve color | |
| .base-3dtUhz | |
| background-color: $background-dark | |
| // Channels bar | |
| .base-3dtUhz .sidebar-2K8pFh | |
| background-color: $background | |
| .container-3w7J-x | |
| background-color: $background | |
| .container-1taM1r // Guild name at top of channels | |
| &.hasBanner-2SrLR3 header | |
| background-color: transparent | |
| border-bottom: none | |
| header | |
| background-color: $background | |
| border-bottom: 1px solid $background-dark | |
| box-shadow: none | |
| span | |
| line-height: 46px | |
| button | |
| margin-top: -2px | |
| &:hover | |
| background-color: $background-dark | |
| .unread-1s3J68 // Floating unread indicators | |
| .unreadBar-3YD_k9 | |
| background-color: $blue-ish | |
| .privateChannels-1nO12o | |
| .searchBar-6Kv8R2 | |
| background-color: $background | |
| border-bottom: 1px solid $background-dark | |
| box-shadow: none | |
| height: 47px | |
| .scroller-2FKFPG | |
| background-color: $background | |
| div[class|="scroller"] | |
| // background-color: $background | |
| .containerDefault-3tr_sE // Category headers | |
| padding-top: 6px | |
| padding-left: 4px | |
| // & > div | |
| // padding-left: 20px | |
| // .nameDefault-2DI02H | |
| // color: rgba($white-gray, .65) | |
| // div:not(.nameDefault-2DI02H) | |
| // color: $white-gray | |
| // .containerDefault-1ZnADq .content-3at_AU:hover // Channel name hover (No longer possible?) | |
| // background: lighten($background, 2) | |
| // div[class|="container"] > div[class^="flex"] | |
| // padding-top: 14px | |
| // height: auto | |
| // .name-3M0b8v | |
| // color: $lighter-gray | |
| // .wrapperDefaultVoice-1yvceo | |
| // color: $lighter-gray | |
| .voiceUser-14U_Ns .avatarSmall-2CW6I1 | |
| border-radius: 4px !important | |
| .panels-j1Uci_ // User | |
| background-color: $background | |
| // Guild channel | |
| .theme-dark .app-2rEoOp .chat-3bRxxu | |
| .newMessagesBar-265mhP | |
| background-color: $blue-ish | |
| .title-3qD0b- | |
| background-color: $background | |
| border-bottom: 1px solid $background-dark | |
| .topic-TCb_qw | |
| // color: $gray | |
| a | |
| color: $links | |
| .mention | |
| color: $blue-ish | |
| background-color: $highlight | |
| &:hover | |
| background-color: $blue-darker | |
| color: #EDEDED | |
| .toolbar-1t6TWx | |
| svg + .iconBadge-qZ4Ksk // Pin icon | |
| background-color: $blue-ish | |
| .avatarWrapper-29j3CC | |
| border-radius: 6px | |
| .callAvatarBorder-1D_KaE | |
| border-radius: 6px | |
| .content-yTz4x3 | |
| background: $background | |
| &:before | |
| box-shadow: none | |
| .membersWrap-2h-GB4 | |
| .members-1998pB | |
| background-color: $background | |
| .content-3YMskv | |
| background-color: $background | |
| .listContent-2_qb-y | |
| background-color: $background | |
| .membersGroup-v9BXpm // heading | |
| font-size: 14px | |
| text-align: center | |
| color: $lighter-gray | |
| padding: 10px 8px | |
| .member-3W1lQa | |
| // padding: 5px 20px | |
| font-weight: 600 | |
| padding-right: 5px | |
| &:hover | |
| .layout-2DM8Md | |
| background-color: $background-dark | |
| border-radius: 4px | |
| .nameAndDecorators-5FJ2dg | |
| color: hsla(0, 0%, 76%, 1) // $white-gray | |
| .image-33JSyf | |
| border-radius: 5px !important | |
| mask: none | |
| -webkit-mask: none | |
| .status-2s6iDp | |
| right: -6px | |
| bottom: -5px | |
| .messagesWrapper-1sRNjr | |
| background-color: $background | |
| .scroller-2LSbBU | |
| background: $background | |
| .embed-IeVjo6 | |
| background: $background-dark | |
| .embedPill-1Zntps | |
| background-color: $background-dark | |
| .embedAuthorIcon--1zR3L | |
| border-radius: 10% | |
| .embedFooterIcon-239O1f | |
| border-radius: 10% | |
| .embedDescription-1Cuq9a, .embedFieldValue-nELq2s, .embedFooterText-28V_Wb, .embedProvider-3k5pfl | |
| color: $white-gray | |
| .mentioned-xhSam7 | |
| background: $mention-background | |
| &:before | |
| background-color: $mention-left-thing | |
| .mention, .wrapper-3WhCwL | |
| color: $blue-ish | |
| background-color: $mention-background | |
| &:hover | |
| background-color: $blue-darker | |
| color: #EDEDED | |
| // Date divider in chat | |
| .divider-3_HH5L.hasContent-1_DUdQ | |
| border-color: lighten($background, 10) | |
| .content-1o0f9g | |
| background: $background | |
| & + div[class|="divider"] | |
| margin: -8px 20px 8px 20px | |
| // New messages divider in chat | |
| .isUnread-3Ef-o9 | |
| border-color: $blue-ish | |
| span | |
| background-color: $blue-ish | |
| svg path | |
| color: $blue-ish | |
| fill: $blue-ish | |
| .content-1o0f9g // New date and new messages together | |
| color: $blue-ish | |
| .message-2qnXI6 // Chat message | |
| a | |
| color: $links !important | |
| .markup-2BOw-j // Message content | |
| code.inline, pre code | |
| // background: $code-background | |
| background: $background-dark | |
| pre | |
| //border-color: $code-border-color | |
| border-color: $background-dark | |
| time | |
| color: hsla(0,0%,100%,.3) | |
| .attachment-33OFj0 | |
| background-color: $background-dark | |
| border-color: $background-darker | |
| .container-1pMiXm | |
| .textContainer-C0szpm | |
| background-color: $background-dark | |
| border-color: $background-darker | |
| .footer-2yA7Ep // Text file embed toolbar | |
| background-color: $background-dark | |
| .buttonContainer-DHceWr .wrapper-2aW0bm | |
| background-color: $background | |
| &.isLocalBot-38G0P0 // Probably gone by now | |
| background: transparent | |
| box-shadow: none | |
| .wrapper-35wsBm | |
| background-color: $background-dark | |
| border-color: $background-darker | |
| .welcomeMessage-3_Mcht | |
| a | |
| color: $links | |
| form | |
| .typing-3eiiL_, .typing-2GQL18 | |
| background-color: transparent | |
| // .inner-zqa7da // Old message area | |
| // border-color: $background | |
| // background: $background | |
| // box-shadow: 0 5px 20px $background-darker | |
| // & > div:first-child // Upload | |
| // background-color: $background | |
| // border-right: 2px solid $background | |
| // &:hover | |
| // background-color: $background | |
| // Friends tab | |
| .base-3dtUhz .sidebar-2K8pFh ~ .container-1D34oG | |
| background-color: $background | |
| .container-1r6BKw | |
| background-color: $background | |
| .tabBody-3YRQ8W | |
| .peopleColumn-29fq28 .peopleList-3c4jOR | |
| background-color: $background | |
| .peopleListItem-2nzedh .actionButton-uPB8Fs | |
| background-color: $background-dark | |
| .nowPlayingColumn-2sl4cE | |
| background: $background | |
| .container-lRFx4q | |
| background: $background | |
| .itemCard-v9viV7 | |
| background-color: $background-darker | |
| .inset-3sAvek, .section-2gLsgF | |
| background-color: $background-dark | |
| // Popouts like clicking user and server options | |
| .theme-dark .popouts-2bnG9Z, .theme-dark .layerContainer-yqaFcK | |
| .userPopout-xaxa6l | |
| .aboutMeTitle-1IYtPE | |
| color: $lighter-gray | |
| .avatarWrapper-3r9PdD | |
| .avatar-37jOim | |
| border-radius: 6px !important | |
| .body-3HBlXn | |
| .note-1oo11U textarea:focus | |
| background-color: $input-background | |
| .rolesList-1geHY1 | |
| .role-2irmRk | |
| font-size: 13px | |
| border-radius: 3px | |
| .roleCircle-3xAZ1j | |
| border-radius: 3px | |
| .bodyTitle-1ySSKn | |
| color: $lighter-gray | |
| .divider-ewBQKj | |
| background-color: $background-dark | |
| .footer-3UKYOU | |
| input | |
| background-color: $input-background | |
| border: 1px solid $background-dark | |
| color: #EDEDED | |
| // Private channels | |
| .privateChannels-1nO12o | |
| background-color: $background | |
| .scroller-1JbKMe | |
| background-color: $background | |
| //.channel | |
| // &.btn-friends | |
| // // margin-bottom: 10px | |
| // .channel-name | |
| // opacity: .5 | |
| // a | |
| // height: 40px | |
| // &:hover | |
| // background: lighten($background, 4) | |
| // &.selected a | |
| // background: lighten($background, 8) | |
| // .icon-friends | |
| // border-radius: 25% | |
| // &:hover a | |
| // background: lighten($background, 4) | |
| //.search-bar | |
| // background-color: $background | |
| // border-bottom: 1px solid $background-dark | |
| // box-shadow: none | |
| // height: 47px | |
| // .search-bar-inner | |
| // background: $background-dark | |
| // border: 1px solid $background-darker | |
| div[aria-label="User Profile Modal"] | |
| .avatar-AvHqJA | |
| border-radius: 6px | |
| #rtc-connection | |
| background: $background | |
| border-top: none | |
| .voice-connection-channel | |
| opacity: .4 | |
| .btn | |
| width: 28px | |
| background: $background | |
| .btn-group | |
| border: none | |
| .btn-info | |
| border-right: none | |
| .btn-disconnect | |
| box-shadow: none | |
| // Activity feed (removed) | |
| .theme-dark div[class^="activityFeed"] | |
| background-color: $background | |
| div[class*="headerBar"] | |
| background: $background | |
| border-bottom: 1px solid $background-dark | |
| box-shadow: none | |
| height: 47px | |
| div[class*="cardBody"] | |
| background-color: $background | |
| border-color: $background-darker | |
| span[class|="playTime"] | |
| color: $lighter-gray | |
| .avatar-1BXaQj | |
| border-radius: 15% | |
| .image-EVRGPw | |
| border-radius: 15% | |
| -webkit-mask: none | |
| mask: none | |
| .status-3jUEha | |
| bottom: -2px | |
| right: -2px | |
| .context-menu | |
| margin-left: 10px | |
| // Avatar stuff | |
| #app-mount > svg | |
| & > #svg-mask-avatar-default circle | |
| r: 1 !important | |
| & > mask[id^="svg-mask-avatar-status-"] circle[fill="white"] | |
| r: 1 !important | |
| // Hacky fix to avatars having self-contained masks | |
| .wrapper-3t9DeA > svg > mask > circle | |
| r: 100 !important | |
| // ?, ?, ?, DM avatar wrapper | |
| .avatarWrapper-3H_478, .avatarWrapper-2yR4wp, .avatarWrapper-3B0ndJ, .avatar-28BJzY | |
| // foreignObject // Contains the avatar <img>, disabled: breaks status icon borders | |
| // mask: none | |
| .mask-1l8v16 mask circle[fill="white"] | |
| r: 200 !important | |
| .avatar-VxgULZ, .avatar-SmRMf2, .avatarHintInner-Dco91E, .avatarHint-1qgaV3 // Last is "View Profile" svg | |
| border-radius: 6px !important | |
| // Very small | |
| .replyAvatar-1K9Wmr | |
| border-radius: 25% | |
| //div[class^="avatarWrapperNormal"], div[class^="avatar-"], div[class*="avatarHint"] | |
| // border-radius: 1rem | |
| // div[class*="statusPopout"] | |
| // bottom: -8px | |
| // right: -8px | |
| .avatar-small, .small-5Os1Bb, .avatar-large, div[class^="avatarDefault"], div[class^="avatarSpeaking"], .avatar-1BDn8e, .avatar-3tNQiO | |
| border-radius: .4rem !important | |
| .inner-1W0Bkn | |
| border-radius: .4rem !important | |
| div[class^="imageWithStatus"] | |
| border-radius: .4rem !important | |
| mask: none | |
| -webkit-mask: none | |
| & + div | |
| bottom: -3px | |
| right: -3px | |
| .avatar-uploader .avatar-uploader-inner | |
| border-radius: 1rem | |
| .botTagRegular-2HEhHi | |
| background: #202227 | |
| font-size: 11px | |
| .scroller-2LSbBU | |
| &::-webkit-scrollbar | |
| width: 8px | |
| &::-webkit-scrollbar | |
| width: 10px !important | |
| .auto-Ge5KZx | |
| &::-webkit-scrollbar-thumb | |
| background-color: $scrollbar-color !important | |
| border: none !important | |
| border-radius: 4px !important | |
| &::-webkit-scrollbar-track | |
| background-color: transparent | |
| &::-webkit-scrollbar-track-piece | |
| background-color: transparent !important | |
| border-color: transparent !important | |
| border: none !important | |
| // Highlight js | |
| .theme-dark | |
| .hljs | |
| display: block | |
| overflow-x: auto | |
| padding: 0.5em | |
| color: #abb2bf | |
| background: #282c34 | |
| .hljs-comment, | |
| .hljs-quote | |
| color: #5c6370 | |
| font-style: italic | |
| .hljs-doctag, | |
| .hljs-keyword, | |
| .hljs-formula | |
| color: #c678dd | |
| .hljs-section, | |
| .hljs-name, | |
| .hljs-selector-tag, | |
| .hljs-deletion, | |
| .hljs-subst | |
| color: #e06c75 | |
| .hljs-literal | |
| color: #56b6c2 | |
| .hljs-string, | |
| .hljs-regexp, | |
| .hljs-addition, | |
| .hljs-attribute, | |
| .hljs-meta-string | |
| color: #98c379 | |
| .hljs-built_in, | |
| .hljs-class .hljs-title | |
| color: #e6c07b | |
| .hljs-attr, | |
| .hljs-variable, | |
| .hljs-template-variable, | |
| .hljs-type, | |
| .hljs-selector-class, | |
| .hljs-selector-attr, | |
| .hljs-selector-pseudo, | |
| .hljs-number | |
| color: #d19a66 | |
| .hljs-symbol, | |
| .hljs-bullet, | |
| .hljs-link, | |
| .hljs-meta, | |
| .hljs-selector-id, | |
| .hljs-title | |
| color: #61aeee | |
| .hljs-emphasis | |
| font-style: italic | |
| .hljs-strong | |
| font-weight: bold | |
| //.hljs-link | |
| //text-decoration: underline |
@bbhoss BeautifulDiscord, but be aware this style will require some updating
do you have custom css cheatsheet?
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
What's the best way to deploy this these days? Any better way than opening the web inspector every time I restart? I just want to totally hide blocked folks.