/* ==UserStyle== @name Discord Inspired Bits Dark @namespace Style-it Themes @version 1.4.1 @homepageURL https://github.com/style-it-themes/discord-inspired-bits-dark @updateURL https://raw.githubusercontent.com/style-it-themes/discord-inspired-bits-dark/master/discord-inspired-bits-dark.user.css @license CC-BY-SA-4.0 @author Style-it Themes by: the-j0k3r + co-authors https://github.com/style-it-themes/discord-inspired-bits-dark/graphs/contributors @preprocessor stylus @var checkbox show_download_btn "Show download app button" 1 {} @var checkbox show_store_lib_btns "Show store and library buttons" 1 {} @var checkbox show_square_avatars "Show square avatars" 0 {} @var checkbox compact_mode "Compact left sidebar" 0 {} @var select server_sidebar "Compact right sidebar" { "On resize": "resize", "Always": "compact", "Never": "never" } @var checkbox compact_mode_transition "Use hover effect for compact mode" 1 {} @var text transition_delay "Effect timing on hover" 0.7s @var checkbox disable_scrollbar "Show default scrollbar style" 0 ==/UserStyle== */ @-moz-document domain("discordapp.com"), domain("blog.discordapp.com") { :root { --color-eeeeee: #eeeeee; --color-98aab5: #98aab5; --color-5b666d: #5b666d; --color-6d6d6d: #6d6d6d; --color-4a4d53: #4a4d53; --color-35393e: #35393e; --color-36393f: #36393f; --color-2f3136: #2f3136; --color-2c2f33: #2c2f33; --color-25282d: #25282d; --color-282b30: #282b30; --color-202225: #202225; --color-18191c: #18191c; --color-7289da: #7289da; --color-3ca374: #3ca374; --color-inputf: rgba(114, 118, 125, .3); --color-hover: rgba(192, 192, 192, .35); --color-select: hsla(0, 0, 25%, .6); --transparent: transparent; --scrollbar-width: 10px; } @-webkit-keyframes autofill { to { background-color: var(--color-18191c); background-image: none; color: var(--color-eeeeee); } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-animation-name: autofill !important; -webkit-animation-fill-mode: both !important; } body, [class*="sectionCompanyTweets-"], .screenContent, [class*="jobsWrap-"], [class*="jobsContentWrapper-"], [class*="widthDefault-"], [class*="wrapperOuter-"] { background: var(--color-35393e) !important; background-color: var(--color-35393e) !important; } select, .nesty-input, option, #new_request input, #request_description, .dropdown-menu, .menuitem, .extra-downloads-box { -moz-appearance: none !important; -webkit-appearance: none !important; background: var(--color-18191c) !important; border: 1px solid var(--color-6d6d6d) !important; color: var(--color-eeeeee) !important; } .nesty-panel { filter: invert(85%) !important; } [class*="wave-"] { color: var(--color-35393e) !important; } [class*="pageSectionWrapper-"] p, [class*="pageSectionWrapper-"] h1, .theme-blurple [class*="headingDefault-"], .theme-blurple [class*="textDefault-"], .theme-dark [class*="headingDefault-"], [class*="pageSectionWrapper-"] [class*="testimonial-"] p, [class*="sectionHeading-"], [class*="testimonialDetails-"], [class*="pageSectionDefault-"] [class*="widthNarrow-"] h4, [class*="pageSectionDefault-"] [class*="widthNarrow-"] p, .blocks-item-link:hover h4, .blocks-item-link:hover p, .blocks-item-link:hover .meta-data { color: var(--color-18191c) !important; } .my-activities-nav { background: var(--color-18191c) !important; color: var(--color-98aab5) !important; } .my-activities-nav ul li, .my-activities-sub-nav > ul> li, .my-activities-sub-nav a, .my-activities-nav a, .requests-table-toolbar select, .striped-list-number { color: var(--color-98aab5) !important; } a.dropdown-toggle:hover { color: var(--color-eeeeee) !important; } .my-activities-sub-nav li:hover, .collapsible-nav-list li:hover { border-bottom: 4px solid var(--color-7289da) !important; filter: brightness(120%) !important; } .dropdown-menu [role="menuitem"][aria-selected="true"] { background: var(--color-35393e) !important; color: var(--color-98aab5) !important; } [class*="backButton-"]:before, .community-enabled .logo { filter: invert(1) !important; } [class*="outlinedWhite-"] { border: 1px solid var(--color-18191c) !important; color: var(--color-18191c) !important; } .my-activities-sub-nav, .comment-overview, .topic-header, .striped-list-item { border-color: var(--color-4a4d53) !important; } .dropdown-menu [role="menuitem"]:hover, [class*="squadDivider-"] { background: var(--color-4a4d53) !important; } [class*="videoSection-"], [class*="sectionJobs-"], .community-enabled, [class*="topSectionSpotify-"], [class*="input-"]:not([placeholder*="Search Tenor"]):not([value*="@"]) { background: var(--color-18191c) !important; } [class*="card-"] h4, [class*="card-"] p, [class*="widthDefault-"] h2, [class*="widthHalf-"] h2, [class*="investorsIntro-"] h2, [class*="widthNarrow-"] h2, [class*="widthNarrow-"] h3, .screenContent h3, .u-textColorNormal, [class*="header-"], [class*="description-"], [class*="filterLabel-"], [class*="bgGreyDots-"] [class*="description-"] h4, [class*="bgGreyDots-"] [class*="description-"] li, [class*="bgBlackBlobs-"] [class*="widthNarrow-"] h2, [class*="bgBlackBlobs-"] [class*="widthNarrow-"] h3, [class*="bgBlackBlobs-"] [class*="widthNarrow-"] p, [class*="pageSectionWrapper-"] [class*="widthHalf-"] p, .community-enabled h1, .community-enabled p, .flex-item h3, [class*="heroHeading-"] [class*="headingDefault-"], [class*="heroHeading-"] [class*="textDefault-"], [class*="pageSectionWrapper-"] p, .theme-dark [class*="inner-"], .theme-dark [class*="headingDefault-"], h3.collapsible-sidebar-title, div.article-meta, .article-meta .meta-group li, .article-votes-question, .article-vote-label, .article-more-questions, .article-list-link, .dropdown-toggle, .meta-data, .dropdown-menu [role="menuitem"], [class*="sectionCompanyStats-"] div > div > p:nth-child(2) { color: var(--color-98aab5) !important; } .article-body h3 a { color: var(--color-eeeeee) !important; } .article-body h3 a:hover { filter: brightness(90%) !important; } .article-body h3 { color: var(--color-eeeeee) !important; background-color: var(--color-3ca374) !important; border: 2px solid var(--color-43B581) !important; } .article-votes, .article-return-to-top, .article-relatives { border-top: 1px solid var(--color-6d6d6d) !important; } .article-list-item { border-bottom: 1px solid var(--color-6d6d6d) !important; } .article-sidebar a.sidenav-item { color: var(--color-98aab5) !important; border-color: var(--color-4a4d53) !important; } .article-sidebar a.sidenav-item:hover { box-shadow: none !important; color: var(--color-eeeeee) !important; } a.article-sidebar-item { background: var(--color-5b666d) !important; border: 2px solid var(--color-4a4d53)n!important; } a.article-sidebar-item:hover, .blocks-item-link:hover { background: var(--color-7289da) !important; color: var(--color-eeeeee) !important; border: none !important; } .category-grid .flex-item { background-color: var(--color-4a4d53) !important; } .community-enabled .flex-item { box-shadow: 0px 5px 20px rgba(101, 101, 101, .3) !important; } .community-enabled .flex-item:hover { box-shadow: 0px 5px 20px rgba(101, 101, 101, .5) !important; } .container-divider { border-top: 1px solid var(--color-4a4d53) !important; } [class*="filterOptionSelected-"] { background-color: var(--color-eeeeee) !important; border-color: var(--color-18191c) !important; color: var(--color-18191c) !important; } [class*="jobCardImage-"] { opacity: .7 !important; } [class*="appButton-"] { border: 2px solid var(--color-eeeeee) !important; color: var(--color-eeeeee) !important; filter: brightness(90%) !important; } [class*="listItemSocialMedia-"] a img, .localePicker-25NM64 img, .button-1w5pas { filter: brightness(90%) !important; } [class*="bgGreyBlobs-"]:not([class*="investorImage-"]) { background: url('https://discordapp.com/assets/e26250b04de9e3ff34cdd67dfe9b2fa6.svg') top no-repeat !important; background-color: var(--color-5b666d) !important; } [class*="card-"][class*="tweetWrapper-"] { background: var(--color-18191c) !important; } svg [class*="wavePath-"] { fill: var(--color-18191c) !important; } [class*="investorCard-"] { background: var(--color-18191c) !important; } [class*="card-"] [class*="investorImage-"], [class*="emptyPlaceholder-"][class*="bottom-"] [class*="image-"] { filter: brightness(260%) !important; } [class*="sectionCompanyStats-"] { background-image: none !important; } [class*="wumpusShown-"] [class*="wumpusTooltip-"] { background: var(--color-18191c) !important; color: var(--color-98aab5) !important; &::after { border-color: var(--transparent) var(--color-18191c) var(--transparent) var(--transparent) !important; } } /*Language Dropdowns*/ [class*="moreList"], [class*="localeList"] { background: var(--color-2c2f33) !important; } [class*="moreList"]:hover, [class*="localeBase"]:hover, .faq-3O2dEL { background: var(--color-18191c) !important; color: var(--color-eeeeee) !important; } [class*="heroStyling-"] p, [class*="heroStyling-"] a { color: var(--color-2c2f33) !important; } .theme-dark [class*="slide-"] { background: var(--color-35393e) !important; } .theme-dark [class*="action-"]:not([class*="clickOverride-"]):not([class*="disableInteraction-"]), .theme-light [class*="action-"]:not([class*="clickOverride-"]):not([class*="disableInteraction-"]) { background: var(--color-4a4d53) !important; } [class*="searchBar-"][class*="searchBarLight-"] [class*="searchBarInner-"], [class*="form-"] [class*="controlGroup-"] input[type="text"] { background-color: var(--color-inputf) !important; color: var(--color-eeeeee) !important; } .theme-dark [class*="footer-"]:not([class*="flex-"]):not([class*="accountList-"]), .theme-light [class*="modal-"] [class*="footer-"] { background-color: var(--color-2f3136) !important; box-shadow: inset 0 1px 0 var(--color-4a4d53) !important; } [class*="regionSelect-"] button, [class*="regionSelect-"] [class*="regionSelectInner-"] { border: 1px solid var(--color-6d6d6d) !important; } .theme-dark [class*="friendsAction-"][class*="friendsActionVoiceCall-"]:hover { background-color: var(--color-3ca374) !important; } .theme-dark [class*="regionSelect-"]:hover [class*="regionSelectInner-"], .theme-dark [class*="regionSelect-"]:hover button, .theme-light [class*="regionSelect-"]:hover [class*="regionSelectInner-"], .theme-light [class*="regionSelect-"]:hover button, .theme-dark [class*="input-"]:focus, .theme-dark [class*="cancelButton-"]:hover { border-color: var(--color-7289da) !important; } .theme-dark [class*="input-"]:not(:focus) { border-color: var(--color-6d6d6d) !important; } .theme-dark [class*="input-"]::placeholder, [class*="input-"]::placeholder { color: var(--color-98aab5) !important; } .theme-dark [class*="input-"] { border-bottom-color: var(--color-98aab5) !important; color: var(--color-eeeeee) !important; } [class*="inner-"] [class*="inputWrapper-"] [class*="inputDefault-"] { padding: 10px !important; } .theme-dark [class*="focused-"]:after, .theme-dark [class*="result-"]:hover:after { -webkit-box-shadow: inset 0 0 0 2px var(--color-98aab5), inset 0 0 2px 2px var(--color-2f3136) !important; box-shadow: inset 0 0 0 2px var(--color-98aab5), inset 0 0 2px 2px var(--color-2f3136) !important; } [class*="regionSelectModal-"], [class*="modalNewUser-"] > [class*="steps-"] { background: var(--color-36393f) !important; } [class*="regionSelectModal-"] [class*="regionSelectModalOption-"] { background-color: var(--color-4a4d53) !important; border: 2px solid var(--color-6d6d6d) !important; } [class*="modalNewUser-"] > [class*="steps-"] [class*="step1-"] { filter: invert(90%) hue-rotate(180deg) !important; } [class*="form-"] [class*="btnDefault-"] { background-color: var(--color-2f3136) !important; border-bottom: 2px solid var(--color-7289da) !important; color: var(--color-6d6d6d) !important; } [class*="form-"] [class*="formActions-"] { background-color: var(--color-2f3136) !important; border-top: 1px solid var(--color-6d6d6d) !important; } /*log in field*/ [class*="fieldInputBrand-"], [class*="fieldInputDark-"], [class*="fieldInputDefault-"], [class*="fieldInputGreen-"] { color: var(--color-eeeeee) !important; } .theme-dark [class*="textArea-"]::placeholder { color: var(--color-eeeeee) !important; opacity: .4 !important; } .theme-dark [class*="autocomplete-"] { border-left: 1px solid var(--color-4a4d53) !important; border-top: 1px solid var(--color-4a4d53) !important; border-right: 1px solid var(--color-4a4d53) !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } [class*="autocomplete-"] { background-color: var(--color-2f3136) !important; } [class*="autocomplete-"] [class*="selectorSelected-"] { background-color: var(--color-35393e) !important; } [class*="autocomplete-"] div { color: var(--color-98aab5) !important; } .theme-dark [class*="emptyState-"], [class*="timestampCozy-"], #discord-widget .widget-member .widget-member-game { filter: brightness(160%) !important; } .theme-dark [class*="emptyState-"] a { filter: brightness(70%) !important; } /*Narrower text area similar to app*/ @supports (-moz-user-select: none) { /* ? Fixes input element in firefox based browsers. */ [class*="channelTextArea-"] textarea[class*="textArea-"] { margin: 0 !important; padding: 0 10px !important; /* ? Center input text on the first row of text. */ &[style*="height: auto"] { padding-top: 10px !important; margin: 1px 0 -3px !important; } /* ? Reset padding whenever there are two or more rows of text. */ &:not([style*="height: auto"]) { padding: 10px !important; } } } /* chrome align */ [class*="emojiButtonHovered-"]:not(*:root), [class*="emojiButtonNormal-"]:not(*:root), [class*="buttons-"] [class*="buttonWrapper-"]:not(*:root) { top: 0px !important; } /* firefox align */ [class*="emojiButtonHovered-"], [class*="emojiButtonNormal-"], [class*="buttons-"] [class*="buttonWrapper-"] { top: 2px !important; } [class*="messagesPopoutWrap-"] [class*="top-"] [class*="item-"][class*="itemSelected-"], [class*="messagesPopoutWrap-"] [class*="top-"] [class*="item-"]:hover, [class*="tabBarContainer-"] [class*="itemSelected-"], [class*="tabBarContainer-"] [class*="item-"]:hover { border-color: var(--color-7289da) !important; } [class*="emojiPicker-"], [class*="searchBar-"][class*="searchBarLight-"] { background-color: var(--color-2f3136) !important; } [class*="emojiPicker-"] input { color: var(--color-eeeeee) !important; } [class*="searchBarLight-"] [class*="searchBarIcon-"] [class*="icon-"][class*="iconSearchBarClear-"] { filter: brightness(120%) !important; } [class*="searchBarLight-"] [class*="searchBarInner-"] { background-color: var(--color-4a4d53) !important; } .search:before { background-color: var(--color-4a4d53) !important; } input[type="search"], input[placeholder="Where would you like to go?"] { background-color: var(--color-4a4d53) !important; border-radius: 4px !important; border-color: var(--color-6d6d6d) !important; color: var(--color-eeeeee) !important; } [class*="searchBarInner-"] input::placeholder { color: var(--color-eeeeee) !important; opacity: .3 !important; } [class*="emojiPicker-"] [class*="searchBarIcon-"] { filter: invert(1) !important; } [class*="heroStyling-"] img { filter: invert(1) hue-rotate(180deg) !important; background: var(--transparent) !important; } [class*="searchBarInner-"] input { color: var(--color-eeeeee) !important; } [class*="emojiPicker-"] .category-2U57w6 { color: var(--color-98aab5) !important; background: var(--color-2f3136) !important; } [class*="emojiPicker-"] .header-1nkwgG { border-bottom: 1px solid var(--color-4a4d53) !important; } [class*="emojiPicker-"] [class*="categories-"] { border-top: 1px solid var(--color-4a4d53) !important; } [class*="emojiPicker-"] [class*="categories-"] [class*="item-"]:hover { opacity: 1 !important; filter: brightness(120%) !important; } [class*="diversitySelector-"] [class*="popout-"] { background: var(--color-2f3136) !important; border: 1px solid var(--color-98aab5) !important; } [class*="emojiPicker-"] [class*="dimmer-"].visible-3k45bQ { background-color: var(--color-select) !important; } .diversitySelector-tmmMv0 .popout-2nUePc [class*="item-"]:hover { background-color: var(--color-hover) !important; } [class*="emojiPicker-"] [class*="scroller-"] [class*="emojiItem-"] { background-color: var(--transparent) !important; } [class*="emojiPicker-"] [class*="scroller-"] [class*="emojiItem-"]:hover { background-color: var(--color-6d6d6d) !important; } /* scrollbars */ if not disable_scrollbar { [class^="chat"], [class*="friends"], [class*="emojiPicker-"], [class*="channels-"] { ::-webkit-scrollbar { &-track { background: var(--color-2f3136) !important; border-radius: 0 !important; } &-track-piece { background: var(--color-2f3136) !important; } &-thumb { background: var(--color-5b666d) !important; border-radius: 0 !important; } } } [class*="emojiPicker-"] ::-webkit-scrollbar, [class*="contentRegion-"] ::-webkit-scrollbar { width: var(--scrollbar-width) !important; &-track { background: var(--color-2f3136) !important; border-radius: 0 !important; } &-track-piece { background: var(--color-2f3136) !important; } &-thumb { background: var(--color-5b666d) !important; border-radius: 0 !important; } } @supports (-moz-user-select: none) { [class*="track-"], [class*="thumb-"], [class*="emojiPicker-"] [class*="track-"], [class*="emojiPicker-"] [class*="thumb-"] { width: var(--scrollbar-width) !important; } [class*="slider-"] [class*="track-"] { width: 100% !important; } } [class*="track-"], [class*="thumb-"], [class*="emojiPicker-"] [class*="track-"], [class*="emojiPicker-"] [class*="thumb-"] { border-radius: 0 !important; border: none !important; } [class*="emojiPicker-"] [class*="thumb-"] { margin: 1px !important; } [class*="messagesWrapper-"] [class*="scrollbar-"] [class*="track-"], [class*="scrollbar-"] [class*="track-"] { background: var(--color-2f3136) !important; border-color: var(--transparent) !important; } [class*="messagesWrapper-"]:hover [class*="scrollbar-"] [class*="track-"] { background: var(--color-2f3136) !important; border-color: var(--transparent) !important; } [class*="scrollerThemed-"][class*="themeLight-"] [class*="scrollbar-"], [class*="scrollerThemed-"][class*="themeLight-"] [class*="pad-"], .theme-dark [class*="scrollerThemed-"][class*="themeLight-"] [class*="scrollbar-"], .theme-dark [class*="scrollerThemed-"][class*="themeLight-"] [class*="pad-"], .theme-light [class*="scrollerWrap-"] [class*="scrollbar-"], .theme-light [class*="scrollerThemed-"][class*="themeLight-"] [class*="pad-"] { background-color: var(--color-2f3136) !important; } [class*="thumb-"], [class*="channels-"] [class*="thumb-"], [class*="membersWrap-"] [class*="thumb-"] { background-color: var(--color-5b666d) !important; } [class*="messagesWrapper-"] [class*="scrollbar-"] [class*="track-"], [class*="messagesWrapper-"]:hover [class*="scrollbar-"] [class*="track-"] { border-right: 1px solid var(--color-35393e) !important; margin-left: 3px !important; } [class*="emojiPicker-"] [class*="track-"] { border-left: 1px solid var(--color-35393e) !important; } } [class*="scrollbar-"] [class*="track-"], [class*="scrollbar-"]:not([class*="textArea-"]) { background: var(--color-2f3136) !important; border-radius: 0 !important; } [class*="modal-"] [class*="scrollbar-"]:not(textarea), [class*="modal-"] [class*="track-"], [class*="modal-"] [class*="pad-"] { background: var(--color-36393f) !important; } /* upstream bug fix gif selector cut off */ [class*="result-"] { width: calc(100% - 6px) !important; margin-left: -1px !important; } [class*="autocomplete-"] [class*="scroller-"] { overflow-x: hidden !important; } /* end fix */ [class*="scrollbar-"] [class*="pad-"] { width: 3px !important; left: -3px !important; background: var(--color-36393f) !important; } [class*="channels-"] [class*="scrollbar-"] [class*="pad-"] [class*="chat-"] [class*="scrollbar-"] [class*="pad-"], [class*="messagesPopoutWrap-"] [class*="scrollbar-"] [class*="pad-"], [class*="sidebarRegion-"] [class*="scrollbar-"] [class*="pad-"] { background: var(--color-2f3136) !important; } /* end scrollbars */ .form-deprecated .control-group input[type="email"], .form-deprecated .control-group input[type="number"], .form-deprecated .control-group input[type="password"], .form-deprecated .control-group input[type="text"], .form-deprecated .control-group textarea, .form.deprecated .control-group input[type="email"], .form.deprecated .control-group input[type="number"], .form.deprecated .control-group input[type="password"], .form.deprecated .control-group input[type="text"], .form.deprecated .control-group textarea { color: var(--color-98aab5) !important; background: var(--color-2f3136) !important; border-radius: 50px !important; border-bottom: 1px solid var(--color-98aab5) !important; } .need-help-modal.deprecated .footer { background-color: var(--color-35393e) !important; border-top: 1px solid var(--color-7289da) !important; color: var(--color-98aab5) !important; } .form-deprecated .form-inner, .form.deprecated .form-inner { background-color: var(--color-35393e) !important; } .theme-dark [class*="backdrop-"], [class*="premiumPromo-"] { background-color: var(--color-18191c) !important; } [class*="downloadApps-"] [class*="platforms-"] [class*="platform-"] { border: 1px solid var(--color-98aab5) !important; } .create-guild-container.deprecated .action { background: var(--color-202225) !important; } .create-guild-container.deprecated { background-color: var(--color-7289da) !important; } /* Improve visibility of chat area emoji and emoji-picker emoji */ [alt=":water_buffalo:"], [alt=":footprints:"], [slt=":feet:"], /* alt images above and img src below */ img[src*="7f113473a29d9c7b7a954e669db5b167.svg"], img[src*="56950b28b0de71b80cdb2fdb74affb03.svg"], img[src*="35e06b64acba7714e47cb907f1a51443.svg"], /* img src above and style background-position/background-size below */ [style*="background-position: -814px -88px; background-size: 924px 704px;"], [style*="background-position: -44px -66px; background-size: 924px 704px;"], [style*="background-position: -352px -110px; background-size: 924px 704px;"] { filter: invert(1) brightness(90%) contrast(50%) !important; } [alt=":space_invader:"], [alt=":gorilla:"], [alt=":bikini:"], [alt=":tophat:"], [alt=":mortar_board:"], [alt=":guardsman:"], [alt=":electric_plug:"], [alt=":prayer_beads:"], [alt=":bomb:"], [alt=":key2:"], [alt=":hole:"], [alt=":flag_black:"], [alt=":pen_fountain:"], [alt=":black_nib:"], [alt=":pen_ballpoint:"], [alt=":hockey:"], [alt=":levitate:"], [alt=":microphone:"], [alt=":headphones:"], [alt=":musical_score:"], [alt=":slot_machine:"], [alt=":bowling:"], [alt=":joystick:"], [alt=":vhs:"], /* alt images above and img src below */ img[src*="42696bf24081bd55a03e15d4e4cc084a.svg"], img[src*="de65a7626f89403e26eed5c12e05fddf.svg"], img[src*="b4351e95f4ee4ba1ad225b996976a42b.svg"], img[src*="e52382056f97f305e32d8f14aa557526.svg"], img[src*="30031f3c30951eed996e7bacdbbfb61f.svg"], img[src*="a3fdff4442a1292282f41fbfefab4c45.svg"], img[src*="7723ee55f259edfcc5bd5cb5d162bf3e.svg"], img[src*="dd833e9a6b27f767eb7002e613047d03.svg"], img[src*="cec604bb59b00a2ef838c1c0bf34bc1d.svg"], img[src*="e11f01ddc5cb675d9a36c52f5850cb92.svg"], img[src*="b8c564524314f606251429fdd96d6d4c.svg"], img[src*="183718e983ac8ed0bc00c0c485ee8d7e.svg"], img[src*="a307f008c0df67604bf9d07f4c11f6c2.svg"], img[src*="d88d46379fae148966f07b4a079528df.svg"], img[src*="00e8fe627e9bd3cedc9c07f5640b654c.svg"], img[src*="2b74c0c2b1a7083a3d8215bcaf023799.svg"], img[src*="1cbba79bb198dd09c5b9b6cc0a6c7ddf.svg"], img[src*="47535de9ad642a6045b1fd017b21aed5.svg"], img[src*="5229116797b54a6ce886b9517291aa0f.svg"], img[src*="c78b52229dc2aad445fd091453f4c75d.svg"], img[src*="e6ec28237dfa28af53d648bdec0a3d0d.svg"], img[src*="242bfc0589b06e155df9b58b6dcd73e9.svg"], img[src*="536c2c45ade326ef4197eb48c75cff6a.svg"], img[src*="cb5fc2bda212a864f47e6724549c9be6.svg"], /* img src above and style background-position/background-size below */ [style*="background-position: -462px -220px; background-size: 924px 704px;"], [style*="background-position: -374px -154px; background-size: 924px 704px;"], [style*="background-position: -880px -44px; background-size: 924px 704px;"], [style*="background-position: -198px -66px; background-size: 924px 704px;"], [style*="background-position: -242px -66px; background-size: 924px 704px;"], [style*="background-position: -176px -66px; background-size: 220px 198px;"], [style*="background-position: -528px -308px; background-size: 924px 704px;"], [style*="background-position: -374px -330px; background-size: 924px 704px"], [style*="background-position: -132px -330px; background-size: 924px 704px;"], [style*="background-position: -704px -330px; background-size: 924px 704px;"], [style*="background-position: -484px -330px; background-size: 924px 704px;"], [style*="background-position: -484px -374px; background-size: 924px 704px;"], [style*="background-position: -616px -374px; background-size: 924px 704px;"], [style*="background-position: -638px -374px; background-size: 924px 704px;"], [style*="background-position: -594px -374px; background-size: 924px 704px;"], [style*="background-position: -770px -198px; background-size: 924px 704px;"], [style*="background-position: -22px -176px; background-size: 220px 198px;"], [style*="background-position: -242px -220px; background-size: 924px 704px;"], [style*="background-position: -264px -220px; background-size: 924px 704px;"], [style*="background-position: -286px -220px; background-size: 924px 704px;"], [style*="background-position: -528px -220px; background-size: 924px 704px;"], [style*="background-position: -550px -220px; background-size: 924px 704px;"], [style*="background-position: -792px -286px; background-size: 924px 704px;"], [style*="background-position: 0px -308px; background-size: 924px 704px;"] { filter: brightness(180%) !important; } [alt=":bust_in_silhouette:"], [alt=":busts_in_silhouette:"], [alt=":speaking_head:"], [alt=":dark_sunglasses:"], [alt=":ant:"], [alt=":spider:"], [alt=":eight_pointed_black_star:"], [alt=":wavy_dash:"], [alt=":curly_loop:"], [alt=":heavy_check_mark:"], [alt=":heavy_plus_sign:"], [alt=":heavy_minus_sign:"], [alt=":heavy_division_sign:"], [alt=":heavy_multiplication_x:"], [alt=":heavy_dollar_sign:"], [alt=":currency_exchange:"], [alt=":end:"], [alt=":back:"], [alt=":on:"], [alt=":top:"], [alt=":soon:"], [alt=":black_circle:"], [alt=":black_small_square:"], [alt=":black_large_square:"], [alt=":black_medium_square:"], [alt=":black_medium_small_square:"], [alt=":spades:"], [alt=":clubs:"], [alt=":black_heart:"], [alt=":telephone_receiver:"], [alt=":black_square_button:"], /* alt images above and img src below */ img[src*="1223c2e358973af4766acf976e941520.svg"], img[src*="cb3eea8759d62489b21ccd3ee913c1c8.svg"], img[src*="6fd0da46c7a400150ac09ba4a456a1f3.svg"], img[src*="257c0cd89a832bbec1dd24f4ce2551fb.svg"], img[src*="0460f909ad7af026badfc426a7e32f11.svg"], img[src*="58e11980fae4c72a9625a2f531bbc4e4.svg"], img[src*="0732c78b1ca3eead19f00352190bd5f6.svg"], img[src*="deb1db01d54ee99ef50ceccc9aa79bfd.svg"], img[src*="be73eca7ff2e6dd30b69a43974a19164.svg"], img[src*="c4c6f3a5f024d772b5164605db9d431b.svg"], img[src*="13262ca66be5da2c98c6daa8bed7353a.svg"], img[src*="8502696d0b3ebe3eceb24c13888ea623.svg"], img[src*="c4c6f3a5f024d772b5164605db9d431b.svg"], img[src*="3d0695990d2375dbae86b87bf5205502.svg"], img[src*="ad7398486e336cf17b49bfe4fad446b6.svg"], img[src*="0c37ee07aabe19072b03afdf299ab7a6.svg"], img[src*="a65d35e1714c54139d79c90a2126acdd.svg"], img[src*="4162176664cb7ec52ed19754b6818672.svg"], img[src*="1d1fc4f2a7b7b936011a281da94b3652.svg"], img[src*="68eaf52110e1feeaf4eeabbb903b652d.svg"], img[src*="43f3d80150abccba31df3e32ea4b3cec.svg"], img[src*="4ca85cc4e104c1522ab1fb7b0eb90c3c.svg"], img[src*="2ffa76c4b99ee4ed1cce07e2ea6eab7b.svg"], img[src*="8dcca2877f51849a159035186bf93dff.svg"], img[src*="90afb3e43c37af013870d5b1f530fb8b.svg"], img[src*="cf093ef298428cb03a9627721dd8ecbc.svg"], img[src*="634cc490e36cdb8b29c200f23f7b2f05.svg"], img[src*="7b6619d2887c4129dee97040e2db0db6.svg"], img[src*="0fa5cea503e2cecc5dfe0d5eff8d2126.svg"], img[src*="9e62a2acc00cd50132c7e09acf4671ff.svg"], img[src*="2d6a964ec20df9bf319d7858ed43bf75.svg"], img[src*="5d15d81bc39f310bfa589fc4276c6d49.svg"], /* img src above and style background-position/background-size below */ [style*="background-position: -154px -44px; background-size: 924px 704px;"], [style*="background-position: -176px -44px; background-size: 924px 704px;"], [style*="background-position: -198px -44px; background-size: 924px 704px;"], [style*="background-position: -418px -66px; background-size: 924px 704px;"], [style*="background-position: -484px -88px; background-size: 924px 704px;"], [style*="background-position: -506px -88px; background-size: 924px 704px;"], [style*="background-position: -154px -418px; background-size: 924px 704px;"], [style*="background-position: -286px -484px; background-size: 924px 704px;"], [style*="background-position: -308px -484px; background-size: 924px 704px;"], [style*="background-position: -330px -484px; background-size: 924px 704px;"], [style*="background-position: -374px -484px; background-size: 924px 704px;"], [style*="background-position: -396px -484px; background-size: 924px 704px;"], [style*="background-position: -418px -484px; background-size: 924px 704px;"], [style*="background-position: -440px -484px; background-size: 924px 704px;"], [style*="background-position: -462px -484px; background-size: 924px 704px;"], [style*="background-position: -484px -484px; background-size: 924px 704px;"], [style*="background-position: -462px -506px; background-size: 924px 704px;"], [style*="background-position: -484px -506px; background-size: 924px 704px;"], [style*="background-position: -308px -528px; background-size: 924px 704px;"], [style*="background-position: -572px -484px; background-size: 924px 704px;"], [style*="background-position: -594px -484px; background-size: 924px 704px;"], [style*="background-position: -616px -484px; background-size: 924px 704px;"], [style*="background-position: -638px -484px; background-size: 924px 704px;"], [style*="background-position: -660px -484px; background-size: 924px 704px;"], [style*="background-position: -748px -484px; background-size: 924px 704px;"], [style*="background-position: 0px -506px; background-size: 924px 704px;"], [style*="background-position: -44px -506px; background-size: 924px 704px;"], [style*="background-position: -110px -506px; background-size: 924px 704px;"], [style*="background-position: -154px -506px; background-size: 924px 704px;"], [style*="background-position: -154px -308px; background-size: 924px 704px;"], [style*="background-position: -198px -506px; background-size: 924px 704px;"] { filter: brightness(25%) !important; } [alt=":video_game:"], [alt=":video_camera:"], [alt=":movie_camera:"], [alt=":projector:"], [alt=":tm:"], [alt=":registered:"] [alt=":copyright:"], /* alt images above and img src below */ img[src*="7d600babcd1bddfd7a7d35acc1ed4cd3.svg"], img[src*="169565d0b5f43d2c5da4dd26bb54b160.svg"], img[src*="8f58e04ab1a6dd3c9798877912c2cb93.svg"], img[src*="dd21835e0b93364676fce48d9e81c609.svg"], /* img src above and style background-position/background-size below */ [style*="background-position: -440px -220px; background-size: 924px 704px;"], [style*="background-position: -66px -308px; background-size: 924px 704px;"], [style*="background-position: -88px -308px; background-size: 924px 704px;"], [style*="background-position: -110px -308px; background-size: 924px 704px;"], [style*="background-position: -550px -484px; background-size: 924px 704px;"], [style*="background-position: -528px -484px; background-size: 924px 704px;"], [style*="background-position: -506px -484px; background-size: 924px 704px;"] { filter: invert(1) brightness(80%) hue-rotate(180deg) !important; } /* fix store items overflow */ [class*="gameTitle"] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } if not show_download_btn { [class*="downloadAppButton-"] { display: none !important; } } if not show_store_lib_btns { [class*="channels"] [class*="channel"] > a[href*="store"], [class*="channels"] [class*="channel"] > a[href*="library"] { display: none !important; } } if show_square_avatars { [class*="avatar-"] [class*="image-"], [class*="avatarWrapper-"] [class*="image-"], [class*="wrapper-"][class*="avatarSmall-"] [class*="inner-"], [class*="wrapper-"][class*="avatarXXLarge-"] [class*="inner-"], [class*="wrapper-"][class*="avatarXSmall-"] [class*="inner-"], [class*="avatarUploaderInner-"], [class*="avatarHint"], [class*="friendsRow-"] [class*="icon-"], [class*="tweetAvatar-"], [class*="inner-"] [class*="listAvatar-"][class*="iconInactive-"], [class*="inner-"] [class*="listAvatar-"][class*="icon-"], [class*="wrapper-"][class*="listAvatar-"] [class*="image-"] { border-radius: 4px !important; } [class*="mask-"] { -webkit-mask: none !important; mask: none !important; } } if compact_mode { /*disable "direct messages" text*/ [class*="privateChannels"] header { display: none !important; } [class*="container-"] div button[class*="iconButtonDefault-"][class*="small-"] { margin-left: -10px !important; } [class*="channel-"][class*="selected-"] a { min-width: 71px !important; } [class*="channels"] { width: 71px !important; transition: 300ms ease-in-out; overflow-x: hidden; /*apply only if CMT is enabled*/ if compact_mode_transition { /*show sidebar*/ &:hover { width: 240px !important; transition-delay: transition_delay !important; } /*show notifications/channel controls on hover*/ &:hover [class*="content"] > [class*="marginReset"] { max-width: 65px !important; opacity: 1 !important; transition-delay: transition_delay !important; } /*hide usernames until sidebar is activated*/ &:hover [class*="channel"] [class*="name"] { margin-left: 0; transition-delay: 0.3s; } /*show search-bar*/ &:hover [class*="searchBar-"] { transition-delay: transition-delay !important; &:hover input[placeholder="Find or start a conversation"] { background-color: var(--color-202225) !important; } input[placeholder="Find or start a conversation"] { background-color: var(--color-202225) !important; padding-left: 5px !important; } } &:hover [class*="container-"] div button[class*="iconButtonDefault-"][class*="small-"]:not([aria-label="Undeafen"]) { margin-right: 10px !important } /*animation for search-bar*/ &:hover [class*="searchBar-"] { transition: 0.3s ease-in-out; transition-delay: transition_delay !important; &:hover { transition-delay: 0s !important; } } /*hide usernames*/ [class*="channel"] [class*="name"] { margin-left: 50px; transition: margin-left transition_delay ease-in-out; transition-delay: transition-delay; } } /*remove extra margin on channels*/ [class*="channel"] > a { margin: 1px 8px 1px 8px !important; } /*remove instant invites*/ [class*="channelNotices"] > [class*="invite"] { display: none !important; } /*remove # in servers*/ [class*="content"] > [class*="marginReset"] { max-width: 0 !important; opacity: 0 !important; } /*fix icons in direct messages*/ [class*="linkButtonIcon"] { min-width: 24px; } /*fix scroller in firefox*/ [class*="scroller"] { padding-right: 0; } /*your avatar and settings*/ [class*="container-"] > [class*="avatar-small-"] { margin: 0 16px 0 6px; } /*typing...*/ .avatar-small .status[class*="typing"] { right: 0px !important; } /*search bar*/ [class*="privateChannels"] [class*="searchBar-"] { [class*="searchBarInner-"] { background: var(--color-202225) url(https://discordapp.com/assets/92222a08554d0e19d6bf1a45ca780b7c.svg) no-repeat !important; background-position-x: 14px !important; background-position-y: center !important; border-color: var(--transparent) !important; filter: brightness(120%); input { width: 0px !important; min-width: 0px !important; opacity: 0 !important; } if compact_mode_transition { &:hover { transition: 200ms ease-in-out !important; transition-delay: transition_delay !important; } input { padding-left: 35px !important; opacity: 1 !important; } } } } } } /*fix visible text on chromium*/ if not compact_mode_transition { [class*="privateChannels"] > a > *:first-child { margin-right: 22px !important; } } if server_sidebar == resize { /*Server right sidebar*/ @media screen and (min-width: 0px) and (max-width: 900px) { [class*="membersWrap"] { min-width: 55px !important; width: 55px !important; } [class*="membersGroup"] { display: none !important; } [class*="members"] > [class*="member"] { margin: 5px 0 5px 8px !important; } } @media screen and (min-width: 0px) and (max-width: 600px) { [class*="membersWrap"] { display: none !important; } } } if server_sidebar == compact { /*Server right sidebar*/ [class*="membersWrap"] { min-width: 55px !important; width: 55px !important; } [class*="membersGroup"] { visibility: hidden !important; height: 0 !important; padding: 0 !important; } [class*="members"] > [class*="member"] { margin: 5px 0 5px 8px !important; } @media screen and (min-width: 0px) and (max-width: 600px) { [class*="membersWrap"] { display: none !important; } } if server_sidebar == never { /* do nothing */ } if compact_mode_transition { [class*="membersWrap"]:hover { min-width: 240px !important; width: 240px !important; } [class*="membersWrap"]:hover [class*="membersGroup"] { visibility: visible !important; padding: 20px 8px 0px 16px !important; height: 40px !important; } [class*="membersWrap"], [class*="membersGroup"] { transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } [class*="membersWrap"]:hover, [class*="membersWrap"]:hover [class*="membersGroup"] { transition-delay: transition_delay; transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } } } }