/********************************************************** * Crystalline CSS for BeautifulDiscord * * Version 1.22.25 * * * * Created by SamuiNe * * https://github.com/SamuiNe * * Maintained by TommyGodlike * * https://github.com/TommyGodlike * * * * Found a bug or have a suggestion? * * Feel free to open an issue at the GitHub repository. * * Thank you in advance! * * * * MIT License, Copyright SamuiNe 2016 ~ 2023? * **********************************************************/ /* Caution! This theme only works for dark theme for now. It will not work properly at light theme. */ body { -webkit-transition: background 3s ease-in-out; transition: background 3s ease-in-out; /* Picture URL goes into parenthesis. */ background: #fff url(https://w.wallhaven.cc/full/0q/wallhaven-0q19r5.png); /* Just in case adjusting the position is necessary (x% y%)*/ background-position: 50% 50%; /* It is recommended to set the background-size width to match your monitor's or discord window's width plus 1px. If the background picture is blurry, please use a bigger sized background picture. */ background-size: 1921px auto; } .app, .connecting , .appMount-2yBXZl { /* You can adjust the background brightness by reducing the fourth value of below. 0.0 for no dark background, 1.0 for full darkness. Or, you can change the other values for tint and so. 1st value - Red 0-255 2nd value - Green 0-255 3rd value - Blue 0-255 4th value - Alpha (Opacity) 0.0-1.0 */ background: rgba(0, 0, 0, 0.5) !important; -webkit-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; } /* To use custom font, please enter the font name enclosed with ' ' at font-family and remove both */ /*. */ *:not(code) { /*font-family: Whitney, Helvetica, Arial, sans-serif !important;*/ } .markup pre code, .markup-eYLPri pre code, code * { /*font-family: 'MS ゴシック', 'Ubuntu Mono', Consolas, Monaco, monospace !important;*/ font-size: 13px !important; border-radius: 0 !important; } .markup pre, .markup code, .markup-eYLPri pre, .markup-eYLPri code { /*font-family: 'MS ゴシック', 'Ubuntu Mono', Consolas, Monaco, monospace !important;*/ font-size: 13px; background: rgba(10, 10, 10, 0.7) !important; border: 0 !important; border-radius: 0 !important; } .markup pre code, .markup-eYLPri pre code { background: transparent !important; } /* If anyone needs emojis with no gaps, please comment this element with */ /*! */ .message-group .emoji{ margin: 0 !important; } /* If you want to adjust emoji size, adjust it here! Make sure to uncomment the element. .emoji.jumboable{ height: 42px; width: 42px; } */ /* In case anyone wants to change the channel font size, here ya go o/ Just need to uncomment these 3 groups. */ /* Channel name font size .nameMutedText-3Vj4bM, .nameMutedVoice-3oxyQZ, .nameDefaultText-24KCy5, .nameDefaultVoice-3WUH7s, .nameLockedText-3pqQcL, .nameLockedVoice-26MhB1, .nameSelectedText-sp_EUw, .nameSelectedVoice-1qSph5, .nameUnreadText-DfkrI4, .nameUnreadVoice-EVo-wI { font-size: 13px; } */ /* Channel Icon size .icon-sxakjD{ width: 12px !important; height: 12px !important; } */ /* Connected Voice User font size .nameDefault-2s3kbY{ font-size: 12px; } */ /* Disabling the edited message picture is possible by encapsulating .message-group .comment .edited with both */ /*. .message-group .comment .edited{ font-size: 0; width: 16px !important; height: 16px !important; display: inline-block; background-image: url(https://i.stole-a-me.me/f86e8d.png); background-size: 100%; opacity: 1; line-height: 29px; } */ .bot-tag { background: rgba(0, 200, 0, 0) !important; font-size: 0; } .bot-tag::before { content: "Bot"; font-size: 10px; background: rgba(0, 108, 200, 0.5) !important; padding: 0 2px 0 2px; color: rgba(255, 255, 255, 0.9) !important; } .context-menu{ background-color: rgba(42, 42, 42, 0.8) } div.theme-dark.context-menu, .theme-dark.context-menu .item, div.theme-dark.context-menu.item.item-subMenu{ background-color: rgba(42, 42, 42, 0.8); border-radius: 0 !important; border: 0 !important; border-image-width: 0 !important; margin: 0 0 0 0; } .context-menu .item.danger:hover{ background-color: rgba(255, 255, 255, 0.2); border-radius: 0; } .theme-dark .layers, .layer{ background: transparent !important; } .context-menu .item:hover{ background-color: rgba(255, 255, 255, 0.2) !important; border-radius: 0; } .context-menu .item{ background-color: rgba(0, 0, 0, 0) !important; } .theme-dark.context-menu{ box-shadow: none; } .context-menu{ border-radius: 0 !important; border: 0 !important; } .theme-dark.context-menu .context-menu{ background-color: rgba(42, 42, 42, 0.8) !important; } .theme-dark .invite-button{ background-color: rgba(0, 0, 0, 0.5); border: 0; border-radius: 0; } .invite-button.can-click{ border-radius: 0; background-color: rgba(0, 0, 0, 0.5); border: none; } .invite-button .invite-button-body, .invite-button .invite-button-header{ color: rgba(255, 255, 255, 0.8); } .invite-button-body{ color: #99aab5 !important; } .badge{ border-radius: 0; box-shadow: none; font-size: 15px; color: rgba(255, 255, 255, 0.95); } .change-log .lead-video, .change-log p>img, .change-log .changelog-added, .change-log .changelog-added-secondary, .change-log .changelog-fixed, .change-log .changelog-improved, .change-log .changelog-in-progress{ border-radius: 0; } .mention{ background-color: rgba(179, 224, 255, 0.22); border-radius: 0; } .need-help-modal .header{ border-radius: 0; } .need-help-modal .footer{ border: 0; border-radius: 0; background-color: rgba(42, 42, 42, 0.8); } .need-help-modal .header input[type=text]{ border-radius: 0; box-shadow: none; } .deprecated-settings-modal .settings-header{ background-color: rgba(42, 42, 42, 0.3); border-radius: 0; } .tab-bar.SIDE{ overflow: hidden; } .settings .settings-inner:first-child, .settings .settings-actions { background-color: rgba(42, 42, 42, 0.8); border: 0; border-radius: 0 !important; } .tab-bar.TOP{ border-color: rgba(255, 255, 255, 0.2); } .form .control-group input[type=text], .form .control-group input[type=email], .form .control-group input[type=password]{ padding-left: 8px; color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.2); border: 0; } .checkbox .checkbox-inner+span{ color: rgba(255, 255, 255, 0.9); } .form .control-group label+.radio-group{ color: rgba(255, 255, 255, 0.8); } .has-value>.Select-control>.Select-placeholder{ color: rgba(255, 255, 255, 0.8); } div.game-name, input.game-input{ color: rgba(255, 255, 255, 0.8); } .theme-dark .user-settings-account .view-body{ color: rgba(255, 255, 255, 0.9); } .theme-dark .faded-Yd0FtY{ color: rgba(255, 255, 255, 0.6); } .user-settings-modal-games{ background-color: rgba(42, 42, 42, 0.0); border: 0; box-shadow: none; } .user-settings-modal-games .games-table .games-row .item-game, .user-settings-modal-games .games-table .games-row .item-overlay{ border-color: rgba(255, 255, 255, 0.2); } .user-settings-modal-locale .select-item .primary{ color: rgba(255, 255, 255, 0.9) !important; } #overlay-explanation{ background-color: rgba(242, 101, 34, 0.8); border-radius: 0; } .now-playing{ border-radius: 0; } .hover-roll div{ color: rgba(255, 255, 255, 0.6); } .user-settings-locale .select-item .primary, .user-settings-locale .select-item .localized { color: rgba(255, 255, 255, 0.8) !important; } .Select-control{ background-color: rgba(0, 0, 0, 0.2); border: 0 !important; border-radius: 0; } .is-open>.Select-control{ background-color: rgba(0, 0, 0, 0.2); } .Select-menu-outer{ margin-top: 0; background-color: rgba(42, 42, 42, 0.8); border: 0; border-radius: 0; } .form .Select-option{ color: rgba(255, 255, 255, 0.8); } .form .Select-option.is-focused{ background-color: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); } .form .control-group label{ color: rgba(255, 255, 255, 0.5); } .form .control-groups>.control-group{ color: rgba(255, 255, 255, 0.8); } .form hr{ border-color: rgba(255, 255, 255, 0.2); } .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-accounts-list h3{ color: rgba(255, 255, 255, 0.5); } .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-accounts-list .user-settings-modal-accounts-list-description .user-settings-modal-accounts-list-description-inner{ color: rgba(255, 255, 255, 0.3); } .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list{ box-shadow: none; } .connect-account-btn .connect-account-btn-inner{ border-radius: 0; } .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection{ border-radius: 0; } .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-header .btn-delete{ border-radius: 0; } .settings-connections-wrapper .authed-app{ border-radius: 0; background-color: rgba(255, 255, 255, 0.2); border: 0; } .settings-connections-wrapper .authed-app .details .header{ color: rgba(255, 255, 255, 0.42); } .settings-connections-wrapper .authed-app .header .header-actions .action-btn{ border-radius: 0; } .settings-connections-wrapper .authed-app .details .body, .settings-connections-wrapper .authed-app .details .body li, .settings-connections-wrapper .authed-app .header .app-name{ color: rgba(255, 255, 255, 0.8); } .user-settings-modal .account-warning{ border-radius: 0; border: 0; background-color: rgba(253, 237, 237, 0.9); } .user-settings-modal-keybinds .user-settings-modal-keybinds-header{ border-color: rgba(255, 255, 255, 0.2); } .user-settings-authorized-apps .authed-app{ background-color: rgba(255, 255, 255, 0.1); } .settings .settings-inner .settings-panel{ background-color: rgba(0, 0, 0, 0); } .form .btn-default{ background-color: rgba(255, 255, 255, 0.2) !important ; color: rgba(255, 255, 255, 0.8) !important; border: 0 !important; padding: 10px !important; } .form .btn-default:hover{ border: 0 !important; } .form .btn-primary{ border-radius: 0 !important; color: rgba(255, 255, 255, 0.9) !important; } .form header{ color: rgba(255, 255, 255, 0.8) !important; } .form.deprecated .btn-primary{ border-radius: 0; } #instant-invite-modal .blurb{ color: rgba(255, 255, 255, 0.5); } .instant-invite-modal{ background-color: rgba(42, 42, 42, 0.8); border-radius: 0; } .instant-invites .instant-invites-list .instant-invite+.instant-invite{ border-color: rgba(255, 255, 255, 0.2); } .instant-invites .instant-invites-list .instant-invite .member{ color: rgba(255, 255, 255, 0.8); } .instant-invites .instant-invites-list .instant-invite .channel{ color: rgba(255, 255, 255, 0.3); } .checkbox .checkbox-inner span{ border-color: rgba(255, 255, 255, 0.2); border-radius: 0; } .checkbox .checkbox-inner+span{ color: rgba(255, 255, 255, 0.5); } #instant-invite-modal .form-inner, #instant-invite-modal .form-header, #instant-invite-modal .form-actions, #instant-invite-modal-advanced .form-inner, #instant-invite-modal-advanced .form-actions{ background-color: rgba(0, 0, 0, 0) !important; } #permissions ul li{ color: rgba(255, 255, 255, 0.8); } #permissions .permission-actions>div{ background-color: rgba(255, 255, 255, 0.3); border-color: rgba(0, 0, 0, 0); border-radius: 0; } #permissions .permission-actions.disabled>div{ background-color: rgba(255, 255, 255, 0.1); border-color: rgba(0, 0, 0, 0); } .form .control-group textarea{ background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.8); border: 0; } .form .form-header, .form .form-inner, .form .form-actions { background-color: rgba(22, 22, 22, 0.8) !important; color: rgba(255, 255, 255, 0.9) !important; border-radius: 0 !important; border: 0 !important; } .form .form-inner:first-child, .form .form-inner:last-child{ border-radius: 0 !important; } .alert.form .form-inner .cancel{ border-radius: 0 !important; } .alert.form.has-icon:before{ border-radius: 0 !important; background-color: rgba(0, 0, 0, 0) !important; } div.control-group .shortcut-recorder input[type=text]{ border: 0; border-radius: 0; background-color: rgba(255, 255, 255, 0.2) !important; color: rgba(255, 255, 255, 0.8); } .notice.notice-streamer-mode{ background-color: rgba(89, 54, 149, 0.5); } .notice.notice-danger{ background-color: rgba(240, 71, 71, 0.5); } .notice{ background-color: rgba(242, 101, 34, 0.5); color: rgba(255, 255, 255, 0.9); border-radius: 0; } .notice .btn{ background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.8); border-radius: 0; border: 0; } .notice .btn:hover{ background-color: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.9) !important; } .channel-notice.invite{ background: url(/assets/bf625d222187f542b9d7179109422e2c.svg) center 20px no-repeat #282b30; background-color: rgba(0, 0, 0, 0.3) !important; } .channel-notices .channel-notice{ box-shadow: none; } .channel-notices .channel-notice .message .btn, .channel-notices .channel-notice.quickswitcher-notice, .channel-notices .channel-notice.guild-mfa-warning{ color: rgba(255, 255, 255, 0.9); background-color: rgba(0, 0, 0, 0.42); } .channel-notices .channel-notice .message .btn{ border-radius: 0; border: none; } .account { padding-top: 2px; background-color: rgba(0, 0, 0, 0.42) !important; border: 0 !important; } .account .btn-group, .account .btn-group .btn { border: 0 !important; } .account .btn-group .btn { border-radius: 15px; background: rgba(0, 0, 0, 0.3) !important; box-shadow: none; outline: 0; border: 0 !important; } .account .btn-group .btn:hover { border-radius: 15px; background: rgba(0, 0, 0, 0.7) !important; box-shadow: none; border: 0 !important; } .user-settings-security .btn-ghost{ padding-top: 10px; padding-bottom: 10px; background-color: rgba(255, 255, 255, 0.2); border: 0; border-radius: 0; } .btn-confirm{ border-radius: 0; } .message-group h2 strong{ color: rgba(255, 255, 255, 0.95); } .message-group .comment .markup .markup-eYLPri{ color: rgba(255, 255, 255, 0.7); } .theme-dark .message-group .embed-wrapper .embed-color-pill{ border-radius: 0; } .theme-dark .message-group .embed{ background-color: rgba(10, 10, 10, 0.7); border-radius: 0; border: 0; } .message-group .mentioned .message-text{ border-radius: 0; } .message-group .mentioned .message-text:after{ border-radius: 0; } .theme-dark .reaction{ background-color: rgba(10, 10, 10, 0.3); border-radius: 0; } .message-reactions-modal{ background: rgba(255, 255, 0, 0); box-shadow: none; } .message-reactions-modal .message-reactions-list .scroller-wrap{ background-color: rgba(0, 0, 0, 0.3); border-radius: 0; } .message-reactions-modal .message-reactions-list-inner{ background-color: rgba(0, 0, 0 ,0); } .message-reactions-modal .message-reactions-reactors{ background-color: rgba(42, 42, 42, 0.8); } .message-reactions-modal .message-reactions-reactors .reactor{ box-shadow: none; } .message-reactions-modal .message-reactions-list-inner .reaction.selected{ background-color: rgba(255, 255, 255, 0.2); } .message-reactions-modal .message-reactions-list-inner .reaction.selected:hover{ background-color: rgba(255, 255, 255, 0.25) !important; } .message-reactions-modal .message-reactions-list-inner .reaction{ background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } .message-reactions-modal .message-reactions-list-inner .reaction:hover{ background-color: rgba(255, 255, 255, 0.15) !important; } .message-reactions-modal .message-reactions-list-inner .reaction .count{ color: rgba(255, 255, 255, 0.9); } .message-reactions-modal .message-reactions-reactors .reactor .name{ color: rgba(197, 207, 237, 1); } .theme-dark .channel-textarea-autocomplete-inner header{ border: 0; background-color: rgba(0, 0, 0, 0.5); } .channel-textarea-autocomplete-inner header strong{ color: rgba(255, 255, 255, 0.8); } .theme-dark .channel-textarea-autocomplete-inner{ border: 0; border-radius: 0; background-color: rgba(42, 42, 42, 0.8); } .theme-dark .channel-textarea-autocomplete-inner ul li.active{ background-color: rgba(255, 255, 255, 0.2); } .theme-dark .channel-textarea-autocomplete-inner:after{ border: 0; } .channel-textarea-autocomplete-inner:after{ border: 0; } .channel-textarea-guard .countdown .countdown-number{ background-color: rgba(42, 42, 42, 0.8); border-radius: 0; border: none; } .theme-dark .messages-wrapper .messages .message-group-blocked .message-group-blocked-btn{ display:none; } .theme-dark .messages-wrapper .messages .message-group-blocked{ border: none; background: none; } div.message-group-blocked{ display: none; border: none; margin-top: 0; margin-bottom: 0; } .message-group.has-divider{ border-bottom: 1px solid hsla(0,0%,100%,.04); } .theme-dark .messages-wrapper .messages .divider:before{ display: none; } .divider+.message-group-blocked, .empty-message+.message-group-blocked{ margin: 0; display: none; } .message-group-blocked+.divider{ display: none; } #friends, .friends-table, .guild-channels, .channels-wrap, .links, .chat, .messages-wrapper, .title-wrap, .content, .chat-empty, .private-channels, .guild-header header, .guild-header header:after, .typing, .divider-red span { background: transparent !important; border: 0 !important; } .scroller-wrap .scroller::-webkit-scrollbar-thumb, .scroller-wrap .scroller::-webkit-scrollbar-track-piece{ background-color: rgba(0, 0, 0, 0.42) !important; border: none !important; } .settings .settings-inner .settings-panel{ color: rgba(255, 255, 255, 0.9); } /* Old voice CSS element? #voice-connection .btn-group{ border-radius: 0; border: 0; } #voice-connection{ border: 0; background-color: rgba(0, 0, 0, 0.42); } #voice-connection .btn-info, #voice-connection .btn-disconnect{ background-color: rgba(0, 0, 0, 0.5); border: 0; box-shadow: none; } #voice-connection-popout section{ background-color: rgba(42, 42, 42, 0.8); } #voice-connection-popout hr{ border-color: rgba(255, 255, 255, 0.1); } .popout{ box-shadow: none; } */ #rtc-connection{ background-color: rgba(0, 0, 0, 0.42); border: none; } #rtc-connection .btn-group{ border-radius: 0; border: none; } #rtc-connection .btn{ background-color: rgba(0, 0, 0, 0.5); } #rtc-connection .btn-info{ border-radius: 0; border: none; } #rtc-connection .btn-disconnect{ box-shadow: none; } #rtc-connection-popout hr{ border-color: rgba(255, 255, 255, 0.3); } #rtc-debug-modal #users-section .user-list{ border-right: 1px solid rgba(255, 255, 255, 0.2); } #rtc-debug-modal .diagnostics-checkbox{ border-radius: 0; } h3{ color: rgba(255, 255, 255, 0.9); } .popout.popout-top section:after, .popout.popout-top-right section:after{ border-top-color: #7289da; } .popout section{ background-color: rgba(42, 42, 42, 0.8); border-radius: 0 !important; } .popout header, .user-popout { border-radius: 0 !important; } .popout header{ background-color: rgba(42, 42, 42, 0.8) !important; } .popout-menu{ background-color: rgba(42, 42, 42, 0.8); border-radius: 0; } .theme-dark.context-menu .item:hover{ background-color: rgba(255, 255, 255, 0.2) !important; color: rgba(255, 255, 255, 0.8); } .popout-menu .popout-menu-item.invite:hover, .popout-menu .popout-menu-item.leave:hover{ background-color: rgba(255, 255, 255, 0.2); } .popout-menu .popout-menu-item{ color: rgba(255, 255, 255, 0.8); } .popout-menu .popout-menu-item:hover{ color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.2); } .popout-menu .popout-menu-separator{ border-color: rgba(255, 255, 255, 0.2); } .notification-settings-modal .notification-settings-modal-channel-settings-list{ box-shadow: none; } .channel-notification-settings .content label{ color: rgba(255, 255, 255, 0.8); } .channel-mute-button{ opacity: 0.5; } .channel-notification-settings{ border-color: rgba(255, 255, 255, 0.2); } .small-popout-box{ background-color: rgba(42, 42, 42, 0.8); border-radius: 0; border: 0; } .option-popout .btn-item{ color: rgba(255, 255, 255, 0.8); } .option-popout .btn-item:hover{ background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.9); } .modal-content{ background-color: rgba(0, 0, 0, 0); } .modal-content .form-inner p{ color: rgba(255, 255, 255, 0.3) !important; } .private-channels .channel:hover, .private-channels .channel.selected{ background: none; } .private-channels .channel:hover{ background-color: rgba(0, 0, 0, 0.2); } .private-channels .channel.selected{ background-color: rgba(0, 0, 0, 0.42); } .theme-dark .private-channel-recipients-invite .friend.selected{ background: none; } .theme-dark .private-channel-recipients-invite .friend:hover{ background: rgba(255, 255, 255, 0.2); } .theme-dark .private-channel-recipients-invite .friend{ background: none; } .private-channel-recipients-invite .footer button{ border-radius: 0; } .private-channel-call .btn-icon{ border-radius: 0; } .private-channel-call .btn-text{ border-radius: 0; } .theme-dark .chat .private-channel-call{ background-color: rgba(0, 0, 0, 0.5); /* You can have your own image here if you want. background-image: url('your url here') !important; */ } .theme-dark .ui-quick-select-popout{ border-radius: 0; background-color: rgba(42, 42, 42, 0.8); } .ui-quick-select-popout-option:hover{ background-color: rgba(255, 255, 255, 0.2) !important; } .incoming-call .title{ color: rgba(255, 255, 255, 0.9); } .incoming-call .incoming-call-inner{ border-radius: 0; background-color: rgba(42, 42, 42, 0.8); } .incoming-call .options .option{ border-radius: 0; } .ui-quick-select-popout-option.selected{ background-color: rgba(0, 0, 0, 0); } .theme-dark .themed-popout .footer{ background: none; } #friends .btn{ background-color: rgba(255, 255, 255, 0.2); border-radius: 0; } #friends .friends-empty .btn{ border-radius: 0; } #friends .btn:hover{ background-color: rgba(255, 255, 255, 0.42); } #friends .friends-header .tab-bar .tab-bar-item { border-radius: 0; } .theme-dark #friends .friends-table .friend-table-add-wrapper .friend-table-add-header{ background: 0 0; border: 0; } .add-friend-input-wrapper{ border-radius: 0; border: 0; } .theme-dark .add-friend-input-wrapper { background-color: rgba(0, 0, 0, 0.42); } .theme-dark #friends .friends-header .tab-bar .tab-bar-item:hover:not(.selected){ background-color: rgba(255, 255, 255, 0.2); } .theme-dark #friends .friends-table .friends-row .friends-column-actions .friends-action{ border-radius: 0; background-color: rgba(255, 255, 255, 0.2); } #friends .friends-table .friends-row:hover:not(.selected){ background-color: rgba(0, 0, 0, 0.2); border: 0; border-radius: 0; } .theme-dark .chat .title-wrap{ background-color: rgba(0, 0, 0, 0.5) !important; } .chat form{ box-shadow: none; } .theme-dark .chat .has-more button { background: rgba(0, 0, 0, 0.42); border: 0; border-radius: 0 !important; } .theme-dark .chat .jump-to-present-bar { background-color: rgba(22, 22, 22, 0.8); border-radius: 0; } .theme-dark .chat .jump-to-present-bar:hover{ background-color: rgba(42, 42, 42, 0.8) !important; } .chat .jump-to-present-bar button{ color: rgba(255, 255, 255, 0.8); } div.guild-header{ background-color: rgba(0, 0, 0, 0.5); height: 57px; } .theme-dark .friends-table .messages .divider:not(.red) div, .theme-dark .messages-wrapper .messages .divider:not(.red) div{ background-color: rgba(255, 255, 255, 0.1); } .new-messages-indicator{ border-radius: 0; } .new-messages-indicator.bottom{ border-radius: 0; } .form .control-groups.control-separator{ border-color: rgba(255, 255, 255, 0.2); } .region-select .region-select-inner, .region-select button{ background-color: rgba(255, 255, 255, 0.2); border-radius: 0; border: 0; } .region-select-name, .region-select button{ color: rgba(255, 255, 255, 0.8); } .region-select button:hover{ background-color: rgba(255, 255, 255, 0.42); color: rgba(255, 255, 255, 0.95); } .region-select-modal{ background-color: rgba(42, 42, 42, 0.8); border-radius: 0; } .region-select-modal .region-select-modal-header{ color: rgba(255, 255, 255, 0.9); } .region-select-modal .region-select-modal-option{ background-color: rgba(255, 255, 255, 0.2); border-radius: 0; border: 0; } .instant-invites .instant-invites-header{ border-color: rgba(255, 255, 255, 0.2); } .search-bar-tag{ background-color: rgba(255, 255, 255, 0.2); border-radius: 0; } .search-bar.search-bar-light .search-bar-inner{ background-color: rgba(0, 0, 0, 0.5) !important; border-radius: 0 !important; border: 0; } .search-bar.search-bar-light input{ color: rgba(255, 255, 255, 0.8); } .guild-settings-modal-integrations .guild-settings-modal-integrations-header{ border-color: rgba(255, 255, 255, 0.2); box-shadow: none; } .guild-settings-modal-integrations .guild-settings-modal-integrations-body.no-integrations p{ color: rgba(255, 255, 255, 0.5); } .guild-settings-modal-members{ background-color: rgba(0, 0, 0, 0); } .guild-settings-modal-members .guild-settings-modal-members-header .form .Select .Select-value{ background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.8); } .guild-settings-modal-members .guild-settings-modal-members-header, .guild-settings-modal-members .guild-settings-modal-list .member+.member{ border-color: rgba(255, 255, 255, 0.2); } .guild-settings-modal-members .guild-settings-modal-members-footer{ border-color: rgba(255, 255, 255, 0.2); } .theme-dark .guild-settings-members-member .tag{ color: rgba(255, 255, 255, 0.7); } .guild-settings-modal .emoji-row .btn+.btn, .guild-settings-modal .member-buttons .btn{ background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.8); border-radius: 0; border: 0; } .guild-settings-modal .member-buttons .btn:hover { background-color: rgba(255, 255, 255, 0.42); } .guild-settings-modal .member-buttons .btn.btn-danger:hover{ background-color: rgba(255, 200, 200, 0.42); } .guild-settings-modal .emoji-row .btn.btn-danger, .guild-settings-modal .member-buttons .btn.btn-danger{ border: 0; } #settings-roles .roles{ border-color: rgba(255, 255, 255, 0.2); } #settings-roles .roles header{ border-color: rgba(255, 255, 255, 0.2); } #settings-roles .roles li:hover{ background: rgba(255, 255, 255, 0.1) none; } #settings-roles .roles li.selected{ background: rgba(255, 255, 255, 0.2) none; } .color-picker .swatches .swatch.large{ border-radius: 0; } .color-picker-popout{ background-color: rgba(42, 42, 42, 0.8); border-radius: 0; border: 0; box-shadow: none; } .guild-settings-modal-members .guild-settings-modal-list .member .member-username{ color: rgba(255, 255, 255, 0.8); } .color-picker-popout input{ background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.8); border-radius: 0; border: 0; } .color-picker .swatches .swatch.custom:after, .color-picker .swatches .swatch.selected:after{ border-radius: 0; } .guild-settings-modal-emoji .guild-settings-modal-emoji-header p{ color: rgba(255, 255, 255, 0.5); } .guild-settings-modal-emoji .guild-settings-modal-emoji-header, .guild-settings-modal-emoji .emoji-row{ border-color: rgba(255, 255, 255, 0.2); } .guild-settings-modal-emoji .emoji-row .emoji-name{ border-radius: 0; border: 0; } .guild-settings-modal .emoji-row .btn{ background-color: rgba(255, 255, 255, 0.2); border-radius: 0; } .guild-settings-modal .emoji-row .btn.btn-danger:hover{ background-color: rgba(255, 200, 200, 0.4); } .clipboard-input-inner{ background-color: rgba(255, 255, 255, 0.2); border: 0; border-radius: 0; } .clipboard-input-inner input{ background-color: rgba(255, 255, 255, 0); color: rgba(255, 255, 255, 0.8); } .clipboard-input-inner button{ background-color: rgba(255, 255, 255, 0.6); border: 0; } .clipboard-input-inner button:first-of-type:before{ background: none; } .webhooks .webhooks-header{ border-color: rgba(255, 255, 255, 0.2); } .webhooks .webhook{ background-color:rgba(255, 255, 255, 0.2); border-radius: 0; border: 0; } .webhooks .webhook .webhook-header .webhook-details .webhook-name{ color: rgba(255, 255, 255, 0.8); } .webhooks .webhook .webhook-header .webhook-details .webhook-created-on{ color: rgba(255, 255, 255, 0.5); } .ui-webhook-row .remove-webhook{ right: -24px !important; } .form .btn-clear{ background: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.8); border-radius: 0; border: 0; } .form .btn-clear:hover{ background: rgba(255, 255, 255, 0.4); } .tooltip{ border-radius: 0; background-color: rgba(42, 42, 42, 0.8); } .friends-header{ background-color: rgba(0, 0, 0, 0.5) !important; height: 57px !important; border: 0 !important; } .search-bar{ background-color: rgba(0, 0, 0, 0.5); box-shadow: none; } .search-bar.search-bar-light{ background-color: rgba(0, 0, 0, 0); } .search-bar .search-bar-inner{ border: 0; border-radius: 0; } .guilds-wrapper{ background-color: rgba(0, 0, 0, 0.5); } .guilds-wrapper .guilds-add{ background-color: rgba(0, 0, 0, 0); } .guild-channels .channel-text.selected, .guild-channels .channel-text:hover{ background-size: 0 0 !important; } .guild-channels .channel-text.selected{ background-color: rgba(0, 0, 0, 0.42); } .guild-channels .channel-text:hover{ background-color: rgba(0, 0, 0, 0.2); } .create-guild-container{ background-color: rgba(0, 0, 0, 0); } .create-guild-container .create-or-join .form-inner{ background-color: rgba(22, 22, 22, 0.8) !important; border-radius: 0 !important; } .create-guild-container .action{ background-color: rgba(255, 255, 255, 0.2); } .create-guild-container .action.create .action-header { color: rgba(255, 255, 255, 0.8) !important; } .create-guild-container .action.join .action-header{ color: rgba(255, 255, 255, 0.8) !important; } .theme-dark .channel-members{ background-color: rgba(0, 0, 0, 0); } .channel-members-wrap .scroller-wrap .scroller{ background: rgba(0, 0, 0, 0.2); } .theme-dark .channel-members .member.popout-open{ background: 0 0; } .channel-members .member:hover{ background: rgba(0, 0, 0, 0.42) !important; } .theme-dark .channel-members .member.popout-open{ background-color: rgba(0, 0, 0, 0.42) !important; } .theme-dark .channel-members .member:not(.disabled).popout-open, .theme-dark .channel-members .member:not(.disabled):hover{ background: 0 0; } .theme-dark .channel-members .member:hover{ background-color: rgba(0, 0, 0, 0.2); } .member-roles .member-role{ color: rgba(255, 255, 255, 0.8); border-radius: 0 !important; background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.3); } .member-roles .member-role.member-role-add{ border-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.15); } .user-popout .username-wrapper .discord-tag .username{ color: rgba(255, 255, 255, 0.9); } .user-popout .username-wrapper .discord-tag .discriminator{ color: rgba(255, 255, 255, 0.75); } #user-profile-modal{ border-radius: 0; } #user-profile-modal .btn{ border-radius: 0; } #user-profile-modal .header .header-info .header-info-inner .activity{ color: rgba(255, 255, 255, 0.42); } #user-profile-modal .guilds .guild:hover{ background: rgba(255, 255, 255, 0.2) none; } #user-profile-modal .guilds .guild .guild-name{ color: rgba(197, 207, 237, 1) } .note textarea, #user-profile-modal .tab-bar .tab-bar-item.selected{ border-bottom-color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8); } .note textarea:focus{ background-color: rgba(255, 255, 255, 0.2); } #user-profile-modal .guilds .section .section-header, #user-profile-modal .tab-bar .tab-bar-item{ color: rgba(255, 255, 255, 0.3); } #user-profile-modal .guilds .section+.section{ border-color: rgba(255, 255, 255, 0.2); } #user-profile-modal .guilds .section .connected-accounts .connected-account{ background-color: rgba(255, 255, 255, 0.2); border-radius: 0; border: 0; } #user-profile-modal .guilds .section .connected-accounts .connected-account .connected-account-name-inner .connected-account-name{ color: rgba(255, 255, 255, 0.8); } .theme-dark #autocomplete-popout .autocomplete-arrow, .theme-dark #autocomplete-popout .autocomplete-shadow{ box-shadow: none !important; } #autocomplete-popout{ border-radius: 0 !important; border: none !important; } #autocomplete-popout section{ background-color: rgba(42, 42, 42, 0.8) !important; } #autocomplete-popout .row.selected{ background: none !important; background-color: rgba(255, 255, 255, 0.1) !important; } #autocomplete-popout header{ background-color: rgba(33, 33, 33, 0.9) !important; } #autocomplete-popout .row a, #autocomplete-popout .row.selected a, #autocomplete-popout .row:hover a{ color: rgba(255, 255, 255, 0.8) !important; } #autocomplete-popout .empty h4{ color: rgba(255, 255, 255, 0.8) !important; } #autocomplete-popout .autocomplete-header-background{ background: none !important; } .theme-dark #autocomplete-popout input[type=text], .theme-dark #autocomplete-popout h3{ color: rgba(255, 255, 255, 0.8) !important; } .embed .image, .embed video, .embed .embed-video-actions .embed-video-actions-inner{ border-radius: 0; } .embed.embed-rich .embed-rich-thumb{ border-radius: 0; } .quick-message{ border: 0 !important; border-radius: 0; background-color: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 0.8); } .quick-message.isBlocked{ background-color: rgba(0, 0, 0, 0.6); } .channel-textarea-guard button{ border-radius: 0; } input:disabled{ opacity: 0.3; } .markdown-modal{ background-color: rgba(42, 42, 42, 0.8); border-radius: 0; } .markdown-modal .markdown-modal-header{ border: 0; } .markdown-modal .markdown-modal-footer{ border: 0; background-color: rgba(0, 0, 0, 0); } .markdown-modal.selectable .scroller{ color: rgba(255, 255, 255, 0.9); } .theme-dark .message-group .comment .markup .mention .markup-eYLPri{ background-color: rgba(179, 224, 255, 0.1); } .theme-dark .message-group.is-local-bot-message{ background: rgba(42, 42, 42, 0.42) none; border-bottom: 1px solid rgba(255, 255, 255, 0.04); box-shadow: none; } .theme-dark .channel-textarea-inner{ border: 0; border-radius: 0; background-color: rgba(0, 0, 0, 0.42); } .theme-dark .channel-textarea-inner .channel-textarea-upload{ border: 0; } .guild-header header{ box-shadow: none; } .avatar-wrapper { background: rgba(0, 0, 0, 0) !important } .popout .user-popout .body, .popout .user-popout .footer { background-color: rgba(42, 42, 42, 0.8) !important; border: 0 !important; } .header::after{ background-size: 0 0; } .theme-dark .themed-popout .header, .theme-dark .themed-popout{ border-radius: 0; border: 0 !important; box-shadow: 0 0; } .theme-dark .themed-popout .header{ background-color: rgba(0, 0, 0, 0.5) !important; } .theme-dark .themed-popout{ background-color: rgba(42, 42, 42, 0.8); } .theme-dark .messages-popout-wrap .messages-popout .message-group{ background-color: rgba(0, 0, 0, 0.5); border-radius: 0; border: 0 !important; box-shadow: 0 0; } .theme-dark .messages-popout-wrap .messages-popout .channel-separator .channel-name{ color: rgba(255, 255, 255, 0.8); } .messages-popout .message-group .action-buttons{ background-color: rgba(42, 42, 42, 0) !important; background-size: 0 0; box-shadow: none !important; } .messages-popout .message-group .action-buttons:hover{ background-color: rgba(255, 255, 255, 0.2) !important; } .theme-dark .themed-popout .text{ color: rgba(255, 255, 255, 0.8); } .search-popout{ margin-top: 0 !important; background-color: rgba(0, 0, 0, 0); } .results-group{ margin-top: 0 !important; } div.search{ background-color: rgba(0, 0, 0, 0.3); } div.search-bar{ border-radius: 0 !important; } .option strong, span.displayed-nick, span.answer{ color: rgba(197, 207, 237, 1) !important; } span.username{ color: rgba(197, 207, 237, 1); } .search-popout{ border-radius: 0; } span.filter{ color: rgba(179, 224, 255, 1) !important; } span.discriminator{ color: rgba(135, 144, 156, 1); } #user-profile-modal .tab-bar-container { background-color: rgba(100, 100, 100, 0.42) !important; border: 0 !important; } #user-profile-modal .empty, #user-profile-modal .scroller{ background-color: rgba(42, 42, 42, 0.42); } #user-profile-modal header { background: rgba(114, 137, 218, 0.5) !important; border: 0 !important; } #user-profile-modal footer { background: rgba(255, 255, 255, 0.1) !important; border: 0 !important; } #user-profile-modal .header .header-info .header-info-inner .discord-tag .username{ color: rgba(255, 255, 255, 0.9) } #user-profile-modal .header .header-info .header-info-inner .discord-tag .discriminator{ font-size: 13px; color: rgba(255, 255, 255, 0.5) } .messages-wrapper .new-messages-bar { background: rgba(114, 137, 218, 0.5) !important; border-radius: 0; } .theme-dark .messages-wrapper .messages .divider:not(.red) span{ background-color: rgba(0, 0, 0, 0); color: rgba(255, 255, 255, 0.5); border-radius: 0 !important; } .chat .divider.divider-red{ background-color: rgba(0, 0, 0, 0) !important; z-index: 1 !important; } .theme-dark .friends-table .messages .divider.divider-red>div{ background-color: rgba(0, 0, 0, 0) !important; } .theme-dark .messages-wrapper .messages .divider.divider-red>div{ background-color: rgba(240, 71, 71, 0) !important; } .theme-dark .messages-wrapper .messages .divider:before{ background-color: #eceeef !important; opacity: 0.05; } .theme-dark .messages-wrapper .messages .divider.divider-red>span{ margin-left: calc(-100% + 242px); /*margin-top: 19px;*/ background-color: rgba(240, 71, 71, 0.35) !important; color: rgb(240, 71, 71); z-index: 1 !important; } .emoji-picker .header{ background-color: rgba(0, 0, 0, 0.3); border: 0 !important; } div.emoji-picker{ background-color: rgba(42, 42, 42, 0.8); border: 0 !important; border-radius: 0 !important; } .emoji-picker .scroller .emoji-item.selected{ background-color: rgba(255, 255, 255, 0.2); border-radius: 0; } input.emoji-name.input{ background-color: rgba(255, 255, 255, 0.2) !important; color: rgba(255, 255, 255, 0.8); } .guild-settings-modal-emoji .emoji-uploader .emoji-uploader-username{ color: rgba(255, 255, 255, 0.8); } .deprecated-settings-modal .settings-inner{ background-color: rgba(42, 42, 42, 0.8); } .deprecated-settings-modal .settings-actions{ border-radius: 0; background-color: rgba(42, 42, 42, 0.8); border: none; } .notification-settings-modal.deprecated-settings-modal .settings-actions{ border-radius: 0; } .notification-settings-modal.deprecated-settings-modal .settings-inner:first-child{ border-radius: 0; } div.search-header, div.search-results-wrap{ background-color: rgba(0, 0, 0, 0.2) !important; } div.emoji-picker .sticky-header, span.channel-name{ background-color: rgba(0, 0, 0, 0.0) !important; } .theme-dark .search .search-bar{ background-color: rgba(0, 0, 0, 0.5); } .theme-dark .search-popout{ box-shadow: none !important; } .search-popout .option .non-text{ color: rgba(255, 255, 255, 0.9); } .search-popout .search-query{ background-color: rgba(0, 0, 0, 0.42); border: 0; } .search-popout .results-group:before{ border: 0; } .theme-dark .theme-light .ui-calendar-picker .react-datepicker, .theme-light .ui-calendar-picker .react-datepicker{ background-color: rgba(0, 0, 0, 0.25); } .theme-dark .theme-light .ui-calendar-picker .react-datepicker__header, .theme-light .ui-calendar-picker .react-datepicker__header{ background-color: rgba(0, 0, 0, 0); } .search-popout .date-picker{ background-color: rgba(0, 0, 0, 0.25); border: 0; } .theme-dark .theme-light .ui-calendar-picker .react-datepicker__current-month, .theme-light .ui-calendar-picker .react-datepicker__current-month{ background-color: rgba(0, 0, 0, 0) !important; color: rgba(255, 255, 255, 0.9); } .theme-dark .theme-light .ui-calendar-picker .react-datepicker__week .react-datepicker__day:last-of-type, .theme-light .ui-calendar-picker .react-datepicker__week .react-datepicker__day:last-of-type, .theme-dark .theme-light .ui-calendar-picker .react-datepicker__day, .theme-light .ui-calendar-picker .react-datepicker__day, .theme-dark .theme-light .ui-calendar-picker .react-datepicker__day-name, .theme-light .ui-calendar-picker .react-datepicker__day-name{ color: rgba(255, 255, 255, 0.9); } .react-datepicker{ border-radius: 0; background-color: rgba(42, 42, 42, 0); color: rgba(255, 255, 255, 0.8); } .react-datepicker .react-datepicker__header{ background-color:rgba(0, 0, 0, 0); } .react-datepicker__day{ border-color: rgba(255, 255, 255, 0.2); } .react-datepicker .react-datepicker__current-month{ color: rgba(255, 255, 255, 0.8); } .react-datepicker .react-datepicker__day-name{ color: rgba(255, 255, 255, 0.5); } .react-datepicker .react-datepicker__day{ border: 0; background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.8); } .search-popout .date-picker .date-picker-hint{ background-color: rgba(42, 42, 42, 0); border: 0; border-radius: 0; } .react-datepicker .react-datepicker__navigation.react-datepicker__navigation--next, .react-datepicker .react-datepicker__navigation.react-datepicker__navigation--previous{ background-color: rgba(255, 255, 255, 0.1); border-radius: 0; border: 0; } .react-datepicker .react-datepicker__navigation.react-datepicker__navigation--next:hover, .react-datepicker .react-datepicker__navigation.react-datepicker__navigation--previous:hover{ background-color: rgba(255, 255, 255, 0.2); } .react-datepicker .react-datepicker__month>.react-datepicker__week:first-of-type>.react-datepicker__day:first-of-type, .react-datepicker .react-datepicker__month>.react-datepicker__week:last-of-type>.react-datepicker__day:first-of-type, .react-datepicker .react-datepicker__month>.react-datepicker__week:last-of-type>.react-datepicker__day:last-of-type, .react-datepicker .react-datepicker__month>.react-datepicker__week:first-of-type>.react-datepicker__day:last-of-type{ border-radius: 0; } .react-datepicker .react-datepicker__month .react-datepicker__week>.react-datepicker__day:last-of-type, .react-datepicker .react-datepicker__month>.react-datepicker__week:last-of-type .react-datepicker__day{ border: 0; } .react-datepicker .react-datepicker__day.react-datepicker__day--disabled, .react-datepicker .react-datepicker__day.react-datepicker__day--disabled:hover{ color: rgba(255, 255, 255, 0.42); } .search-popout .date-picker .date-picker-hint .hint-value{ color: rgba(255, 255, 255, 0.9); border-radius: 0; } .react-datepicker .react-datepicker__day.react-datepicker__day--selected:hover, .react-datepicker .react-datepicker__day:hover{ background-color: rgba(255, 255, 255, 0.3); } .react-datepicker .react-datepicker__day.react-datepicker__day--today:after{ background-color: rgba(255, 255, 255, 0.5); } span.search-filter, span.search-answer, div.jump-button{ background-color: rgba(255, 255, 255, 0.2) !important; color: rgba(255, 255, 255, 0.9); border-radius: 0; } .messages-popout .message-group .action-buttons .jump-button{ background-color: rgba(0, 0, 0, 0) !important; } div.option.selected{ border-radius: 0; background-color: rgba(42, 42, 42, 0.42) !important; } div.results-group{ border-radius: 0 !important; border: 0; box-shadow: none !important; } .theme-dark .search-results-wrap .scroller-wrap .scroller::-webkit-scrollbar-thumb{ background-color: rgba(0, 0, 0, 0.42) !important; border: none !important; } .theme-dark .search-results-wrap .scroller-wrap .scroller::-webkit-scrollbar-track-piece, .scroller-wrap .scroller::-webkit-scrollbar-track-piece{ background: rgba(0, 0, 0, 0) !important; } .theme-dark .search-results-wrap .search-header .total-results{ color: rgba(255, 255, 255, 0.8); opacity: 1 !important; } .theme-dark .search-results-wrap .search-header .tab.selected{ color: rgba(255, 255, 255, 0.8); border-color: rgba(255, 255, 255, 0.8); } span.search-answer{ margin-left: 0; } .hide-overflow{ overflow: hidden !important; /* padding: 17px 17px 17px 17px !important;*/ } .theme-dark .search-results-wrap .search-result .search-result-message.hit, .message-group .sink-interactions.clickable{ border-radius: 0 !important; } div.option::after, div.option.selected::after, div.option.user::after, div.option.user.selected::after, div.option.search-option.selected::after, div.option.search-option::after, div.option.history::after, div.option.history.selected::after { background-size: 0 0 !important; } /* search popout */ div.popout.popout-bottom.no-shadow.search-popout{ background-color: rgba(42, 42, 42, 0.5) !important; } div.search-result-message.hit{ background-color: rgba(0, 0, 0, 0.42) !important; box-shadow: 0 0 !important; border: 0 !important; } div.search-result.expanded{ border: 0 !important; } div.search-result::before, div.search-result::after { background-size: 0 0; } button.btn-stroked{ background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.8); border: 0; border-radius: 0; } .btn-filled.white{ border-radius: 0; } .premium-settings .subscription, .premium-settings .payment-method .payment-info .card-tools button, .premium-settings .premium-header .premium-options button, .premium-settings .subscription, .premium-settings .subscription .premium-tools button, .premium-payment-modal, .premium-payment-modal .premium-animation>svg, .premium-payment-modal .premium-payment-form, .premium-payment-modal .premium-payment-button, .premium-settings .payment-method .payment-info .card-tools .ui-button, .fancy-credit-input{ border-radius: 0; } .ui-form-title.h2, .premium-settings .billing-history-list li .date, .premium-settings .billing-history-list li .description, .premium-settings .billing-history-list li .payment-details{ color: rgba(255, 255, 255, 0.9); } .premium-settings .premium-header{ border-color: rgba(255, 255, 255, 0.2); } .premium-settings .premium-header .premium-options button.btn-clear{ background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.8); } .premium-settings .premium-header .premium-options button.btn-clear:hover{ background-color: rgba(255, 255, 255, 0.42); } .premium-settings .premium-header .premium-options button.btn-clear strong{ color: rgba(255, 255, 255, 0.9); } div.card-description, div.card-details, .premium-settings .payment-method .payment-info .card-info .card-description strong, li.completed, span.amount { color: rgba(255, 255, 255, 0.8) !important; } .premium-settings .payment-subhead, .premium-settings .billing-history .payment-subhead{ color: rgba(255, 255, 255, 0.3); } .alert.form.premium-unsubscribe strong, .alert.form.premium-upgrade strong{ color: rgba(197, 207, 237, 1); } .quickswitcher.dark{ background-color: rgba(42, 42, 42, 0.8); border-radius: 0; box-shadow: none; } .qs-tutorial-messages .qs-search-message{ opacity: 0.9; } .quickswitcher.dark .big-input{ color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.2); border-radius: 0; box-shadow: none; } .quickswitcher.dark .scroller-wrap:before{ background: 0 #7289da; height: 5px; } .quickswitcher .result .result-display-name, .quickswitcher .result .result-username{ opacity: 1; } .quickswitcher.dark .result>div .result-match, .quickswitcher.dark .result>div .result-type-icon{ opacity: 0.9; } .quickswitcher .result .result-display-name{ opacity: 1; color: rgba(197, 207, 237, 1); } .quickswitcher .result .result-username{ opacity: 1; color: rgba(197, 207, 237, 0.4); } .quickswitcher .result{ border-radius: 0; } .quickswitcher.dark .result.selected{ background-color: rgba(255, 255, 255, 0.2); } .quickswitcher.dark .result.selected:after{ box-shadow: none; background-color: rgba(255, 255, 255, 0); } .quickswitcher.dark .result>div.unread .result-match, .quickswitcher.dark .result>div.unread .result-type-icon{ opacity: 0.9; } /* PTB and Canary stuff beyond here... for now */ .ui-card{ border: none; } .ui-selectable-item{ border-radius: 0; } .ui-search-bar{ background-color: rgba(0, 0, 0, 0.5) !important; border-radius: 0; } .ui-search-bar .input{ border-radius: 0; } .ui-popout-list{ border-radius: 0; } .dark-elevation-border-high, .theme-dark .elevation-border-high{ background-color: rgba(42, 42, 42, 0.8); box-shadow: none; } .theme-dark .ui-standard-sidebar-view .btn-close{ background-color: rgba(255, 255, 255, 0.1); } .theme-dark .ui-standard-sidebar-view .btn-close:hover{ background-color: rgba(255, 255, 255, 0.2); } .ui-tab-bar.SIDE .ui-tab-bar-item, .ui-card, .ui-button, .ui-radiogroup .ui-card, .ui-checkbox-wrapper .ui-checkbox, .ui-standard-sidebar-view .btn-close, .user-settings-keybinds .ghost-pill, .user-settings-games .not-detected, .user-settings-games .now-playing, .ui-hover-card:before{ border-radius: 0; border: none; } .ui-radiogroup .radio-item{ border-radius: 0; } .theme-dark .ui-standard-sidebar-view{ background: 0 0; } .theme-dark .ui-card-primary{ background-color: rgba(255, 255, 255, 0.1); } .theme-dark .ui-card-primary:not(.editable):not(.outline) .ui-form-text{ color: rgba(255, 255, 255, 0.9); } .theme-dark .ui-card-primary.editable{ background-color: rgba(255, 255, 255, 0.1); } .theme-dark .ui-card-primary.editable:hover{ background-color: rgba(255, 255, 255, 0.2); } .theme-dark .ui-card-primary .ui-form-title.h5{ color: rgba(255, 255, 255, 0.9); } .theme-dark .ui-radiogroup .desc{ color: rgba(255, 255, 255, 0.7); } .theme-dark .ui-standard-sidebar-view .sidebar-region, .theme-dark .ui-standard-sidebar-view .sidebar-region .scrollbar{ background-color: rgba(0, 0, 0, 0.42); } .theme-dark .ui-standard-sidebar-view .content-region, .theme-dark .ui-standard-sidebar-view .content-region .scrollbar{ background-color: rgba(0, 0, 0, 0.55); } .theme-dark .ui-hover-card:before{ background-color: rgba(255, 255, 255, 0.1); } .theme-dark .ui-modal, .theme-dark .ui-modal-content{ background-color: rgba(42, 42, 42, 0.42); border-radius: 0; } .theme-dark .ui-modal-footer{ background-color: rgba(255, 255, 255, 0.2); border-radius: 0; box-shadow: none; } .ui-select .Select-menu{ border-radius: 0; } .theme-dark .ui-select .Select-option:hover{ background-color: rgba(84, 84, 84, 0.8) !important; } .theme-dark .ui-select .Select-option{ background-color: rgba(42, 42, 42, 0.8) !important; } .theme-dark .ui-select .Select-control{ border-radius: 0; background-color: rgba(0, 0, 0, 0.3) !important; } .Select-option:last-child{ border-radius: 0; } .theme-dark .ui-select .Select-menu-outer{ background-color: rgba(42, 42, 42, 0) !important; box-shadow: none; } .theme-dark .ui-select .Select-option.is-selected{ border-radius: 0; background-color: rgba(42, 42, 42, 0.8) !important; } .theme-dark .ui-select .Select-option.is-selected:hover{ border-radius: 0; background-color: rgba(255, 255, 255, 0.2) !important; } .theme-dark .ui-selectable-item:hover{ background-color: rgba(255, 255, 255, 0.2); } .theme-dark .ui-audit-log{ background-color: rgba(255, 255, 255, 0.1); border: none; } .ui-audit-log{ border-radius: 0; } .theme-dark .ui-audit-log{ color: rgba(255, 255, 255, 0.7) } .theme-dark .ui-audit-log .user-hook .discrim{ opacity: 0.9; } .theme-dark .ui-audit-log strong{ color: rgba(197, 207, 237, 1); } .theme-dark .ui-audit-log .timestamp{ color: rgba(255, 255, 255, 0.6); } .dark-elevation-border-low, .theme-dark .elevation-border-low{ background-color: rgba(42, 42, 42, 0.8); border: none; } .ui-flex.flex-horizontal-reverse>.ui-flex, .ui-flex.flex-horizontal-reverse>.ui-flex-child, .ui-flex.flex-horizontal>.ui-flex, .ui-flex.flex-horizontal>.ui-flex-child{ /*color: rgba(255, 255, 255, 0.9);*/ } .ui-flex.flex-horizontal-reverse>.ui-flex-child:last-child, .ui-flex.flex-horizontal-reverse>.ui-flex:last-child, .ui-flex.flex-horizontal>.ui-flex-child:last-child, .ui-flex.flex-horizontal>.ui-flex:last-child{ /*color: rgba(255, 255, 255, 0.9);*/ } .ui-color-picker-swatch.custom, .ui-color-picker-swatch.default, .ui-color-picker-swatch{ border-radius: 0; } .theme-dark .ui-form-title.h5{ color: rgba(255, 255, 255, 0.9); } .theme-dark .ui-form-text.style-description, .theme-dark .ui-form-text.style-label-descriptor{ color: rgba(255, 255, 255, 0.6); } .ui-role-list-add{ border-radius: 0; } .ui-role-list-role{ border-radius: 0; } .roles-list-popout{ border-radius: 0; background-color: rgba(42, 42, 42, 0.8); } .ui-flex.flex-horizontal>.ui-flex{ margin-right: 0; } .ui-text-input .input{ border-radius: 0; border: none; } .theme-dark .ui-text-input .input, .theme-dark .ui-text-input .input.editable:focus, .theme-dark .ui-text-input .input.editable:hover { background-color: rgba(0, 0, 0, 0.5); } .ui-button.white.outlined{ background-color: rgba(255, 255, 255, 0.1); border: none; } .ui-input-button{ border-radius: 0; border: none; } .ui-input-button .ui-input-button-ui-button{ border-radius: 0; } .theme-dark .ui-input-button{ background-color: rgba(255, 255, 255, 0.1); } .theme-dark .ui-button.grey.ghost{ background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } .theme-dark .ui-text-input.emoji-alias-input .input{ background-color: rgba(0, 0, 0, 0.5); } .theme-dark .ui-card.outline{ background-color: rgba(255, 255, 255, 0.1); } /* .ui-standard-sidebar-view, .ui-standard-sidebar-view *{ color: rgba(255, 255, 255, 0.9); }*/ .ui-settings-notice{ border-radius: 0; } .ui-role-list .ui-role-list-role{ border-radius: 0; } .user-settings-connections .connection{ border-radius: 0; } .user-settings-connections .connection-header{ border: none; border-radius: 0; } .theme-dark .user-settings-notifications .notifications-sound{ box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.2); } .connection-delete{ border-radius: 0; } .round-remove-button{ top: 0 !important; right: -44px !important; background-color: rgba(255, 255, 255, 0.2) !important; box-shadow: none !important; border-radius: 0; } .mfa-modal .mfa-step{ border:none; } .theme-dark .user-settings-games .game { box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) !important; } .theme-dark .user-settings-games .game-name-input:focus, .theme-dark .user-settings-games .game-name-input:hover{ background-color: rgba(255, 255, 255, 0.2); border: none; border-radius: 0; } .theme-dark .user-settings-games .last-played, .theme-dark .user-settings-games .overlay-status-text{ color: rgba(255, 255, 255, 0.42); } /* New updates from 2017/06/09 */ .content-20Aix8{ border-radius: 0; } .contentSelectedText-3wUhMi{ background-color: rgba(0, 0, 0, 0.5); } .content-20Aix8:hover{ background-color: rgba(0, 0, 0, 0.25); } .container-1NXEtd, .private-channels .channel.selected a{ background-color: rgba(0, 0, 0, 0) !important; } .private-channels .channel:hover a { background-color: rgba(0, 0, 0, 0); } .contentHoveredText-2D9B-x, .contentHoveredVoice-3p_NEO:active, .contentSelectedVoice-1WDIBM:active{ background-color: rgba(0, 0, 0, 0); } .header-2o-2hj, .container-2Thooq, .header-2o-2hj:hover, .popout-open .header-2o-2hj{ background-color: rgba(0, 0, 0, 0.5); box-shadow: none; } .container-1UB9sr{ background-color: rgba(0, 0, 0, 0.5); border-bottom: none; } .wrapper-22ayhK { border-radius: 0 !important; box-shadow: none !important; text-shadow: none !important; } .wrapper-2NJDcI{ background-color: rgba(0, 0, 0, 0.5); border-radius: 0; } .card-16VQ8C{ border: none; border-radius: 0; } .theme-dark .cardPrimary-pAe8Ed{ border-radius: 0; border-color: rgba(255, 255, 255, 0.1); } .buttonOutlined-38aLSW{ border-radius: 0; } .button-f2h6uQ{ border-radius: 0; } .light-elevation-border-high, .theme-light .elevation-border-high{ background-color: rgba(42, 42, 42, 0.8); border-radius: 0; box-shadow: none; } .ui-new-terms-modal .button-container{ background-color: rgba(42, 42, 42, 0.8); border: none; } .theme-light .primary-jw0I4K{ color: rgba(255, 255, 255, 0.9); } .ui-new-terms-modal .ack{ color: rgba(255, 255, 255, 0.9); } .theme-dark .modal-3HD5ck{ border-radius: 0; background-color: rgba(42, 42, 42, 0.8); box-shadow: none; } .input-3O04eu{ border-radius: 0; border: none; } .theme-dark .input-3O04eu{ background-color: rgba(0, 0, 0, 0.42); } .theme-dark .iconWrapper-2_MXbk { background-color: rgba(0, 0, 0, 0.33); } .theme-dark .message-G6O-Wv{ background-color: rgba(11, 11, 11, 0.8); border-radius: 0; box-shadow: none; } .checkboxBox-2i2Ris{ border-radius: 0; } .auditLog-1NVAY0 { border-radius: 0; border: none; } .theme-dark .headerClickable-zGQJz3, .theme-dark .headerDefault-1e6yjj { background-color: rgba(0, 0, 0, 0.3) !important; } .theme-dark .headerExpanded-1-zwDr { background-color: rgba(0, 0, 0, 0.4) !important; } .theme-dark .divider-M3saWq { background-color: rgba(0, 0, 0, 0.3) !important; } .theme-dark .changeDetails-bk98pu{ background-color: rgba(0, 0, 0, 0.3) !important; } .theme-dark .copyInputDefault-3jiMHw{ background-color: rgba(0, 0, 0, 0.3); border-radius: 0; border: none; } .buttonGreyGhost-SfY7zU{ background-color: rgba(255, 255, 255, 0.1) !important; } .buttonGreyGhost-SfY7zU:hover{ background-color: rgba(255, 255, 255, 0.2) !important; } .item-2GWPIy{ border-radius: 0 !important; } .theme-dark .elevationHigh-3KUiqj{ border-radius: 0; background-color: rgba(22, 22, 22, 0.8); } .theme-dark .bubble-3we2di:before{ border-top-color: #7289da; } .grabber-2GQyvM{ border-radius: 0; } .theme-dark .bar-2H7Q9u{ border-radius: 0; background-color: rgba(255, 255, 255, 0.2); } /* Discord update 2017/7/21 */ .theme-dark .inner-zqa7da{ background-color: rgba(0, 0, 0, 0.42) !important; border-radius: 0; } .theme-dark .autocomplete-3NRXG8{ background-color: rgba(10, 10, 10, 0.9) !important; border-radius: 0; } .selector-2IcQBU{ border-radius: 0; } .theme-dark .selectorSelected-1_M1WV{ background-color: rgba(255, 255, 255, 0.1) !important; border-radius: 0; } .theme-dark .description-11DmNu{ color: rgba(255, 255, 255, 0.8) } .theme-dark .descriptionUsername-J_75O8{ color: rgba(197, 207, 237, 1); } /* Discord Update 08/11/2017 */ .userPopout-4pfA0d{ border-radius: 0; background-color: rgba(0, 0, 0, 0); box-shadow: none; } .popout{ box-shadow: none; } .body-3rkFrF, .footer-2J5zqP{ background-color: rgba(42, 42, 42, 0.8); border: none; } .botTagInvert-1nKcq_{ border-radius: 0; background: rgba(0, 108, 200, 0.5) !important; color: rgba(255, 255, 255, 0.9) !important; } /* Mini user pop-out window padding and margin adjustments */ .header-3mZJcV{ padding-top: 15px; padding-bottom: 15px; } .body-3iLsc4{ padding-top: 0; padding-bottom: 0; } .footer-2J5zqP{ padding-top: 0; padding-bottom: 15px; } .protip.inline{ padding-top: 10px; } /* Discord theme update before 2017/09/13 */ .item-2OyinQ:first-child, .item-2OyinQ:last-child, .item-2OyinQ{ border-radius: 0; border: none; } .theme-dark .item-2OyinQ{ background-color: rgba(255, 255, 255, 0.1); } .theme-dark .item-2OyinQ:hover{ background-color: rgba(255, 255, 255, 0.2); } .denySelected-1mh2mZ{ background: #f04747 !important; } .theme-dark .passthroughSelected-1Eq0Kl{ background: #747f8d !important; } .allowSelected-25S_i5{ background: #43b581 !important; } .prefix-24L010, .wrapper-2NJDcI{ font-family: "MS UI Gothic", Whitney, Helvetica Neue, Helvetica, Arial, sans-serif; } .theme-dark .headerExpanded-CUEwZ5{ color: rgba(255, 255, 255, 0.7) !important; } .theme-dark .userHook-3AdCBF{ color: rgba(197, 207, 237, 1); } .theme-dark .tiles-2aXG_k{ box-shadow: none; border-radius: 0; background-color: rgba(255, 255, 255, 0.1); } .theme-dark .footer-2yfCgX{ background: rgba(0, 0, 0, 0.42) !important; border-radius: 0; box-shadow: none; border: none; } .form.deprecated .has-value .Select-placeholder{ color: rgba(255, 255, 255, 0.8); } .form.deprecated .btn-default, .form.deprecated .btn-default:hover{ border: none !important; } .round-1RSG-3{ border-radius: 0; } .theme-dark .checkbox-184-il{ border: none; } .roundRemoveButton-1NEXB9{ border-radius: 0; background-color: rgba(255, 255, 255, 0.2); box-shadow: none; } .form.deprecated .Select-option{ color: rgba(255, 255, 255, 0.8); } .form.deprecated .Select-option.is-focused{ background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.8); } .form.deprecated .Select-option.is-focused:hover{ background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.8); } .form.deprecated .Select-option:hover{ background-color: rgba(255, 255, 255, 0.1); } .checkboxWrapper-2fDzaA{ background-color: rgba(0, 0, 0, 0); } .checkboxWrapper-2fDzaA:hover{ background-color: rgba(0, 0, 0, 0); } .box-BHImcZ{ border-radius: 0; } .theme-dark .ui-video{ background: none; } .theme-dark .private-channel-call{ background: none; } .ui-call-avatar.video{ border-radius: 0; } .headerLive-2dDMvp{ border: none; margin-bottom: -15px; } .bodyDivider-3OPnU2{ background: none; } .nameSmall-2HcWNX{ color: rgba(255, 255, 255, 0.7); } .contentSmall-3Or8WV{ color: rgba(255, 255, 255, 0.6); } .assetsLargeImage-3apSRO{ border-radius: 0; } .need-help-modal.deprecated{ background-color: rgba(42, 42, 42, 0.8); } .need-help-modal.deprecated .header{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; } .need-help-modal.deprecated .header input[type=text]{ background-color: rgba(0, 0, 0, 0.8); border: none; border-radius: 0; box-shadow: none; } .form.deprecated .form-inner{ background: none ; } .need-help-modal.deprecated .footer{ background: rgba(0, 0, 0, 0.42); border-radius: 0; border: none; } .theme-dark .quickswitcher-pKcM9U{ background-color: rgba(42, 42, 42, 0.7) !important; border-radius: 0; } .theme-dark .tipsWithoutResults-lGY-De, .theme-dark .tipsWithResults-HhTE9b{ border-color: rgba(0, 0, 0, 0) !important; background-color: rgba(0, 0, 0, 0.42); margin: 0 -21px -1px -21px; padding-left: 21px; padding-right: 21px; border: none !important; color: rgba(255, 255, 255, 0.5) !important; } .theme-dark .input-3r5zZY{ background-color: rgba(0, 0, 0, 0.5) !important; border-radius: 0; box-shadow: none !important; color: rgba(255, 255, 255, 0.9) !important; } .match-20K5f5{ color: rgba(197, 207, 217, 1); } .theme-dark .cardPrimaryEditable-2mz_3i{ background-color: rgba(0, 0, 0, 0.22) !important; border-color: rgba(0, 0, 0, 0.22) !important; } .theme-dark .cardPrimaryEditable-2mz_3i:hover{ background-color: rgba(0, 0, 0, 0.6) !important; border-color: rgba(0, 0, 0, 0.6) !important; } .permissionV3BannerContainer-3_4aSa { background-color: rgba(0, 0, 0, 0.22); border-radius: 0; } /* Text color adjustments */ .theme-dark .descChecked-XkfPsU, .theme-dark .titleChecked-2wg0pd { color: rgba(255, 255, 255, 1) !important; } .theme-dark .h5-2RwDNl, .text-align-right{ color: rgba(255, 255, 255, 0.85); } .overflow-ellipsis, .invite-settings-invite-row .channel-name{ opacity: 1 !important; } .theme-dark .title-2dsDLn{ color: rgba(255, 255, 255, 0.7); } .theme-dark .text-27cdrj, .theme-dark .title-2CL_z0, .theme-dark .description-30xx7u, .theme-dark .labelDescriptor-34wZ-z, .theme-dark .desc-2Dttbk, .invite-settings-invite-row .channel-name{ color: rgba(255, 255, 255, 0.5); } .theme-dark .discrim-3rYTMj, .invite-settings-invite-row .countdown-never{ color: rgba(255, 255, 255, 0.5); opacity: 1 !important; } .theme-dark .timestamp-1mruiI{ color: rgba(255, 255, 255, 0.3); } .theme-dark .emoji-alias-input .emoji-input{ background-color: rgba(255, 255, 255, 0.2); } /* Discord updates 2017/10/04? */ .bar-2eAyLE{ border-radius: 0; opacity: 0.9; } /* User mini pop-up adjustments */ .bodyTitle-Y0qMQz{ margin-bottom: 3px !important; } .body-3rkFrF{ padding-bottom: 8px; } .endBodySection-Rf4s-7{ margin-top: 0; padding-top: 4px; margin-bottom: 8px; } .protip.inline{ padding-top: 0; } .avatarWrapperNormal-1wU7gX{ margin-bottom: 11px; } .headerTagNormal-KyD3_J, .headerActivityText-3qBQRo{ margin-bottom: 0; } /* Discord crash window */ .theme_dark-2FtE3l{ background: none; background-color: rgba(0, 0, 0, 0.77); } /* Other stuff discord changed */ .theme-dark .container-KM8BU6, .theme-dark .reactors-1VXca7, .theme-dark .sidebar-1-SQro{ background-color: rgba(22, 22, 22, 0.8); } .theme-dark .scroller-2GkvCq{ background-color: rgba(42, 42, 42, 0.8); } .reactionDefault-1Sjj1f, .reactionSelected-1aMb2K{ border-radius: 0; } .reactionDefault-1Sjj1f:hover { background-color: rgba(255, 255, 255, 0.1); } .reactionSelected-1aMb2K { background-color: rgba(255, 255, 255, 0.2); } /* Discord Canary stuffs*/ .container-1eFtFS{ background-color: rgba(0, 0, 0, 0) !important; } .appMount-3VJmYg{ background: none; } .base-2jDfDU, .channels-Ie2l6A{ border-radius: 0; } .channels-Ie2l6A{ /*Fix padding later on*/ background-color: rgba(0, 0, 0, 0) !important; } .private-channels .search-bar{ /*TODO: Adjust the new search bar padding when discord finally decides to not use this element */ box-shadow: none; padding-bottom: 1px; } .theme-dark .title-31SJ6t{ background-color: rgba(0, 0, 0, 0.5) !important; box-shadow: none !important; } .theme-dark .chat form{ background-color: rgba(0, 0, 0, 0); box-shadow: none; } .Select-option{ background-color: rgba(42, 42, 42, 0.8); } .Select .Select-menu{ border-radius: 0; } .Select .Select-control{ border-radius: 0; } .has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label, .has-value.Select--single>.Select-control .Select-value .Select-value-label{ color: rgba(255, 255, 255, 0.8); } .Select-option.is-selected{ background-color: rgba(255, 255, 255, 0.075); } /* Discord Canary update 2017/10/26 */ .theme-dark .headerBar-UHpsPw{ background-color: rgba(0, 0, 0, 0.5) !important; box-shadow: none !important; } /* Other CSS Fixes */ .tooltip.tooltip-black{ background-color: rgba(0, 0, 0, 0.7); } .tooltip.tooltip-black.tooltip-top:after{ border-top-color: rgba(197, 207, 237, 1); } .tooltip.tooltip-black.tooltip-bottom:after{ border-bottom-color: rgba(197, 207, 237, 1); } .tooltip.tooltip-black.tooltip-right:after{ border-right-color: rgba(197, 207, 237, 1); } .search-results-wrap .action-buttons .jump-button{ border-radius: 0; } /* Discord Update 2017/10/27 */ #friends .tab-bar .tab-bar-item{ border-radius: 0; } /* Quick switcher highlight */ .theme-dark .resultFocused-3aIoYe{ border-radius: 0; background-color: rgba(0, 0, 0, 0.42); } /* Fix for that large game playing stuff */ .theme-dark .activityProfile-1712BN .details-2-ciHo, .theme-dark .activityProfile-1712BN .name-1-Q7l2, .theme-dark .headerTop-3GPUSF .details-2-ciHo, .theme-dark .headerTop-3GPUSF .name-1-Q7l2, .theme-light .activityProfile-1712BN .details-2-ciHo, .theme-light .activityProfile-1712BN .name-1-Q7l2, .theme-light .headerTop-3GPUSF .details-2-ciHo, .theme-light .headerTop-3GPUSF .name-1-Q7l2{ color: rgba(255, 255, 255, 0.8); } .theme-dark .headerTop-3GPUSF .content-tXPNDw{ color: rgba(255, 255, 255, 0.5); } .assetsLargeImage-8U5dlz{ border-radius: 0; } .actionsUserPopout-3yx0D7{ margin-top: 8px !important; } .bodyDivider-3OPnU2{ margin-top: 0 !important; margin-bottom: 8px !important; } .notice.notice-facebook{ background-color: rgba(53, 80, 137, 0.5); } /* Discord updates 2017/11/13 */ span.discriminator{ color: rgba(255, 255, 255, 0.5); } .headerTagNormal-KyD3_J, .headerActivityText-3qBQRo{ color: rgba(255, 255, 255, 0.7); } .headerActivityText-3qBQRo strong, .headerLive-2dDMvp{ color: rgba(255, 255, 255, 0.8); } .headerName-2N8Pdz{ color: rgba(255, 255, 255, 0.9); } .headerTagStreaming-2FikoO{ margin-bottom: 0 !important; } .theme-dark .noChannel-1GDIAZ{ background-color: rgba(3, 3, 3, 0); } .video-36_NdB{ border-radius: 0; } .theme-dark .video-36_NdB{ box-shadow: none; } /* Discord update 2017/11/23 */ .theme-dark .wrapper-1HIH0j, .wrapper-3-JZ_Z{ border-radius: 0; border: none; background-color: rgba(0, 0, 0, 0.5); } .count-62gVQ0 { color: rgba(255, 255, 255, 0.6); } .theme-dark .buildDetails-15XTIW, .theme-dark .copyLink-1bBHaR:hover, .theme-dark .infoLink-3jBZ_6:hover { color: rgba(255, 255, 255, 0.8) !important; } .iconActiveLarge-ac-EDu{ border-radius: 0; } .guildIconExpired-2BFmZC{ border-radius: 0; } .theme-dark .buttonPrimaryOutlinedDefault--H0hhk, .theme-dark .buttonPrimaryOutlinedSubmitting-3m3eFx { background-color: rgba(67,181,129, 0.2); border: none; } /* Discord update 2017/11/29 */ /* User Profile fix */ .root-SR8cQa{ border-radius: 0 !important; } .topSectionNormal-2-vo2m{ background-color: rgba(42, 42, 42, 0.8) !important; } .tabBarContainer-1s1u-z{ border: none !important; } .connectedAccountContainer-3aLMHJ { border-radius: 0 !important; /*border: none !important;*/ border-color: rgba(255, 255, 255, 0.2); /*background-color: rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.9);*/ } .connectedAccountName-2QfG-N{ color: rgba(255, 255, 255, 0.9) !important; } .tabBarContainer-1s1u-z{ background-color: rgba(255, 255, 255, 0.05); } /* Mini user pop-up fix */ .theme-dark .headerNormal-T_seeN{ /*padding: 0;*/ background-color: rgba(33, 33, 33, 0.8); } .theme-dark .body-3iLsc4, .theme-dark .footer-1fjuF6{ background-color: rgba(22, 22, 22, 0.8); } .headerTop-3C2Zn0{ padding: 10px 10px; /* Old custom value 15px 10px*/ } /* TODO: uncomment this when Canary theme is added to live version .header-3mZJcV{ padding: 0; }*/ .topSectionPlaying-1J5E4n, .headerPlaying-j0WQBV{ background: none !important; background-color: rgba(70, 84, 133, 0.8) !important; } .topSectionStreaming-1Tpf5X, .headerStreaming-2FjmGz{ background-color: rgba(65, 39, 111, 0.8) !important; } .buttonWhiteOutlined-2KwPTg{ border: none; background-color: rgba(255, 255, 255, 0.1); } .buttonWhiteOutlined-2KwPTg:hover{ border: none; background-color: rgba(255, 255, 255, 0.2); } .activity-11LB_k{ padding: 10px 10px; } .theme-dark .activityProfile-1712BN .headerText-3g1XK9, .theme-dark .headerTop-3GPUSF .headerText-3g1XK9, .theme-light .activityProfile-1712BN .headerText-3g1XK9, .theme-light .headerTop-3GPUSF .headerText-3g1XK9{ color: rgba(255, 255, 255, 0.9); } .theme-dark .quickMessage-28pD5Y{ background-color: rgba(0, 0, 0, 0.3); } .theme-dark .userPopout-4pfA0d .note textarea{ color: rgba(255, 255, 255, 0.8); } .theme-dark .userPopout-4pfA0d .note textarea:focus{ border-radius: 0; background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.9); } .theme-dark .quickMessage-28pD5Y{ color: rgba(255, 255, 255, 0.8); } .container-2RRFHK{ background-color: rgba(0, 0, 0, 0.8); } /* Discord Canary update 2017/12/05 */ /* .container-1eFtFS{ background-color: rgba(0, 0, 0, 0); }*/ .quickswitcher-pKcM9U { box-shadow: none !important; color: rgba(255, 255, 255, 0.8) !important; } .input-3r5zZY { background: rgba(255, 255, 255, 0.1); border-radius: 0; color: rgba(255, 255, 255, 0.8); } .theme-dark .auditLog-1NVAY0{ background-color: rgba(0, 0, 0, 0.22) !important; border: none; border-radius: 0; } .botTagRegular-kpctgU{ border-radius: 0 !important; height: 14px; font-size: 10px !important; background-color: rgba(0, 108, 200, 0.5) !important; } .botTagOP-3pUTXu { color: white; } .theme-dark .ui-color-picker-custom{ background-color: rgba(42, 42, 42, 0.8); border-radius: 0; border: 0; box-shadow: none; } .saturation-CLQHFD>div{ border-radius: 0 !important; } .buttonBrandGhostDefault-2JCnWW:active{ background-color: rgba(255, 255, 255, 0.1) !important; } /* Change button is a "brand" according to Discord */ .buttonBrandGhost-1-Lmhc{ background-color: rgba(255, 255, 255, 0.2) !important; color: rgba(255, 255, 255, 0.8); } .buttonBrandGhost-1-Lmhc{ color: rgba(255, 255, 255, 0.9) !important; } .bar-2eAyLE{ border-radius: 0 !important; } .roleCircle-3TFUOr { border-radius: 0; height: 10px; width: 10px; } .role-2TIOKu{ border-radius: 0; height: 20px; /* border: 1px solid; padding: 4px 4px 4px 2px; */ } .roleWrapper-2IhvNd .role-2TIOKu { background-color: rgba(255, 255, 255, 0.1); } .rolePill-78LFtg, .role-23oyrw { background-color: rgba(255, 255, 255, 0.1); } .role-23oyrw { border-radius: 0; } .role-23oyrw:hover { background-color: rgba(255, 255, 255, 0.2); } .roleName-2ZJJYR{ font-weight: normal; } /* Discord Update 2017/12/10 */ .theme-dark #autocomplete-popout .autocomplete-arrow{ background-color: rgba(197, 207, 237, 1) !important; } .tooltip.tooltip-black.tooltip-left:after{ border-left-color: rgba(197, 207, 237, 1) !important; } div.action-body { color: rgba(255, 255, 255, 0.3) !important; } div.action.create { color: rgba(255, 255, 255, 0.3) !important; background-color: rgba(255, 255, 255, 0.1) !important; } div.action.join { color: rgba(255, 255, 255, 0.3) !important; background-color: rgba(255, 255, 255, 0.1) !important; box-shadow: none !important; border-radius: 0; } .create-guild-container.deprecated{ background: 0; } .create-guild-container.deprecated .action{ border: none; border-radius: 0; box-shadow: none; background-color: rgba(255, 255, 255, 0.1) !important; } .create-guild-container.deprecated .join-server .link-container input{ border-radius: 0; border: none; color: rgba(255, 255, 255, 0.9); } .message-group-blocked:last-child{ margin: 0; } /* Discord Update 2018/01/17 */ .theme-dark .layer-86YKbF, .theme-dark .layers-OrUESM{ background-color: rgba(0, 0, 0, 0); } .theme-dark .typing-2J1mQU{ background-color: rgba(0, 0, 0, 0); } .emojiPicker-3m1S-j{ background-color: rgba(22, 22, 22, 0.8); border-radius: 0; border: none; } .emojiPicker-3m1S-j .stickyHeader-1SS0JU{ background-color: rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(255, 255, 255, 0); } .emojiPicker-3m1S-j .header-1nkwgG{ background-color: rgba(0, 0, 0, 0.42); border: none; } .theme-dark .theme-light .calendarPicker-sDhzdi .react-datepicker, .theme-light .calendarPicker-sDhzdi .react-datepicker{ background-color: rgba(22, 22, 22, 0.8); } .theme-dark .theme-light .calendarPicker-sDhzdi .react-datepicker__header, .theme-light .calendarPicker-sDhzdi .react-datepicker__header{ background-color: rgba(0, 0, 0, 0); } .theme-dark .theme-light .calendarPicker-sDhzdi .react-datepicker__current-month, .theme-light .calendarPicker-sDhzdi .react-datepicker__current-month, .theme-dark .theme-light .calendarPicker-sDhzdi .react-datepicker__day-name, .theme-light .calendarPicker-sDhzdi .react-datepicker__day-name{ color: rgba(255, 255, 255, 0.8); } .react-datepicker .react-datepicker__day{ background-color: rgba(255, 255, 255, 0.1); } .theme-dark .theme-light .calendarPicker-sDhzdi .react-datepicker__day, .theme-light .calendarPicker-sDhzdi .react-datepicker__day{ color: rgba(255, 255, 255, 0.8); } .react-datepicker .react-datepicker__day--disabled, .react-datepicker .react-datepicker__day--outside-month{ color: rgba(255, 255, 255, 0.3) !important; background-color: rgba(255, 255, 255, 0.1) !important; } .search-popout{ background-color: rgba(22, 22, 22, 0.8); } .theme-dark .searchAnswer-23w-CH, .theme-dark .searchFilter-2UfsDk{ border-radius: 0; background-color: rgba(255, 255, 255, 0.15); } .search-popout .option.selected{ border-radius: 0; background-color: rgba(255, 255, 255, 0.1) !important; } .searchAnswer-23w-CH{ margin-left: 0; } .theme-dark .theme-light .calendarPicker-sDhzdi .react-datepicker__day:hover, .theme-light .calendarPicker-sDhzdi .react-datepicker__day:hover{ background-color: rgba(255, 255, 255, 0.2); } .grid-1aWVsE { border-radius: 0; } .theme-dark .contextMenu-HLZMGh{ box-shadow: none; background-color: rgba(22, 22, 22, 0.8); } .theme-dark .itemSubMenu-1vN_Yn:hover{ border-radius: 0; background-color: rgba(255, 255, 255, 0.1); } .theme-dark .itemSubMenu-1vN_Yn{ background-color: rgba(0, 0, 0, 0); } .contextMenu-HLZMGh{ border-radius: 0; } .theme-dark .item-1Yvehc:hover{ background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } .listRow-2nO1T6 { border-radius: 0; } .theme-dark .listRow-2nO1T6:hover{ background: none; background-color: rgba(255, 255, 255, 0.1); } .note-QfFU8y textarea{ border-radius: 0; } .theme-dark .note-3kmerW textarea{ color: rgba(255, 255, 255, 0.8); border-radius: 0; } .theme-dark .root-SR8cQa .note-QfFU8y textarea:focus, .theme-dark .note-3kmerW textarea:focus{ background-color: rgba(255, 255, 255, 0.1); } .channel-members .botTag-7aX5WZ{ height: 12px; line-height: 13px; } .accountList-305sx3 { background: rgba(0, 0, 0, 0.55); border-radius: 0; } .connection-YOVI9j, .connectContainer-1hylYM { border-radius: 0; background: rgba(0, 0, 0, 0.22); } .connectionHeader-Ixbb1s{ border: none; border-radius: 0; background: rgba(0, 0, 0, 0.4); } .integration-1qC-fv { background: rgba(0, 0, 0, 0.22); border-radius: 0; } .emojiPicker-3m1S-j .scroller-3vODG7 .emojiItem-109bjA.selected-39BZ4S{ border-radius: 0; background-color: rgba(255, 255, 255, 0.2); } .theme-dark .incomingCallInner-2rV0UJ{ border-radius: 0; border: none; background-color: rgba(22, 22, 22, 0.8); } .video-eAcneW { background: rgba(0, 0, 0, 0); /* height: 80%; very controversial rule for me */ } .theme-dark .private-channel-call.minimum .private-channel-call-actions .center{ background-color: rgba(0, 0, 0, 0); border-radius: 0; border: none; } .private-channel-call.full-screen .private-channel-call-actions .center, .private-channel-call.full-screen .private-channel-call-actions .side, .private-channel-call.no-chat .center, .private-channel-call.no-chat .side, .private-channel-call.normal .center, .private-channel-call.normal .side{ border-radius: 0; border: none; background-color: rgba(22, 22, 22, 0.5); } .callAvatar-v-u4BM.video-3GgX2M:not(.disabled-29UbL1){ border-radius: 0; box-shadow: none; } .callAvatarBorder-1D_KaE.video-3GgX2M.selected-2esnyn:not(.speaking-oCqYMI){ border-radius: 0; } .reactor-1J25Qp:hover{ background-color: rgba(255, 255, 255, 0.1); } .theme-dark .reactorDefault-3GSyaV { -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1); } .theme-dark .reactorDefault-3GSyaV:hover { box-shadow: none; -webkit-box-shadow: none; } .remove-19AQn_{ border-radius: 0; } .embedImage-2Ynqkh, .imageWrapper-oMkQl4, .embedVideoActions-2XdFk2, .ghostPill-2uK4W1{ border-radius: 0; } .menu-2TXYjN{ border-radius: 0; /* background-color: rgba(22, 22, 22, 0.8); */ } .item-5ApiZt { border-radius: 0; } .colorDefault-2_rLdz.focused-3LIdPu { background-color: rgba(71, 82, 196, 0.6); } .colorDanger-3umuSx.focused-3LIdPu { background-color: rgba(216, 60, 62, 0.6); } .separator-2zcjq8{ border-color: rgba(255, 255, 255, 0.2); } .item-1GzJrl{ color: rgba(255, 255, 255, 0.8); } .item-1GzJrl:hover{ color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.2); } .wrapper-3ByaVZ{ border-radius: 0; /* TODO: This overlaps with other elements in friend invite screen, double check in the future */ background-color: rgba(0, 0, 0, 0.0); } .form-deprecated .form-header, .form-deprecated .form-inner, .wrapper-3ByaVZ .instantInviteModal-3vhcvC .form-actions{ background-color: rgba(0, 0, 0, 0) !important; } .wrapper-3ByaVZ .instantInviteModal-3vhcvC .form-header header{ color: rgba(255, 255, 255, 0.8); } .wrapper-3ByaVZ .instantInviteModal-3vhcvC .blurb-zsamaY{ color: rgba(255, 255, 255, 0.7); } .clipboardInputInner-1EXMA3{ border-radius: 0; border: none; background: none; background-color: rgba(255, 255, 255, 0.1); } input{ background: none; background-color: rgba(0, 0, 0, 0); } .wrapper-3ByaVZ .instantInviteModalAdvanced-3qJETM .form-actions{ background-color: rgba(0, 0, 0, 0); } .form-deprecated .form-actions, .form.deprecated .form-actions{ border-radius: 0; } .form-deprecated .btn-primary, .form.deprecated .btn-primary{ border-radius: 0; } .clipboardInputInner-1EXMA3 button:first-of-type:before{ background: none; } .clipboardInputInner-1EXMA3 button{ border: none; } /* Discord Update 2018/02/03 */ .theme-dark .item-3eFBNF{ box-shadow: none; border-bottom: solid rgba(255, 255, 255, 0.2) 1px; } .theme-dark .card-2ART2V:before{ border-radius: 0; border: none; background-color: rgba(255, 255, 255, 0.15); } .theme-dark .default-1Tkeeg{ border-radius: 0; border: none; background-color: rgba(255, 255, 255, 0.1); box-shadow: none; } .theme-dark .default-1Tkeeg:hover{ background-color: rgba(255, 255, 255, 0.2); box-shadow: none; } .container-30qY7E{ border-radius: 0; border: none; } .accountBtn-3pgcgr .accountBtnInner-3ttD-i{ border-radius: 0; border: none; background-color: rgba(255, 255, 255, 0.1); } .accountBtn-3pgcgr .accountBtnInner-3ttD-i:hover{ background-color: rgba(255, 255, 255, 0.2); } .connectionDelete-3YgMVq{ border-radius: 0; border: none; } .connectionDelete-3YgMVq:hover{ background-color: rgba(255, 255, 255, 0.15); } .regionSelect-3lf4eE .regionSelectInner-24f4Ce{ background-color: rgba(255, 255, 255, 0.1); border: none; border-radius: 0; } .regionSelect-3lf4eE button{ background-color: rgba(255, 255, 255 , 0.2); border: none; border-radius: 0; } .buttonBrandOutlined-2ljRix{ border-radius: 0; border: none; background-color: rgba(114,137,218,.3); } .buttonBrandOutlined-2ljRix:hover{ background-color: rgba(114, 137, 218, 0.5); } .premium-settings .payment-source .payment-info .card-tools-button{ border-radius: 0; } .theme-dark .cardPrimaryOutline-1ofwVz{ background-color: rgba(0, 0, 0, 0.5); } .buttonRedOutlined-2t9fm_{ border: none; background-color: rgba(240, 71, 71, 0.3); } .buttonRedOutlined-2t9fm_:hover{ border: none; background-color: rgba(240, 71, 71, 0.5); } .theme-dark .select-1YfRS9 .Select-menu-outer{ background-color: rgba(22, 22, 22, 0.8); } /* .theme-dark .select-1YfRS9 .Select-option{ background-color: rgba(22, 22, 22, 0.8); } */ .theme-dark .select-1YfRS9 .Select-option.is-selected{ background-color: rgba(62, 62, 62, 0.8); } .theme-dark .select-1YfRS9 .Select-option.is-focused, .theme-dark .select-1YfRS9 .Select-option:hover{ background: none; } .theme-dark .select-1YfRS9 .Select-option.is-focused{ background-color: rgba(22, 22, 22, 0.8); } .theme-dark .select-1YfRS9 .Select-option:hover{ background-color: rgba(42, 42, 42, 0.8); } .colorPickerSwatch-RTUGRR.custom-1Up2lr, .colorPickerSwatch-RTUGRR.default-3ISV7m{ border-radius: 0; } .theme-dark .colorPickerCustom-1swUKF{ background-color: rgba(42, 42, 42, 0.8); border: none; } .searchBar-1MOL6S{ border-radius: 0; } .theme-dark .searchBar-1MOL6S{ background-color: rgba(0, 0, 0, 0.42); } /* Discord Update 2018/02/17 */ .theme-dark .invite-3uuHYQ{ background-color: rgba(10, 10, 10, 0.7); border-radius: 0; border: none; } .noticePremium-12Zvj9{ border-radius: 0; background-color: rgba(42, 42, 42, 0.7); } .noticeInfo-3_iTE1{ border-radius: 0; background-color: rgba(74, 144, 226, 0.5); } .button-1MICoQ{ border-radius: 0; border: none; background-color: rgba(255, 255, 255, 0.2); } .userPopout-2j1gM4{ border-radius: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.7); } .footer-3naVBw{ background: none; } .footer-1fjuF6{ padding-top: 6px; } .theme-dark .quickMessage-1yeL4E{ background-color: rgba(10, 10, 10, 0.7); border-radius: 0; border: none; } .headerSpotify-zpWxgT{ background-color: rgba(29, 185, 84, 0.8); } .lookOutlined-3RTC7c.colorPrimary-2-Lusz{ border: 0; background-color: rgba(255, 255, 255, 0.2); } .lookOutlined-3RTC7c.colorPrimary-2-Lusz:hover{ border: 0; background-color: rgba(255, 255, 255, 0.3); } .lookOutlined-3RTC7c.colorRed-2VFhM4 { border: 0; background-color: rgba(237, 66, 69, 0.5); } .theme-dark .elevationHigh-28Pty4{ border-radius: 0; box-shadow: none; } .wrapper-x4po40{ border-radius: 0; } .theme-dark .userSettingsVoice-1_dzjw .previewOverlay-2reuWf{ border-radius: 0; border: none; background-color: rgba(0, 0, 0, 0.5); } .userSettingsVoice-1_dzjw .media-engine-video{ background: none; } .theme-dark .attachment-1PZZB2{ background-color: rgba(10, 10, 10, 0.7); border-radius: 0; border: none; } .bar-1GpknY, .barInner-3dHef4{ border-radius: 0; } .theme-dark .members-3WRCEx{ background-color: rgba(0, 0, 0, 0); } .theme-dark .popout .messages-popout-wrap, .theme-dark.contextMenu-HLZMGh{ background-color: rgba(22, 22, 22, 0.8); box-shadow: none; } .theme-dark .popout .messages-popout-wrap .messages-popout .message-group{ background-color: rgba(0, 0, 0, 0.42); } .theme-dark .member-3W1lQa.popout-open .content-OzHfo4, .theme-dark .member-3W1lQa.popout-open:hover .content-OzHfo4, .theme-dark .member-3W1lQa:hover .content-OzHfo4{ background-color: rgba(255, 255, 255, 0.1) !important; } .member-3W1lQa{ border-radius: 0; } .theme-dark .add-game-popout{ background-color: rgba(22, 22, 22, 0.8); border-radius: 0; border: none; box-shadow: none; } /* Discord update 2018/04/21 */ .theme-dark .searchPopout-1vUlP3{ /* background-color: rgba(22, 22, 22, 0.8); */ background-color: rgba(22, 22, 22, 0); border-radius: 0; border: none; box-shadow: none; } .resultsGroup-1BPR25{ background-color: rgba(22, 22, 22, 0.8); } .theme-dark .option-2KkUJO.selected-rZcOL-{ background-color: rgba(22, 22, 22, 0.8); border-radius: 0; border: none; box-shadow: none; } .theme-dark .resultsGroup-1BPR25:before{ border: none; } .theme-dark .calendarPicker-sDhzdi .react-datepicker__header, .theme-dark .calendarPicker-sDhzdi .react-datepicker{ background-color: rgba(0, 0, 0, 0); } .theme-dark .datePicker-70cO23 .datePickerHint-17MnA8{ border: none; } .popout-3sVMXz{ box-shadow: none; border-radius: 0; border: none; } /* mentions */ .theme-dark .messagesPopoutWrap-3zryHW, .theme-dark .container-2ebMPP, .container-_dQaft { background-color: rgba(22, 22, 22, 0.8); border-radius: 0; border: none; box-shadow: none; } .messageContainer-3VTXBC { border-radius: 0; background-color: rgba(0, 0, 0, 0.33); } .theme-dark .messagesPopoutWrap-3zryHW .header-145e10, .theme-dark .container-2ebMPP .header-145e10{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; box-shadow: none; } .theme-dark .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .channelHeader-DFRX8q, .theme-dark .container-2ebMPP .channelHeader-DFRX8q { background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(10px); } .tertiary-1e-lAP { border-radius: 0; } .tertiary-1e-lAP:hover:not(.disabled-184-il) { background-color: rgba(255, 255, 255, 0.1); } .theme-dark .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .messageContainer-3VTXBC, .theme-dark .container-2ebMPP .messages-23can0{ background-color: rgba(0, 0, 0, 0.33); border-radius: 0; border: none; } /* unreads */ .container-2ebMPP { background-color: rgba(22, 22, 22, 0.8); border-radius: 0; border: none; box-shadow: none; } .header-1w9Q93 { background-color: rgba(0, 0, 0, 0.42); } .theme-dark .message-group h2 .timestamp{ color: rgba(255, 255, 255, 0.42); } .theme-dark .user-settings-games .not-detected, .theme-light .user-settings-games .not-detected{ background-color: rgba(52, 52, 52, 0.8); } .theme-dark .option-2KkUJO .filter-5YbOzJ { color: rgba(255, 255, 255, 0.5); } .theme-dark .option-2KkUJO .answer-2fBfuP, .theme-dark .option-2KkUJO .nonText-3_4gtu, .theme-dark .option-2KkUJO strong{ color: rgba(255, 255, 255, 0.8) !important; } .theme-dark .option-2KkUJO.user-23VtPS .displayUsername-14aOpK{ color: rgba(197, 207, 237, 1); } .theme-dark .menu-Sp6bN1{ background-color: rgba(22, 22, 22, 0.8); box-shadow: none; } .theme-dark .item-1GzJrl:hover{ background-color: rgba(255, 255, 255, 0.1); } .theme-dark .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .message-group:hover .actionButtons-2mNSAB{ background-color: rgba(255, 255, 255, 0.0); box-shadow: none; } .theme-dark .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI .message-group .actionButtons-2mNSAB .jumpButton-1ZwI_j{ background-color: rgba(255, 255, 255, 0.2); } .actionButtons-2mNSAB .jumpButton-1ZwI_j{ border-radius: 0; box-shadow: none; } /*Discord Update 2018/04/28*/ /*Discord background screwaround fix */ .appMount-3VJmYg{ background: none; } .container-1eFtFS { background: none; } .theme-dark .layer-86YKbF, .theme-dark .layers-OrUESM{ background: none; } /* there was two of them */ .typeWindows-2-g3UY{ background: rgba(0, 0, 0, 0.9); margin-top: 0; padding-top: 4px; } /*The thing under the discord bar fix */ .theme-dark .title-31SJ6t{ background-color: rgba(0, 0, 0, 0.5); box-shadow: none; } /* Member Side Bar and channels thing fix */ .theme-dark .members-3WRCEx, .channels-Ie2l6A{ background-color: rgba(0, 0, 0, 0.0); } .contentHoveredText-2D9B-x{ background-color: rgba(0, 0, 0, 0.22); border-radius: 0; } .member-3W1lQa{ border-radius: 0; } .theme-dark .member-3W1lQa:hover .content-OzHfo4{ background-color: rgba(0, 0, 0, 0.22); } .theme-dark .member-3W1lQa.popout-open .content-OzHfo4, .theme-dark .member-3W1lQa.popout-open:hover .content-OzHfo4{ background-color: rgba(0, 0, 0, 0.42); } /* I forgot beyond this */ .container-1NXEtd{ background: none; } .header-2o-2hj{ background-color: rgba(0, 0, 0, 0.5); box-shadow: none; } .header-2o-2hj:hover{ background-color: rgba(0, 0, 0, 0.42); } .wrapper-2NJDcI{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; } .contentSelectedText-3wUhMi{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; } /* Embed Fix */ .theme-dark .embedInner-1-fpTo{ border-radius: 0; border: none; background-color: rgba(10, 10, 10, 0.7); } .embedPill-1Zntps{ border-radius: 0; } /* Bot Tag Thing */ .px-MnE_OR.botTag-7aX5WZ{ border-radius: 0; } .botTagRegular-kpctgU { background: none; background-color: rgba(114, 137, 218, 0.7); } /* Typing bar fix */ .theme-dark .inner-zqa7da{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; } /* Forgot whats this thing */ .container-2Thooq{ background-color: rgba(0, 0, 0, 0.5); } .base-2jDfDU{ border-radius: 0; } /* Typing background */ .theme-dark .typing-2J1mQU{ background-color: rgba(0, 0, 0, 0); } /*Profile Window Fix*/ .root-SR8cQa{ border-radius: 0; } .theme-dark .topSectionNormal-2-vo2m{ background-color: rgba(22, 22, 22, 0.8); } .theme-dark .userInfoSection-2acyCx+.userInfoSection-2acyCx{ border-color: rgba(255, 255, 255, 0.1); } .theme-dark .connectedAccount-36nQx7{ border: none; } .theme-dark .connectedAccount-36nQx7{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; } .theme-dark .body-3ND3kc{ background-color: rgba(22, 22, 22, 0.8); } /* Discord Update 2018/06/22 */ .theme-dark .activityFeed-28jde9{ background-color: rgba(0, 0, 0, 0); } .card-3Zmutq{ border-radius: 0; } .theme-dark .card-3Zmutq{ background-color: rgba(10, 10, 10, 0.0); } .theme-dark .body-2S0G9D, .theme-dark .header-ISPHUQ{ background-color: rgba(10, 10, 10, 0.7); } .splashArt-175LCr{ opacity: 0.88; } .dot-22bIa4{ border-radius: 0; } .news-2GDtLJ{ border-radius: 0; } /* Music Background color */ .theme-dark .wrapperAudio-1Bzv_Z{ background-color: rgba(10, 10, 10, 0.7); border-radius: 0; border: none; } /* Music bar thingy */ .mediaBarWrapper-33h1oY, .mediaBarWrapper-33h1oY:after, .mediaBarWrapper-33h1oY:before{ background-color: rgba(88, 88, 88, 0.42); /*border-radius: 0;*/ } .buffer-3eVqKK, .buffer-3eVqKK:after, .buffer-3eVqKK:before{ background-color: rgba(255, 255, 255, 0.5); /*border-radius: 0;*/ } /* .mediaBarProgress-38I317, .mediaBarProgress-38I317:after, .mediaBarProgress-38I317:before{ border-radius: 0; }*/ /* Music bar tooltip */ .bubble-3XikHF{ border-radius: 0; background-color: rgba(10, 10, 10, 0.7); } .bubble-3XikHF:before{ border-top-color: rgba(197, 207, 237, 1); /*TODO: Copy the triangle tooltip thing from other stuff*/ } .mediaBarPreview-1gUbVy, .mediaBarPreview-1gUbVy:after, .mediaBarPreview-1gUbVy:before{ background-color: rgba(142, 161, 255, 0.8); } .wrapper-1FP9YQ, .attachment-1PZZB2{ border-radius: 0; } /* Upload bar thingy */ .progress-xNqAjK{ background-color: rgba(88, 88, 88, 0.8) !important; } .progressBar-1T6LYX.small-1bZsRQ{ background-color: rgba(0, 255, 133, 0.7) !important; border-radius: 0 !important; } .small-1bZsRQ{ border-radius: 0; } /*Game invite gradient fix*/ .coverImageWrapper-2wx5q1{ border-radius: 0; } /*Mini window pop-up at each message line thing */ .theme-dark .container-1rPqdX{ border-radius: 0; background-color: rgba(10, 10, 10, 0.7); } /* Discord update 2018/07/28 */ .isMentionedCozy-3isp7y{ border-radius: 0; } .isMentionedCozy-3isp7y:after{ border-radius: 0; } .theme-dark .messageGroupWrapper-1jf_7C{ background-color: rgba(10, 10, 10, 0.7); border-radius: 0; border: none; } .theme-dark .jumpButton-1ZwI_j, .jumpButton-1V_1FA{ background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } .theme-dark .messageGroupWrapper-1jf_7C:hover .actionButtons-2mNSAB{ -webkit-box-shadow: none; } .theme-dark .container-3cGP6G{ border-radius: 0; background-color: rgba(22, 22, 22, 0.8); } /* Discord update 2018/08/01 */ .theme-dark .guildsWrapper-5TJh6A{ background-color: rgba(0, 0, 0, 0.5); } .search-bar-light .searchBarInner-1_Tg2R{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0 !important; } /* Discord update 2018/08/04 */ .theme-dark .chat-2ZfjoI, .theme-dark .chat-2ZfjoI form, .theme-dark .content-1jQy2l{ background-color: rgba(0, 0, 0, 0); } .content-1jQy2l .members-3WRCEx { background-color: rgba(0, 0, 0, 0.22); } .theme-dark .messagesWrapper-3lZDfY{ background-color: rgba(0, 0, 0, 0); } .newMessagesBar-1hF-9G { background-color: rgba(114, 137, 218, 0.6); border-radius: 0; } .theme-dark .divider-2rZFJK{ margin-right: 20px; } .theme-dark .divider-2rZFJK:before{ /*margin-top: -20px;*/ background-color: hsla(0,0%,100%,.06); } /* Why does this doesn't work */ /* .containerCozy-jafyvG .divider-32i8lo{ border: 0 solid rgba(0, 0, 0, 0); padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; margin: 0 20px 0 20px; }*/ /*.containerCozy-jafyvG{ padding-top: 10px; padding-bottom: 0; margin-bottom: 0; padding-bottom: 10px; }*/ /* Oh wait, its this one */ .containerCozy-jafyvG{ padding-top: 20px; } .theme-dark .divider-2rZFJK span{ border-radius: 0; } .messageGroupBlocked-3wrQQX{ border-bottom: 0px; } .theme-dark .messageGroupBlocked-3wrQQX .messageGroupBlockedBtn-1PBBh-{ display: none; } /* .messageGroupBlocked-3wrQQX:before{ border: 1px solid hsla(0,0%,100%,.06); display: inline; } */ .theme-dark .jumpToPresentBar-1cEnH0, .theme-dark .jumpToPresentBar-1cEnH0:hover{ background-color: rgba(22, 22, 22, 0.8); border-radius: 0; } /* Discord login screen */ .authBox-1HR6Ha{ border-radius: 0; box-shadow: none; background-color: rgba(22, 22, 22, 0.8); color: rgba(255, 255, 255, 0.6); } .subTitle-3TUjmF, .theme-dark .input-2g-os5{ color: rgba(255, 255, 255, 0.7); } /* If you're into circles and different colors for unread servers Might add an optional folder for these kind of stuff .theme-dark .guild-1EfMGQ.unread-qLkInr:before{ background-color: rgba(197, 207, 237, 1); margin: -25px 0 0 55px; z-index: 42; } .guild-1EfMGQ.selected-ML3OIq:before{ margin: -20px 0 0 0 !important; -webkit-transition: none; transition: none; } */ /* Discord update 2018/08/14 */ .theme-dark .container-2Thooq, .theme-light .container-2Thooq{ background-color: rgba(0, 0, 0, 0.5); } /* Other fixes */ .channelNotices-41mJbj .channelNotice-tO6Tus.invite-OjTXrW, .channelNotices-41mJbj .channelNotice-tO6Tus.quickswitcher-35bYg4{ background: rgba(22, 22, 22, 0.42) url(/assets/8fdb69b7684b8e1ecb3fdde909daca41.svg) no-repeat center 35px; box-shadow: none; } .channelNotices-41mJbj .channelNotice-tO6Tus .message-3KLVy1 .btn-38SvSS { border: none; border-radius: 0; background: rgba(22, 22, 22, 0.8); } .channelNotices-41mJbj .channelNotice-tO6Tus .message-3KLVy1 .btn-38SvSS:hover { border: none; border-radius: 0; background: rgba(22, 22, 22, 0.42); } .theme-dark .hasMore-3e72_v button:hover{ background-color: rgba(22, 22, 22, 0.42); box-shadow: none; } .theme-dark .hasMore-3e72_v button{ background-color: rgba(22, 22, 22, 0.8); border: none; border-radius: 0; } /* Disord update September 2018 */ /* Version 1.17.8 > 1.18.0 */ /* Friend List background Selected + Hover */ .interactive-iyXY_x{ border-radius: 0; } .theme-dark .interactive-26HRN_:focus-within, .theme-dark .interactive-26HRN_:hover{ background: rgba(0, 0, 0, 0.22); } .interactive-26HRN_:active, .interactiveSelected-29CP8y{ background: rgba(0, 0, 0, 0.42) !important; } /* Notice bar background opacity and border radius */ .notice-2FJMB4{ border-radius: 0; } .noticeFacebook-3equ5g{ background-color: rgba(53, 80, 137, 0.8); } .noticeDanger-7u-yT9 { background-color: rgba(240, 71, 71, 0.8); } /* Voice chat background fix */ .theme-dark .wrapper-29NfPK{ background-color: rgba(0, 0, 0, 0.42); border-bottom: solid rgba(255, 255, 255, 0.1) 1px; } /* Voice chat buttons background and border radius */ .theme-dark .wrapper-29NfPK.minimum-2d6zH6 .actions-2vadYq .center-1Vp33r{ background-color: rgba(22, 22, 22, 0.8); border: none; border-radius: 0; } /* Voice video chat buttons background and border radius */ .wrapper-29NfPK.fullScreen-3DKbL8 .actions-2vadYq .center-1Vp33r, .wrapper-29NfPK.fullScreen-3DKbL8 .actions-2vadYq .side-kO0bwV, .wrapper-29NfPK.noChat-2qlG4B .center-1Vp33r, .wrapper-29NfPK.noChat-2qlG4B .side-kO0bwV, .wrapper-29NfPK.normal-2GSW0u .center-1Vp33r, .wrapper-29NfPK.normal-2GSW0u .side-kO0bwV{ background-color: rgba(22, 22, 22, 0.8); border: none; border-radius: 0; } /* Voice video chat background fix */ .video-35SHWt{ background-color: rgba(22, 22, 22, 0.8); } .theme-dark .pictureInPictureVideo-20ZvXn{ background-color: rgba(0, 0, 0, 0.0); } .overlay-1NmNEg{ border: none; box-shadow: none; } /* Fix for that random shadow below search bar */ .searchBar-jGtisZ { box-shadow: none; background-color: rgba(0, 0, 0, 0.42); border-radius: 0; } /* Local Bot background fix */ .theme-dark .isLocalBot-38G0P0{ background-image: none; background-color: rgba(255, 255, 255, 0.1); } /* Discord update 2018/10/5 and previous updates */ /* Version 1.18.0 > 1.18.1 */ /* slow mode text color */ .cooldownWrapper-2k1jHK{ color: rgb(255, 190, 120) !important; } /* date under unread fix */ .theme-dark .divider-2rZFJK .content-3spvdd { margin-top: 1px; margin-bottom: -20px; } /* Fix border colors for 'hidden' dividers */ .containerCozy-jafyvG .divider-32i8lo{ border-color: hsla(0,0%,100%,.04); } /* Make blocked messages divider hidden */ .divider-3zi9LO+.messageGroupBlocked-JqfeE2, .messageGroupBlocked-3wrQQX{ border: none; } /* Version 1.18.1 > 1.18.2 */ /* Discord Nitro page fix */ .theme-dark .paymentRow-1HKOLu{ border-color: rgba(255, 255, 255, 0.1); } .theme-dark .paymentPane-ut5qKZ, .theme-dark .paginator-1eqD2g, .theme-dark .paymentRow-1HKOLu{ background: none; background-color: rgba(0, 0, 0, 0); } .theme-dark .paymentRow-1HKOLu:hover{ background-color: rgba(255, 255, 255, 0.1); } .theme-dark .expandedInfo-1W31i3{ border-radius: 0; background-color: rgba(255, 255, 255, 0.1); } .paymentPane-ut5qKZ{ border-radius: 0; } .indicator-1zNk1M{ border-radius: 0; } .theme-dark .lookFilled-1H2Jvj.colorPrimary-2-Lusz{ background-color: rgba(255, 255, 255, 0.2); } .theme-dark .lookFilled-1H2Jvj.colorPrimary-2-Lusz:active, .theme-dark .lookFilled-1H2Jvj.colorPrimary-2-Lusz:hover{ background-color: rgba(255, 255, 255, 0.3); } /* Discord Hypesquad border radius fix */ /* TODO: Youtube preview border radius to 0 */ .membershipDialog-2wAdpQ, .ytp-cued-thumbnail-overlay-duration{ border-radius: 0; } /* Fix inconstencies at Help */ .need-help-modal.form.deprecated .header, .need-help-modal.form.deprecated .footer{ background-color: rgba(0, 0, 0, 0); border: none; } .need-help-modal.form.deprecated .header input[type=text]{ color: rgba(255, 255, 255, 0.8); background-color: rgba(0, 0, 0, 0.42); border-radius: 0; box-shadow: none; } /* Fixed Invite friend window. Refer to git history for changes. */ /* Fix certain text box's background */ /* TODO: Fix the dropdown menu background, too light and not enough opacity */ .theme-dark .select-1YfRS9 .Select-control{ background-color: rgba(0, 0, 0, 0.42); } /* Change unsaved roles confirmation window background color */ .theme-dark .elevationHigh-28Pty4{ background-color: rgba(22, 22, 22, 0.8) !important; } /* Version 1.18.2 > 1.18.3 */ /* Fix reaction border radius */ /* Adjusted reaction text color and background color */ .theme-dark .reaction-3vwAF2, .reactionInner-1po5__{ border-radius: 0; background-color: rgba(255, 255, 255, 0.1); } .reaction-3vwAF2:hover { background-color: rgba(255, 255, 255, 0.2); } .reaction-3vwAF2.reactionMe-1PwQAc { background-color: hsla(235,85.6%, 64.7%, 0.15); } .theme-dark .reactionCount-26U4As{ color: rgba(255, 255, 255, 0.42); } .reaction-102jx9 { border-radius: 0; } /* Video preview border radius fix */ .videoWrapper-1_H3B3{ border-radius: 0; } /* Search fix */ /* Fix the weird gradiant thing */ .theme-dark .option-2KkUJO:after, .theme-dark .option-2KkUJO.selected-rZcOL-:after{ background: none; } /* Fix the background for search pop-up window */ .theme-dark .container-2McqkF{ background-color: rgba(22, 22, 22, 0.8); } .resultsGroup-1BPR25{ margin-top: 0; background-color: rgba(22, 22, 22, 0.8); } .container-2McqkF{ border-radius: 0; } /* Delet the random box shadow for search pop-up window */ .theme-dark .elevationBorderHigh-3drnJX{ box-shadow: none; } /* Fix the close button for settings menu */ .closeButton-PCZcma { border-radius: 0; border: none; background-color: rgba(255, 255, 255, 0.1); } .closeButton-PCZcma:hover { background-color: rgba(255, 255, 255, 0.2); } /* Fix guild wrapper border radius */ .guildsWrapper-5TJh6A, .video-2HW4jD, .embedImage-2Ynqkh img, .embedImage-2Ynqkh video, .embedThumbnail-2nTasl img, .embedThumbnail-2nTasl video, .embedVideo-2ixt5A img, .embedVideo-2ixt5A video, .embedMedia-1mdWSP, .embedGalleryImagesWrapper-3BWvNM { border-radius: 0; } /* Fix the background for server add button */ .theme-dark .guildsAdd-21_IdK{ background-color: rgba(0, 0, 0, 0); } /* Fix color picker border radius */ .colorPickerSwatch-RTUGRR{ border-radius: 0; } /* Fix role add pop-up border radius */ #autocomplete-popout .autocomplete-shadow { border-radius: 0; } .popout-3sVMXz header, .popout-3sVMXz section{ border-radius: 0 0 0 0; } /* Fix Display role menu pop-up */ .theme-dark .elevationBorderLow-3_3rXL{ border-radius: 0; box-shadow: none; } .theme-dark .popoutList-10IFAa{ background-color: rgba(22, 22, 22, 0.8); } .theme-dark .selectableItem-3-fmiM{ border-radius: 0; } .theme-dark .selectableItem-3-fmiM:hover{ background-color: rgba(255, 255, 255, 0.1); } /* Version 1.18.3 > 1.18.4 */ /* .theme-dark .message-G6O-Wv changed, refer to git for details */ /* Fixed pin message background color */ .theme-dark .lookFilled-1h1y05.select-1Pkeg4, .theme-dark .popout-2sKjHu{ background-color: rgba(22, 22, 22, 0.8); border-radius: 0; } .theme-dark .lookFilled-1h1y05.select-1Pkeg4{ border: none; } /* Adjusted dropdown option for Discord Nitro purchase window */ .theme-dark .optionActive-KkAdqq{ background-color: rgba(62, 62, 62, 0.8); } .theme-dark .optionNormal-12VR9V:hover{ background-color: rgba(42, 42, 42, 0.8); } /* .checkboxWrapper-2fDzaA:hover and .checkboxWrapper-2fDzaA changed, refer to git for details */ /* Adjusted background color for Discord Store Terms of Service box */ /* Adjust border radius for Discord Nitro price */ .price-2IU94K{ border-radius: 0; } /* .theme-dark .select-1YfRS9 changed, refer to git for details */ /* Adjusted background colors for dropdown menus for consistency */ /* Forgot to document which one is this */ .theme-dark .focused-2FU0YH{ background-color: rgba(11, 11, 11, 0.8); border: none; } /* Adjusted .theme-dark .container-2McqkF, refer to git for details */ /* Fix date picker background color */ /* Version 1.18.4 > 1.18.5 */ /* Member list background-color adjustment*/ /* TODO: Look for existing CSS element */ /* Discord Nitro Classic banner background color and border radius fix */ .theme-dark .tier1Banner-1B_WXY{ background-color: rgba(0, 0, 0, 0.5); border-radius: 0; } /* Discord Nitro thumbnail border radius fix */ .thumbnail-NKY26f{ border-radius: 0; } /* Discord Store page background color fix */ .theme-dark .applicationStore-2nk7Lo{ background-color: rgba(0, 0, 0, 0.22); } /* TODO: Update existing CSS element */ /* Adjust the background color for input field */ .theme-dark .searchBox-pyIJJj{ background-color: rgba(0, 0, 0, 0.42) !important; border-radius: 0; } /* Fix Game information and thumbnail border radius */ .theme-dark .tileWrapper-2khh-w{ background-color: rgba(22, 22, 22, 0.8); border-radius: 0; } .theme-dark .tileWrapper-2khh-w:hover{ background-color: rgba(42, 42, 42, 0.8); } /* Fix the border radius for Discord Nitro purchase window again */ .price-1rEl-z{ border-radius: 0; } /* Discord Library background fix */ .theme-dark .gameLibrary-TTDw4Y{ background-color: rgba(0, 0, 0, 0.22); } /* Discord Library header background color fix */ .theme-dark .gameUpdates-3Ts_5W{ background-color: rgba(0, 0, 0, 0.1); } .theme-dark .header-2EadGG{ background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.1); } /* Discord Library game information background fix */ /* Removed box shadow for game information */ .rowWrapper-N-4fji{ border-radius: 0; } .theme-dark .rowWrapperActive-nOO7R3{ background-color: rgba(255, 255, 255, 0.1); box-shadow: none; } /* Adjust the text color for Discord Library game information */ .theme-dark .icon-3cUB-z, .theme-dark .textCell-sKsLUQ{ color: rgba(255, 255, 255, 0.6); } /* Discord Library download bar fix */ .small-Q4fy6o, .xsmall-2nFcgN{ border-radius: 0; } .theme-dark .progressCellText-3ajYcj{ color: rgba(255, 255, 255, 0.5); } /* Discord settings background color fix */ .theme-dark .standardSidebarView-E9Pc3j { background: none; background-color: rgba(0, 0, 0, 0); } .theme-dark .sidebarRegion-1VBisG { background-color: rgba(0, 0, 0, 0.1); } .theme-dark .contentRegion-3HkfJJ{ background-color: rgba(0, 0, 0, 0); } /* Fix emoji margins */ .emoji.jumboable{ margin: 0; } /* Discord update 2018/12/19 */ /* I forgot which fixes are these */ .applicationTile-1Goy1W{ border-radius: 0; } .theme-dark .applicationTile-1Goy1W{ background-color: rgba(10, 10, 10, 0.8); } .theme-dark .applicationTile-1Goy1W:hover{ background-color: rgba(30, 30, 30, 0.8); } /* Discord update 2018/01/19 and prior */ /* Discord gift window, selection border and background color fix */ .option-1l2vXE{ border-radius: 0; } .theme-dark .option-1l2vXE{ background-color: rgba(11, 11, 11, 0.8); } .annualDiscount-1VxngV{ border-radius: 0; } /* Gift Inventory background color fix */ .theme-dark .root-1BQpZw{ background-color: rgba(0, 0, 0, 0.2); } /* Discord Nitro purchase page banner border fix */ .banner-3Kac2g{ border-radius: 0; } /* Discord Nitro purchase page below banner background fix */ .theme-dark .container-2Zlzt0{ background-color: rgba(22, 22, 22, 0.42); border-radius: 0; } /* Overlay setting - Overlay Notification position preview border radius fix */ .wrapper-SdcMKg{ border-radius: 0; } .option-1QI4c9{ border-radius: 0; } /* Game Activity now playing / inactive border radius fix */ .notDetected-2HEmAp, .nowPlaying-zBamm2{ border-radius: 0; } /* Discord update 2019/1/12 */ /* Fix Friends list background color */ .theme-dark .container-2cd8Mz{ background-color: rgba(0, 0, 0, 0); } /* Fix Friends list button background color and border radius */ .theme-dark .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9{ border-radius: 0; background-color: rgba(22, 22, 22, 0.8); } /* Fix Search bar border radius and background color */ .theme-dark .searchBar-zdmu7v { background-color: rgba(0, 0, 0, 0.42); } /* Fix Search result's background colors, border radius, and other stuff */ .theme-dark .searchResult-3pzFAB .searchResultMessage-2VxO12.hit-NLlWXA{ border-radius: 0; border: none; box-shadow: none; background-color: rgba(11, 11, 11, 0.8); } .theme-dark .searchResult-3pzFAB:before, .theme-dark .searchResult-3pzFAB:after{ background-image: none; } .theme-dark .searchResult-3pzFAB{ background-color: rgba(11, 11, 11, 0.42); } .theme-dark .channelSeparator-1X1FuH .channelName-1QajIf{ background-color: rgba(0, 0, 0, 0); } .theme-dark .searchResult-3pzFAB.expanded-v2Szsz{ border-radius: 0; border: none; } .theme-dark .searchResult-3pzFAB.expanded-v2Szsz .searchResultMessage-2VxO12.hit-NLlWXA{ border: none; background-color: rgba(11, 11, 11, 0.8); } .searchBar-2_Yu-C.searchBarLight-1NxoDG{ background-color: rgba(0, 0, 0, 0); border-radius: 0; } .searchBar-2_Yu-C.searchBarLight-1NxoDG .searchBarInner-1_Tg2R{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0 !important; border: none; } /* Scroll bar and scroll bar background fix */ .theme-dark .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scroller-kQBbkU::-webkit-scrollbar-track-piece{ border: none; border-radius: 0; background: rgba(0, 0, 0, 0); } .theme-dark .scroller-kQBbkU::-webkit-scrollbar-thumb{ background-color: rgba(0, 0, 0, 0.5); } /* Tooltip background fix */ .tooltip-1OS-Ti.black-2bmmnj{ background-color: rgba(0, 0, 0, 0.8); border-radius: 0; box-shadow: none; } .tooltip-1OS-Ti.black-2bmmnj.top-1pTh1F:after{ border-top-color: rgba(197, 207, 237, 1); } .tooltip-1OS-Ti.black-2bmmnj.right-KM_vfY:after{ border-right-color: rgba(197, 207, 237, 1); } /* Fixes dating back from 3 months ago */ /* Spotify background color fix */ .noticeSpotify-27dhr0{ background-color: rgba(29, 141, 84, 0.8); } /* Fix certain buttons' background color */ .theme-dark .button-1MICoQ, .theme-light .button-1MICoQ{ background: rgba(255, 255, 255, 0.2); } /* Fix guilds sidebar background color */ .theme-dark .wrapper-1_HaEi { background-color: rgba(0, 0, 0, 0.5); } /* Default icon should be semi-transparent now */ .theme-dark .wrapper-2lTRaf{ background-color: rgba(0, 0, 0, 0.42) !important; } .theme-dark .circleIconButton-jET_ig{ background-color: rgba(0, 0, 0, 0.42); } /* Background color and radius fix for add role popup window */ /* Also text color fixes and arrow background color */ .theme-dark .container-1S70rv .sectionTag-28mLyE{ background-color: rgba(11, 11, 11, 0.8); color: rgba(255, 255, 255, 0.8); } .positionTop-3SXWNj .sectionTag-28mLyE{ border-radius: 0; } .theme-dark .row-1Ib2uD.selected-1IWCoj{ background: rgba(64, 64, 64, 0.7) none; } .theme-dark .autocompleteHeaderBackground-3u7TwO{ background-color: rgba(42, 42, 42, 0.8); color: rgba(255, 255, 255, 0.8); } .theme-dark .container-1S70rv .headerText-27z-EV{ color: rgba(255, 255, 255, 0.9); } .theme-dark .container-1S70rv .input-2lpFVz{ color: rgba(255, 255, 255, 0.8); } .positionTop-3SXWNj .autocompleteHeaderBackground-3u7TwO{ border-radius: 0; } .theme-dark .autocompleteArrow-jJE9TQ{ background-color: rgba(197, 207, 237, 1); box-shadow: none; } .theme-dark .autocompleteShadow-2nfsSy{ box-shadow: none; } .autocompleteHeaderBackground-3u7TwO{ border-radius: 0; } .clickable-2V8YKY[aria-disabled=false]>.base-2v-uc0:hover, .clickable-2V8YKY[aria-selected=true]>.base-2v-uc0 { background-color: rgba(42, 42, 42, 0.8); } .base-2v-uc0 { border-radius: 0; } /* Fix disabled button background for user popup window */ .lookOutlined-3RTC7c.colorWhite-1H92hK:disabled{ background-color: rgba(255, 255, 255, 0.2); } /* Settings Code Redemption background fix */ .theme-dark .codeRedemptionRedirect-3SBiCp{ background-color: rgba(0, 0, 0, 0.42); } /* Friends List search bar background and border radius fix */ .searchBar-2_Yu-C{ border-radius: 0; border: none; } /* Discord server discovery main page background and border radius fixes */ .theme-dark .pageWrapper-2PwDoS{ background-color: rgba(0, 0, 0, 0); } .bg-AYqtMd{ background: rgba(0, 0, 0, 0.42); } .theme-dark .emptySearchResults-1ba__I{ background: none; } .card-2TuZPZ{ border-radius: 0; } /* Discover server discovery server preview window background fix */ .wrapper-2SplAX { border-radius: 0; } .theme-dark .wrapper-2SplAX { background-color: rgba(0, 0, 0, 0.42); } /* Add server background and border radius fix */ .content-2BXhLs{ border-radius: 0; } .wrapper-2ZbzR9{ border-radius: 0; } .theme-light .wrapper-2ZbzR9{ background-color: rgba(0, 0, 0, 0); } .theme-dark .action-1lSjCi, .theme-light .action-1lSjCi{ border-radius: 0; background-color: rgba(0, 0, 0, 0.42); } .actionButton-2PeQbJ{ border-radius: 0; } /* Fix chat bar add button popup menu */ .theme-dark .attachPopout-1n-ZKM{ border-radius: 0; background-color: rgba(22, 22, 22, 0.8); } .theme-dark .attachPopoutRow-KrE-f6:hover{ border-radius: 0; background-color: rgba(255, 255, 255, 0.1); } /* Fix discord notice bar border radius */ .notice-2HEN-u{ border-radius: 0; } .colorDark-17ICom { background-color: rgba(55, 55, 55, 0.8); } /* Fix channel sidebar selection and hover background color and border radius */ .theme-dark .wrapper-NhbLHG.modeSelected-3DmyhH .link-1_kTxV, .theme-dark .wrapper-NhbLHG.modeSelected-3DmyhH:hover .link-1_kTxV, .theme-light .wrapper-NhbLHG.modeSelected-3DmyhH .link-1_kTxV, .theme-light .wrapper-NhbLHG.modeSelected-3DmyhH:hover .link-1_kTxV{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; } .theme-dark .wrapper-NhbLHG:hover .link-1_kTxV, .theme-light .wrapper-NhbLHG:hover .link-1_kTxV{ background-color: rgba(0, 0, 0, 0.22); border-radius: 0; } /* Fix setting sidebar selection and hover background color and border radius */ .theme-dark .side-1lrxIh .themed-qqoYp3.selected-1sf9UK.item-2GWPIy, .theme-dark .side-1lrxIh .themed-qqoYp3.selected-1sf9UK.item-2GWPIy:hover, .theme-dark .topPill-2vcLsa .themed-qqoYp3.selected-1sf9UK.item-2GWPIy, .theme-dark .topPill-2vcLsa .themed-qqoYp3.selected-1sf9UK.item-2GWPIy:hover{ background-color: rgba(0, 0, 0, 0.42); } .theme-dark .side-1lrxIh .themed-qqoYp3.item-2GWPIy:hover, .theme-dark .topPill-2vcLsa .themed-qqoYp3.item-2GWPIy:hover{ background-color: rgba(0, 0, 0, 0.22); } .tooltip-14MtrL { border-radius: 0; } /* Tooltip background fixes */ .theme-dark .tooltipBlack-vMYxvw, .theme-light .tooltipBlack-vMYxvw{ background-color: rgba(0, 0, 0, 0.7); } .theme-dark .tooltipBlack-vMYxvw .tooltipPointer-3L49xb, .theme-light .tooltipBlack-vMYxvw .tooltipPointer-3L49xb{ border-top-color: rgba(197, 207, 237, 1) } .wrapper-2fEmwW{ color: rgba(255, 255, 255, 0.5); background-color: rgba(0, 0, 0, 0.33); border-radius: 0; } /* Fixed border radius and background for current member count and member limit for voice channel */ .users-2JoyGL{ background-color: rgba(0, 0, 0, 0.0); } .total-1c5KCN{ background-color: rgba(0, 0, 0, 0.33); } .total-1c5KCN:after{ border-right-color: rgba(0, 0, 0, 0.33); } /* Fix the header background color at friend list */ .theme-dark .container-ZMc96U{ background: rgba(0, 0, 0, 0.5) none; box-shadow: none; } .addFriendInputWrapper-kkoSV9 { border-radius: 0; background-color: rgba(0, 0, 0, 0.5); } /* Fix emoji picker search bar background color and text color */ .container-1SX9VC{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; } .input-2FSSDe { color: rgba(255, 255, 255, 0.8); } /* Fix text color for chat search bar */ .theme-dark .searchBar-zdmu7v{ color: rgba(255, 255, 255, 0.8); } /* Fix spoiler tag background color and border radius */ .spoilerText-2G40u0, .spoilerWarning-1JN1Ot{ border-radius: 0; } .theme-dark .spoilerText-2G40u0{ background-color: rgba(255, 255, 255, 0.1); } .theme-dark .spoilerText-2G40u0.hidden-2lQZ5q{ background-color: rgba(111, 111, 111, 0.42); } .theme-dark .spoilerText-2G40u0.hidden-2lQZ5q:hover{ background-color: rgba(111, 111, 111, 0.6); } /* Fix voice chat's user list hover background color */ .theme-dark .listDefault-2F-w65 .clickable-1ctZ-H:hover .content-1Tgc42, .theme-light .listDefault-2F-w65 .clickable-1ctZ-H:hover .content-1Tgc42{ background-color: rgba(0, 0, 0, 0.22); border-bottom: 2px solid rgba(0, 0, 0, 0); border-radius: 0; } .theme-dark .selected-1oxcpH{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; } .categoryFade-2EGqIh, .categoryFadeBlurple-1HuV1x{ border-radius: 0; } .result-3OpoO7::after{ border-radius: 0; } .gif-1EWTs-{ border: none; border-radius: 0; } /* Fix the odd gradient before the chat search bar */ .theme-dark .children-3xh0VB:after{ background: none; } /* Fix the background color for game activity when there is no game detected */ .theme-dark .notDetected-2HEmAp, .theme-light .notDetected-2HEmAp{ background-color: rgba(0, 0, 0, 0.42); } /* Fixed inconsistency on server icons and other buttons*/ .theme-dark .acronym-2zrAHN, .theme-light .acronym-2zrAHN, .theme-dark .button-OhfaWu, .theme-light .button-OhfaWu{ background-color: rgba(0, 0, 0, 0.42); color: rgba(255, 255, 255, 0.8); } /* Fix activity feed background color */ .theme-dark .activityFeed-1C0EmJ{ background-color: rgba(0, 0, 0, 0.0); } /* Fix border radius and background colors for activity feed cards */ .card-3SDdMD, .inset-GQDQYw, .outer-2IVh5n, .wrapper-Qvfyci{ border-radius: 0; } .theme-dark .outer-2IVh5n{ background-color: rgba(0, 0, 0, 0.42); } .theme-dark .outer-2IVh5n.interactive-1BeKSi:hover{ background-color: rgba(42, 42, 42, 0.42); } .theme-dark .recentlyPlayedContainer-2F3MqS{ background-color: rgba(0, 0, 0, 0.42); border: none; } .theme-dark .popout-3G62UL{ background-color: rgba(0, 0, 0, 0.7); border-radius: 0; } .theme-dark .multipleIconWrapper-1PjkRO, .theme-dark .section-2VKIPC, .theme-dark .popoutContainer-3WC9HR:hover{ background-color: rgba(0, 0, 0, 0.42); } .section-2VKIPC{ border-radius: 0; } .theme-dark .inset-GQDQYw{ background-color: rgba(0, 0, 0, 0.0); } .theme-dark .enabled-5QKLzu:hover, .theme-dark .memberListItem-3V-x8Q:hover{ background-color: rgba(255, 255, 255, 0.2); } .theme-dark .enabled-5QKLzu:hover, .memberListItem-3V-x8Q{ border-radius: 0; } /* Fix the background and border radius for game features list */ .theme-dark .row-2qQ--F{ background-color: rgba(0, 0, 0, 0.42); } .row-2qQ--F{ border-radius: 0; } /* Fix the Nitro banner thing's background color and border radius on Discord store's game page */ .section-18Kw3M:first-child, .premiumHeaderPrice-_S6RyD, .section-18Kw3M:last-child{ border-radius: 0; } .theme-dark .bodySection-3iDdop, .theme-light .bodySection-3iDdop{ background-color: rgba(0, 0, 0, 0.42); } /* Fix background color and border radius for the nitro featured game banner */ .overlappingBorder-3aFng4, .paginationItemContainer-3VCxU-{ border-radius: 0; } .theme-dark .itemBackground-2vEldQ{ background-color: rgba(0, 0, 0, 0.42); } .theme-dark .applicationMedia-3zsjP3{ background-color: rgba(0, 0, 0, 0.42); border-radius:0 ; } .applicationStreamingHoverText-ETJLXZ { border-radius: 0; } /* Fix background color, border radius, and inconsistent height for nitro game perks */ .tile-QA_yMc{ border-radius: 0; } .theme-dark .tile-QA_yMc{ background-color: rgba(0, 0, 0, 0.42); } .perkTag-2O4dx4{ border-radius: 0; height: 17px; } /* Fix background color and border radius for nitro games list */ .theme-dark .tileMedia-1q3guD{ background-color: rgba(0, 0, 0, 0.42); } .tileMedia-1q3guD{ border-radius: 0; } /* Fix the share button background color */ .buttonColor-1agP3J{ background-color: rgba(0, 0, 0, 0.6); } /* Remove the out of place gradient for nitro games list */ .theme-dark .gradientOverlayLeft-3w159C, .theme-dark .gradientOverlayRight-3vMuS8{ background: none; } /* Fix background color and border radius for the scroller buttons on nitro games list */ .scrollerButton-1Vm5_P{ border-radius: 0; } .theme-dark .scrollerButton-1Vm5_P{ background-color: rgba(0, 0, 0, 0.7); } /* Fix the random gradient at share post screen */ .theme-dark .copyButton-gxXBmB{ background: none; } /* Fix the background color and border radius for the share post search bar */ .theme-dark .container-1SX9VC{ background-color: rgba(0, 0, 0, 0.42); border-radius: 0; } /* Fix background color for hidden user list on activity feed setting */ .theme-dark .emptyUsers--hiToV{ background-color: rgba(0, 0, 0, 0.42); } /* Fix background color for the unfollow game on activity feed setting */ .theme-dark .unfollowButton-2uoMXv{ background-color: rgba(0, 0, 0, 0.42); } /* Fix background color for the search game search bar on activity feed setting */ .theme-dark .searchResultsContainer-1ma_dc{ background-color: rgba(0, 0, 0, 0.7); } /* Fix background color and border radius for the game search bar selection */ .theme-dark .searchOption-8nCYo-.selected-1r_nkg{ background-color: rgba(255, 255, 255, 0.2); } .searchOption-8nCYo-{ border-radius: 0; } /* Fix background color and border radius for game icons at Activity Page's quick launcher */ .theme-dark .unwrapped-37iUtM.clickable-nnkAZy:hover, .theme-dark .wrapped-15rg6t{ background-color: rgba(0, 0, 0, 0.42); } .container-35JN_A{ border-radius: 0; } /* Fix background color and border radius for mute / deafen / setting icons */ .theme-dark .button-2b6hmh:hover, .theme-light .button-2b6hmh:hover{ background-color: rgba(0, 0, 0, 0.42); } .button-2b6hmh{ border-radius: 0; } /* Fix background color for overflow member count at Activity Page's recently played section */ .theme-dark .partyMemberOverflow-1tfvpb{ background-color: rgba(255, 255, 255, 0.1); } /* Fix background color and border radius for game activity's add game selection */ .theme-dark .addGamePopout-3yePJc{ background-color: rgba(0, 0, 0, 0.42); } .addGamePopout-3yePJc{ border-radius: 0; } .css-15ejc46-control, .css-15ejc46-control:hover, .css-2yldzf-control, .css-2yldzf-control:hover{ background-color: rgba(0, 0, 0, 0.42); border: none; border-radius: 0; } .tile-2mmK5T{ border-radius: 0; } .theme-dark .tile-2mmK5T{ background-color: rgba(0, 0, 0, 0.42); } .theme-dark .tile-2mmK5T:hover{ background-color: rgba(0, 0, 0, 0.22); } .theme-dark .lookFilled-1H2Jvj.colorPrimary-2-Lusz:disabled{ background-color: rgba(255, 255, 255, 0.1); } /* Server boost server selection background fix */ .theme-dark .modal-3v8ziU{ border-radius: 0; background-color: rgba(42, 42, 42, 0.42); box-shadow: none; } .theme-dark .separator-2pYyx-{ box-shadow: none; background-color: rgba(42, 42, 42, 0.42); } .theme-dark .selectGuild-1Ygl76:hover{ border-radius: 0; background-color: rgba(255, 255, 255, 0.1); } .theme-dark .footer-30ewN8{ border-radius: 0; box-shadow: none; background-color: rgba(42, 42, 42, 0.42); } /* Server boost tier background color and border radius fix */ .theme-dark .tierPill-1yRO48{ border-radius: 0; background-color: rgba(255, 255, 255, 0.15); } /* Fix the username background color */ .theme-dark .container-YkUktl, .theme-light .container-YkUktl{ background-color: rgba(0, 0, 0, 0.5); padding-bottom: 0; } /* Fix discrim number text color */ .theme-dark .subtext-2HDqJ7, .theme-light .subtext-2HDqJ7{ color: rgba(197, 207, 237, 1); } /* Quick background fixes */ .app-3xd6d0{ background-color: rgba(0, 0, 0, 0); } /* private channel list fix (written by Jisagi) */ .privateChannels-oVe7HL { background-color: rgba(0, 0, 0, 0); } /* Another background fix */ .theme-dark, .theme-light { --background-primary: none; --background-secondary: none; --background-secondary-alt: none; --background-tertiary: none; --deprecated-store-bg: none; --deprecated-panel-background: none; --background-floating: rgba(11, 11, 11, 0.8); /*rgba(0, 0, 0, 0.8); */ --background-modifier-hover: none; --background-modifier-selected: none; --background-modifier-active: none; --scrollbar-auto-thumb: rgba(0, 0, 0, 0.42); --scrollbar-auto-track: rgba(0, 0, 0, 0); --scrollbar-thin-thumb: rgba(255, 255, 255, 0.3); --channeltextarea-background: none; --background-modifier-accent: rgba(255, 255, 255, 0.15); --text-normal: rgba(255, 255, 255, 0.9); --text-muted: rgba(255, 255, 255, 0.5); --header-primary: rgba(255, 255, 255, 0.8); --header-secondary: rgba(255, 255, 255, 0.75); --channels-default: rgba(255, 255, 255, 0.6); --interactive-normal: rgba(220, 220, 220, 0.66); --interactive-hover: rgba(255, 255, 255, 0.75); --interactive-muted: rgba(130, 130, 130, 0.7); --interactive-active: rgba(255, 255, 255, 0.9); --channel-icon: rgba(255, 255, 255, 0.6); } .theme-dark .modal-2RrUKJ, .theme-dark .footer-1Ip3Sd { background-color: rgba(24, 28, 37, 1); } /* speaking avatars fix, was broken with those variables on .theme-dark class */ .avatarSpeaking-2pCGrZ, .avatarSpeaking-33RRJU { -webkit-box-shadow: inset 0 0 0 2px #43b581,inset 0 0 0 3px !important; } .container-1zzFcN { background-color: rgba(0, 0, 0, 0.5); background-color: rgba() } .panels-3wFtMD { background-color: transparent; } .activityPanel-9icbyU { background: rgba(0, 0, 0, 0.5) !important; } .theme-dark .bodyInner-245q0L { background-color: transparent; } .container-2cd8Mz { background-color: rgba(0, 0, 0, 0) !important; } .scrollerWrap-2lJEkd .scrollerThemed-2oenus { background-color: rgba(0, 0, 0, 0.22); } /* click-on-emoji-in-message fix */ .popoutContainer-2wbmiM { background-color: rgba(0, 0, 0, 0.6); border-radius: 0 !important; } .guildSection-2Zyzy8 { background-color: rgba(0, 0, 0, 0.3); } /* emoji picker fix */ .contentWrapper-3vHNP2, .emojiPicker-6YCk8a, .header-11eigE, .contentWrapper-2f9yME, .picker-20lcBA { /* background: rgba(0, 0, 0, 0.65); */ background: rgba(11, 11, 11, 0.8); border-radius: 0; } .contentWrapper-2f9yME.isBurstReactionPicker-3h5fqV { border-radius: 0; } .premiumRetentionNotice-A_Ke4K { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } .navButtonActive-1EqC5l { background-color: rgba(255, 255, 255, 0.1); } .wrapper-1NNaWG { background-color: rgba(0, 0, 0, 0) !important; } .unicodeShortcut-3N8oDe { background-color: rgba(0, 0, 0, 0.6) !important; } .unicodeShortcut-3N8oDe:hover { color: #f2f2f2; } .inspector-DFKXwB { background-color: rgba(0, 0, 0, 0.6) !important; } .emojiItem-277VFM.emojiItemSelected-2Lg50V { background-color: rgba(255, 255, 255, 0.15); border-radius: 0; } .soundButton-2P2Ua2 { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } .soundAddButton-1FOn5u.focused-J7xXDg, .soundAddButton-1FOn5u:hover { background-color: rgba(255, 255, 255, 0.2); } .buttonOverlayBackground-3fyfGX { background-color: rgba(0, 0, 0, 0.33); } /* that active contacts now playing thingy on friend page */ .nowPlayingColumn-1eCBCN { background-color: rgba(0, 0, 0, 0.22); } .itemCard-3Etziu { background-color: rgba(0, 0, 0, 0.3); border-radius: 0; } .theme-dark .inset-SbsSFp { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } .theme-dark .separator-2OaeRP { background-color: #fff2; } .wrapper-2vIMkT { background-color: rgba(0, 0, 0, 0.5); border-radius: 0; } .button-3bklZh:hover { background-color: rgba(0, 0, 0, 0.22); } .button-3bklZh.selected-69H4ua { background-color: rgba(0, 0, 0, 0.4); } .clickable-28SzVr.container-1oeRFJ:hover, .clickable-28SzVr.container-1oeRFJ:hover .muted-14PyqW { background-color: rgba(0, 0, 0, 0.22); border-radius: 0; } .clickable-28SzVr.container-1oeRFJ:active, .highlighted-3PcOfB.container-1oeRFJ, .selected-1-Z6gm.container-1oeRFJ { background-color: rgba(0, 0, 0, 0.5); border-radius: 0; } .clickable-28SzVr:active .layout-1qmrhw { background-color: rgba(0, 0, 0, 0.7); border-radius: 0; } .theme-dark .outer-2JOHae.active-1W_Gl9, .theme-dark .outer-2JOHae.interactive-2zD88a:hover { background-color: rgba(0, 0, 0, 0.5); } /* stream preview overlay */ .theme-dark .streamPreview-I7itZ6 { background-color: rgba(11, 11, 11, 0.8); } .streamPreview-I7itZ6 { border-radius: 0; } .theme-dark .watchButton-2YRKxv { border-radius: 0; background-color: rgba(255, 255, 255, 0.2); border: none; } .theme-dark .watchButton-2YRKxv:hover { background-color: rgba(255, 255, 255, 0.3); } .liveShapeRound-2Tgi2d { /*border-radius: 0;*/ font-size: 0; background-color: rgba(237, 66, 69, 0.85) !important; } /* fix guild button */ .container-1-ERn5 { background: rgba(0, 0, 0, 0.5); } .container-1-ERn5:hover { background: rgba(0, 0, 0, 0.7); } /* fix embed stuff */ .embedFull-1HGV2S { background: rgba(0, 0, 0, 0.33); border-left: 2px solid rgba(255, 255, 255, 0.22); border-radius: 0; } /* expanded folder background (wow) */ .expandedFolderBackground-1kSAf6 { background: rgba(255, 255, 255, 0.1); } /* a little gap between now playing section and role section on user card */ .bodyInnerWrapper-2bQs1k { margin-top: 8px; } /* also background color on default icons */ .circleIconButton-1VxDrg { background: rgba(0, 0, 0, 0.42) } /* friend list hover fix */ .peopleListItem-u6dGxF.active-2UF8Zh, .peopleListItem-u6dGxF:hover { background: rgba(255, 255, 255, 0.15); border-radius: 0; } .container-8Futzw { border-radius: 0; } /* untrusted link window fix */ .backdrop-2ByYRN.withLayer-2VVmpp { opacity: 0.5 !important; } .root-1CAIjD { border-radius: 0 !important; } .theme-dark .root-1CAIjD { background: rgba(11, 11, 11, 0.8) !important; box-shadow: none; -webkit-box-shadow: none; } .theme-dark .carouselModal-1eUFoq.root-1CAIjD { background-color: rgba(0, 0, 0, 0) !important; -webkit-box-shadow: none; box-shadow: none; } .theme-dark .contentWrapper-3oy4Xo { background-color: rgba(0, 0, 0, 0); } .contentWrapper-3oy4Xo { border-radius: 0; } .theme-dark .footer-IubaaS{ background: rgba(0, 0, 0, 0.4); border-radius: 0; } .theme-dark .footer-IubaaS .button-f2h6uQ { color: white; } .card-m7VgZ8 { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } .qualitySettingsContainer-2LjkfM { border-color: rgba(0, 0, 0, 0.0); border-radius: 0; background-color: rgba(255, 255, 255, 0.1); } .lookFilled-GPyucw.select-Zz0IcO { background-color: rgba(0, 0, 0, 0.3); border: none; } .background-3d_SjE { background: rgba(0, 0, 0, 0.22); border-radius: 0; } .fieldList-in8WkP { border-radius: 0; } .theme-dark .lookFilled-1H2Jvj.colorGrey-2iAG-B { background: rgba(0, 0, 0, 0.6); } .cta-3-AFNF { border-radius: 0; background-color: rgba(255, 255, 255, 0.2); padding: 8px; } .cta-3-AFNF:hover { background-color: rgba(255, 255, 255, 0.4); } .item-1TA5qI { background: rgba(0, 0, 0, 0.22); border-radius: 0; } .item-1TA5qI[aria-checked=true] { background: rgba(0, 0, 0, 0.5); } .item-1TA5qI:hover { background: rgba(0, 0, 0, 0.33); } .itemFilled-2Fo7lr:hover:not([aria-checked=true]):not(.disabled-WBmOu_){ background: rgba(0, 0, 0, 0.33); } .item-1TA5qI:hover[aria-checked=true]{ background: rgba(0, 0, 0, 0.6); } .radioBar-1XgZqD { border-radius:0; } .cardWrapper-CyvwQv { background: rgba(0, 0, 0, 0.22); border-radius: 0; } .theme-dark .gemIndicatorContainer-PqApbX { background: rgba(0, 0, 0, 0.3); } .css-gvi9bl-control { border-radius: 0; } .css-3vaxre-menu { background: rgba(0, 0, 0, 0.3); } .css-rzbxvl-option { background: rgba(0, 0, 0, 0.7); color: #ffffff; } .css-1ba14n5-option { background: rgba(0, 0, 0, 0.5); font-weight: bold; } .open-1FRZsK, .select-Zz0IcO { border-radius: 0; } .popout-15UxD6 { background: rgba(11, 11, 11, 0.8); border-radius: 0; } /*.option-2eIyOn { background: rgba(0, 0, 0, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }*/ .option-Uc12mm:hover { background: rgba(255, 255, 255, 0.1); } .option-2eIyOn[aria-selected=true], .option-Uc12mm[aria-selected=true]:not(.option-Uc12mm.multi-2vPqc4) { background: rgba(255, 255, 255, 0.1); /*font-weight: bold;*/ } .itemFilled-1cPbtg:hover:not([aria-checked=true]) { background-color: rgba(0, 0, 0, 0.3); } .deny-1GO6vI, .allow-1h61-Z { border-radius: 0; } .deny-1GO6vI:hover, .allow-1h61-Z:hover, .passthrough--fbdFR:hover { background-color: rgba(0, 0, 0, 0.1); } .deny-1GO6vI.selected-3jieYB { background-color: #f04747c0; } .allow-1h61-Z.selected-3jieYB { background-color: #43b581c0; } .passthrough--fbdFR.selected-3jieYB { background-color: rgba(0, 0, 0, 0.6); } .container-2oNtJn { background: rgba(0, 0, 0, 0.5); border-radius: 0; } .container-2O1UgZ { background: rgba(11, 11, 11, 0.8); border: none; border-radius: 0; } .item-1BCeuB { border-radius: 0; } .focused-qp-W9B, .item-1BCeuB:hover:not(.disabled-Mmpvl7) { background: rgba(255, 255, 255, 0.1); } .button-1EGGcP.buttonColor-3bP3fX:hover { background-color: rgba(255, 255, 255, 0.2); } .container-rr3Ruk { background-color: rgba(0, 0, 0, 0.22); } .backdrop-2ByYRN.withLayer-2VVmpp { background-color: rgba(0, 0, 0, 0.7) !important; } /* threads */ .container-18GwIk{ background-color: rgba(22, 22, 22, 0.8) !important; border-radius: 0; } .header-3_zmOb{ background-color: rgba(0, 0, 0, 0.42); } .container-2rzKKA { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } .container-2rzKKA:hover { background-color: rgba(255, 255, 255, 0.1); } .threadName-2k9mLl { color: #EEE; } .popout-TdhJ6Z { background-color: rgba(11, 11, 11, 0.8); border-radius: 0; } .row-1qtctT { border-radius: 0; } .row-1qtctT:hover{ background-color: rgba(88, 101, 242, 0.5); } .container-2o3qEW { height: 100%; flex-direction: unset; } .membersListNotices-UstAx3 { display: none; } .container-3i3IzO { background-color: rgba(0, 0, 0, 0.33); border-radius: 0; } .chatHeaderBar-2fUORh { background-color: rgba(0, 0, 0, 0.5); } .chat-3JZdy8::before { border-color: rgba(0, 0, 0, 0.5); } /* search fix 2021 Certified */ .searchResultsWrap-5RVOkx { background-color: rgba(0, 0, 0, 0.22); } .searchHeader-1r_ZSh { background-color: rgba(0, 0, 0, 0.5); } .searchResult-O9NDji { background-color: rgba(11, 11, 11, 0.42); border-radius: 0; } .button-cfOvv- { background-color: rgba(0, 0, 0, 0.22); } .header-JUTO-g { /*background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.3));*/ backdrop-filter: blur(5px); } .accountProfileCard-lbN7n- { background-color: rgba(0, 0, 0, 0.33); border-radius: 0; } .memberRow-1FhJgR { border-radius: 0; } .memberRow-1FhJgR:hover { background-color: rgba(0, 0, 0, 0.22); } .bodyInnerWrapper-2bQs1k { background-color: rgba(0, 0, 0, 0.0); } .body-1Ukv50, .topSection-13QKHs { background-color: rgba(0, 0, 0, 0); } .scrollableContainer-15eg7h { background-color: rgba(0, 0, 0, 0.5) !important; border-radius: 0; } .container-3XgAHv .scrollableContainer-15eg7h { background-color: rgba(255, 255, 255, 0.07); } /* up-left search bar on friend list page */ .searchBar-3TnChZ { background-color: rgba(0, 0, 0, 0.5) } .searchBar-3TnChZ .searchBarComponent-3N7dCG { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } /* what the fuck is this, ::after gradient, for real? */ .theme-dark .option-ayUoaq:after { background: none; } .theme-dark .option-ayUoaq:hover { background-color: rgba(0, 0, 0, 0.33); } /* audio attach */ .theme-dark .wrapperAudio-1Bzv_Z, .attachment-1PZZB2 { border: none; background-color: rgba(0, 0, 0, 0.22); } /* 1px under profile control wtf */ .container-YkUktl { margin-bottom: 0; } /* boost cards */ .theme-dark .feature-2IUcBI { border-radius: 0; border: 1px solid; border-color: rgba(255, 255, 255, 0.25); background-color: rgba(0, 0, 0, 0.22); } /* user customization settings */ .notice-1Qe0b_ { background-color: rgba(0, 0, 0, 0.42); border-radius: 0; } .profileBannerPreview-3mLIdO { border-radius: 0; box-shadow: none; } .banner-3D8GgT { border-radius: 0; } /* boost window */ .theme-dark .ctaBar-Nhk8yY { background-color: rgba(0, 0, 0, 0.2); border-radius: 0; } .theme-dark .barBackground-unEPDT { background-color: rgba(255, 255, 255, 0.15); } .theme-dark .tierMarkerBackground-G8FoN4 { background-color: rgba(0, 0, 0, 0.33); } /* boost server tooltip */ .subscribeTooltipWrapper-3ipXtC{ background-color: rgba(22, 22, 22, 0.8); border-radius: 0; } .subscribeTooltipWrapper-3ipXtC:after { border-color: rgba(22, 22, 22, 0.8); } .lookFilled-1H2Jvj.colorBrand-2M3O3N { background-color: rgba(88, 101, 242, 0.3); } .lookFilled-1H2Jvj.colorBrand-2M3O3N:disabled { background-color: rgba(0, 0, 0, 0.2); } .lookInverted-2GrLaB.colorBrand-2M3O3N { background-color: rgba(255, 255, 255, 0.75); } .lookFilled-1H2Jvj.colorWhite-1H92hK { background-color: rgba(255, 255, 255, 0.75); } .lookFilled-1H2Jvj.colorWhite-1H92hK:active, .lookFilled-1H2Jvj.colorWhite-1H92hK:hover { background-color: rgba(255, 255, 255, 0.9); } .button-1EGGcP.buttonColor-3bP3fX, .button-1EGGcP .buttonColor-3bP3fX { background-color: rgba(0, 0, 0, 0.4); } .button-ejjZWC { border-radius: 0; } .background-L8lGH6 { -webkit-mask: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(0, 0, 0, 0) 50%); } /* reply stuff */ .threadSuggestionBar-3ExSyc { border-color: rgba(255, 255, 255, 0.1); border-radius: 0; } .repliedMessage-3Z6XBG:before { border-color: rgba(255, 255, 255, 0.3); } .callContainer-HtHELf { background-color: rgba(0, 0, 0, 0.5) !important; backdrop-filter: blur(10px); } .tile-2TcwiO { background-color: rgba(0, 0, 0, 0.4); } .button-3Vyz67 { border-radius: 0; } .pictureInPictureVideo-2puO2Q { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } /* new server window */ .base-21yXnu { color: rgba(255, 255, 255, 0.9); } .container-x8Y1ix { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; border: none; } .colorHeaderSecondary-g5teka { color: rgba(255, 255, 255, 0.8); } .colorStandard-21JIj7 { color: rgba(255, 255, 255, 0.8); } .container-x8Y1ix:hover { background-color: rgba(255, 255, 255, 0.3); } .channelNotice-7cg_jN { background-color: rgba(0, 0, 0, 0.5); } .attachedBars-2BCP3l { background-color: rgba(0, 0, 0, 0.5); border-radius: 0; } .messagesErrorBar-1IQ1rH { background-color: rgba(240, 71, 71, 0.8); border-radius: 0; } .closeIcon-11LhXr { color: white; } .search-25t1e9 .searchBox-31Zv9h .searchIcon-3X4BYL, .search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0 { color: rgba(255, 255, 255, 0.5); } .search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0:hover { color: rgba(255, 255, 255, 0.7); } .search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz { color: var(--text-normal) } .theme-dark .card-2TuZPZ, .theme-dark .iconMask-2fMR98 { background-color:rgba(0, 0, 0, 0.33); } .theme-dark .card-2TuZPZ:hover, .theme-dark .card-2TuZPZ:hover .iconMask-2fMR98, .theme-dark .iconMask-2fMR98:hover, .theme-dark .iconMask-2fMR98:hover .iconMask-2fMR98 { background-color: rgba(0, 0, 0, 0.5); } .categoryItem-Kc_HK_.selectedCategoryItem-ZjqSui .itemInner-3e_4G4 { background-color: rgba(0, 0, 0, 0); border-radius: 0; } .headerImage-2D5D-v { border-radius: 0; } /* some parts of friend/channel finder */ .result-u66Ywh { border-radius: 0; } .result-u66Ywh[aria-selected=true] { background: rgba(255, 255, 255, 0.2); } /* make line between items in list a little bit brighter */ .peopleListItem-u6dGxF, .divider-_0um2u, .separator-1So4YB, .divider-2rZFJK, .divider-1tWBgZ, .theme-dark .paymentHeader-2o7Phd { border-color: rgba(255, 255, 255, 0.15); } .theme-dark .divider-3qUeLQ, .divider-1zHRlg, .termsRow-2I3Fqz { border-color: rgba(255, 255, 255, 0.1); } .isUnread-3Lojb- { border-color: rgba(237, 66, 69, 0.8) !important; } .scroller-hE2gWq, .wrapper-2RrXDg { border: none; } .theme-dark .game-2f2vPC { box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15); } .separator-2wx7h6, .roleRow-230vCm:before, .roleRow-230vCm:last-child:after, .divider-1wtgZ3 { background-color: rgba(255, 255, 255, 0.15); } /* also that reply/thread line */ .cozy-VmLDNB.hasThread-3h-KJV:after { border-color: rgba(255, 255, 255, 0.3); } .spine-29OFwR { color: rgba(255, 255, 255, 0.3); } /* or maybe delete them at all */ .activityPanel-9icbyU, .panel-2ZFCRb, .container-1zzFcN { border: none; } /* settings game activity */ .theme-dark .notDetected-M3Ghh2, .theme-light .notDetected-M3Ghh2 { background-color: rgba(0, 0, 0, 0.22); } .notDetected-M3Ghh2, .nowPlaying-3UpuKc { border-radius: 0; } .theme-dark .nowPlaying-3UpuKc, .theme-light .nowPlaying-3UpuKc { background-color: rgba(45, 125, 70, 0.6); } .theme-dark .gameNameInput-2wbDJ9:focus, .theme-dark .gameNameInput-2wbDJ9:hover { border-radius: 0; background-color: rgba(0, 0, 0, 0.3); } /* settings integration */ .accountList-Wii_T5 { background-color: rgba(0, 0, 0, 0.33); border-radius: 0; } /* https://media.discordapp.net/attachments/589742302419746826/962728217704288327/unknown.png */ .theme-dark .blockedPaymentsWarning-T43O2z, .theme-dark .codeRedemptionRedirect-2hYMSQ { background-color: rgba(0, 0, 0, 0.33); border: none; border-radius: 0; } .noItemsCard-5EOcCl, .noItemsCard-2V85P5 { background-color: rgba(0, 0, 0, 0.33); } /* bit of server settings */ .roleRow-230vCm:hover:not(.roleRowDisableHover-3En0vy) { background-color: rgba(255, 255, 255, 0.15); border-radius: 0; } .container-3EtAkD { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } .container-3EtAkD:hover { background-color: rgba(0, 0, 0, 0.6); } .disabled-1nofHP.item-2GWPIy, .disabled-1nofHP.item-2GWPIy:hover { color:rgba(255, 255, 255, 0.2); } .tabBar-3DfKkN { border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .container-3jbRo5 { border-radius: 0; } .button-1zW0-r:hover, .keyboard-mode .button-1zW0-r.focused-H4w81f { background-color: rgba(255, 255, 255, 0.2); } .button-1zW0-r { border-radius: 0;; } /* text chat on voice channel */ .container-3XgAHv { background: rgba(0, 0, 0, 0.5); } .container-3XgAHv .channelTextArea-1FufC0 { border-radius: 0; } .emptyChannelIcon-1YdEz2 { background-color: rgba(255, 255, 255, 0.2); } .wrapper-1gVUIN.chatSidebarOpen--YCxhs .callContainer-HtHELf, .container-3XgAHv { border-radius: 0; } .wrapper-1gVUIN.minimum-fXpVNc { background: none; } .colorable-3rVGna.primaryDark-2UJt1G { background-color: rgba(0, 0, 0, 0.33); } .colorable-3rVGna.primaryDark-2UJt1G.active-3D763s, .colorable-3rVGna.primaryDark-2UJt1G:hover { background-color: rgba(255, 255, 255, 0.3); } .colorable-3rVGna.red-3T8maV { background-color: rgba(237, 66, 69, 0.5); } .colorable-3rVGna.green-3wkLbx { background-color: rgba(59, 165, 93, 0.5) } .colorable-3rVGna.green-3wkLbx.active-3D763s, .colorable-3rVGna.green-3wkLbx:hover { background-color: rgba(59, 165, 93, 1); } /* the fastest party mode fix in the world */ .container-3wgZ8J { background-color: rgba(0, 0, 0, 0.3); border-radius: 0; } .container-3wgZ8J:hover { background-color: rgba(0, 0, 0, 0.5); } .combo-2aK5O7 { background-color: rgba(0, 0, 0, 0.5); } .container-2hGpaU { background-color: rgba(0, 0, 0, 0.8); } .gradientContainer-phMG8d { background-image: none; } .colorable-3rVGna.white-11auuQ { background-color: rgba(255, 255, 255, 0.9); } /* forum stuff */ .theme-dark .container-3wLKDe { background-color: rgba(0, 0, 0, 0); } .container-JhuCwn { background-color: rgba(0, 0, 0, 0.15); } .authorContainer-3m1uzW { background-color: rgba(0, 0, 0, 0.5); padding-left: 5px; } .textAreaForPostCreation-15Soam { padding-left: 5px !important } .form-25Aujy .submitButton-3B-dZd { border-radius: 0; } .sidebarCard-1Gn1ch, .container-2IhveL { background-color: rgba(0, 0, 0, 0.22); border-radius: 0; } .pill-3pRQlO, .sortButton-n-cIAH, .tagsButton-4pwOKH .tagsButtonInner-2pvSm1 { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; padding: 2px; margin-right: 2px; } .pill-3pRQlO.clickable-3YTfAq:not(.disabled-3Rezaw):hover { background-color: rgba(255, 255, 255, 0.2); } .pill-3pRQlO.selected-24z1Ou { background-color: rgba(255, 255, 255, 0.2); } .form-25Aujy .mediaButton-3lZSdn { border-radius: 0; border: none; background-color: rgba(255, 255, 255, 0.1)!important; } .lookOutlined-3RTC7c.colorBrand-I6CyqQ:hover { background-color: rgba(255, 255, 255, 0.2)!important; } .newBadge-1RUEYb { border-radius: 0; height: 16px; } .increasedActivityMainCard-2ry6hI, .container-3arpDl { border: none; border-radius: 0; background-color: rgba(0, 0, 0, 0.22); } .increasedActivityMainCard-2ry6hI:hover { background-color: rgba(0, 0, 0, 0.4); box-shadow: none; transform: none; } .descriptionContainer-2ylKGk, .descriptionBox-SKGNgB { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } .container-3wvkMY { transition: none; } .theme-dark .container-3wvkMY.isOpen-2ldXbM { background-color: rgba(0, 0, 0, 0.5); } .addReactButton-3bSQb6, .buttonInner-3aRbcx { border-radius: 0; background-color: rgba(255, 255, 255, 0.1); } .addReactButton-3bSQb6:hover, .buttonInner-3aRbcx:hover { border-color: transparent; background-color: rgba(255, 255, 255, 0.2); } .bodyMedia-3ij3KY, .optionRow-1wYi0s { border-radius: 0; } .optionRow-1wYi0s:hover { background-color: rgba(255, 255, 255, 0.2); } .container-2d0jMv, .container-3kfp0r { background-color: rgba(11, 11, 11, 0.8); border-radius: 0; box-shadow: none; } .aboutMeGuildIconTooltip-2cYR0X { background-color: rgba(0, 0, 0, 0.7); } /* why-leave-server window */ .root-cw9rWQ { border-radius: 0; } .option-1O-Hwt { border: none; } .option-1O-Hwt:hover { background-color: rgba(255, 255, 255, 0.1); } /* server settings automod */ .editCard-K9Q9mb { background-color: rgba(0, 0, 0, 0.22); border-radius: 0; border: none; } .editCard-K9Q9mb.toggled-35JcVc.active-Xi2rnV, .editCard-K9Q9mb.active-Xi2rnV { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } .collapseable-1mNWCS:before { border-radius: 0; background-color: rgba(255, 255, 255, 0.1); } .collapseable-1mNWCS:active { background-color: rgba(255, 255, 255, 0.1); } .triggerMainContainer-274ue5 { border-radius: 0; border-color: rgba(255, 255, 255, 0.15); } .keywordListContainer-9ux8nU, .actionContainer-2krsiT, .actionContainer-EzNGrb, .collapseable-1mNWCS { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } .keywordsTextArea-3QkFoG { background-color: rgba(0, 0, 0, 0.22); } /* temporal fix for that funny size-changing videos haha im tired of it */ .video-2HW4jD { min-width: 50px; min-height: 50px; } /* server settings nitro boost */ .tierHeaderWithoutCardBody-1iT8o_ { border-radius: 0; } .theme-dark .tierHeaderLocked-30MLlO, .theme-dark .tierHeaderUnlocked-1OpOLf { background-color: rgba(0, 0, 0, 0.5); } .theme-dark .tierBody-1d3UiS { background-color: rgba(0, 0, 0, 0.33); color: rgba(255, 255, 255, 0.65); } .theme-dark .background-3xJH_4, .theme-dark .tierInProgress-1vFUnw { color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2); } .serverBoostTabItem-3QwA3W[aria-selected=true] { background-color: rgba(88, 101, 242, 0.5) !important; } .theme-dark .perksModal-CLcR1c { background-color: rgba(0, 0, 0, 0); } .theme-dark .perk-19D_HN { border-radius: 0; background-color: rgba(255, 255, 255, 0.1); } .tierWrapper-CsnudO, .tierHeader-wgo0w_, .tierBody-3ju-rc { border-radius: 0; } .theme-dark .tierBody-3ju-rc { background-color: rgba(0, 0, 0, 0.33); } .theme-dark .tierHeaderLocked-3ItHYn { background-color: rgba(0, 0, 0, 0.5); } .background-Gjdjzm { border-radius: 0; } .selectedBackground-1t6xXq { background-color: rgba(114, 137, 218, 0.5); } .list-3-WAYB { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } .theme-dark.authBox-1HR6Ha { background: none; } .wrapper-1f5byN .authBox-1HR6Ha { background-color: rgba(0, 0, 0, 0.6); } .theme-dark.navRow-dG-XX8 { background-color: rgba(0, 0, 0, 0.4); } .theme-light.content-i-YmzK, .theme-light .content-i-YmzK { background-color: rgba(11, 11, 11, 0.8); } .title-25RSW7 { color: var(--text-normal); } .content-i-YmzK { border-radius: 0; } .container-2Y4CWj { background-color: rgba(0, 0, 0, 0.5); } .communityInfoPill-2Mll66 { border-radius: 0; background-color: rgba(0, 0, 0, 0.5); } .optionContainer-yOpaLq { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } .optionContainer-yOpaLq:hover { background-color: rgba(255, 255, 255, 0.25); } .compactButton-3hG-bs { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } .compactButton-3hG-bs:hover { background-color: rgba(0, 0, 0, 0.6); } .container-3a5mk-, .overlayTitle-2efoIF { border-radius: 0; } .upsellTooltipWrapper-1wqikQ { background-color: rgba(11, 11, 11, 0.8); border-radius: 0; } /* thats uhhhh */ .bar-2qGj24 { border-radius: 0; background-color: rgba(88, 101, 242, 0.8); } /* app directory */ .theme-dark .directoryModal-YJsOMv { background-color: rgba(0, 0, 0, 0); } .card-2xymMp, .container-2NdZr9, .container-SidGiM { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } .linkCard-2SSonX { background-color: /*hsl(235, 46.7%, 44.1%);*/ rgba(60, 69, 165, 0.4); } .clickable-O5xo4T.container-2NdZr9:hover { background-color: rgba(0, 0, 0, 0.6); } .category-3LanTP, .category-qFAw-K, .clickable-WBCFI5{ border-radius: 0; } .category-3LanTP:hover { background-color: rgba(255, 255, 255, 0.25); } .list-1bztb- { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } .commandName-SDgdgz { border-radius: 0; border: none; background-color: rgba(255, 255, 255, 0.15); } .category-2OvQ93, .activeCategory-1iqXig { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } .category-2OvQ93:hover, .category-qFAw-K:hover { background-color: rgba(255, 255, 255, 0.2); } .category-qFAw-K.activeCategory-1iqXig { background-color: rgba(255, 255, 255, 0.1); } .clickable-WBCFI5:hover { background-color: rgba(255, 255, 255, 0.1); } /* user profile */ .roundedBanner-uNt2w-, .userPopoutInner-nv9Y92:before, .userProfileOuter-2tQwNf, .userProfileModalInner-3dx9L9:before, .userProfileOuter-1K_BYU, .profileBadges-2pItdR, .badgeList-2aoHPw, .overlayBackground-2aa7wt { border-radius: 0 !important; } .userProfileInner-1ngKnf { background-color: rgba(11, 11, 11, 0.8); border-radius: 0 !important; } .overlayBackground-2aa7wt, .profileBadges-31rDHI { border-radius: 0; background-color: rgba(0, 0, 0, 0.22); } .messageInputContainer-2rGDH8 { border-color: rgba(255, 255, 255, 0.07); border-radius: 0; } .container-JMJRDf { border-radius: 0; background: rgba(88, 101, 242, 0.5); } /* activities */ .activityItem-1Z9CTr { background: rgba(0, 0, 0, 0.3); border-radius: 0; } .activityItem-1Z9CTr:hover{ background: rgba(0, 0, 0, 0.75); } .activityItem-1Z9CTr.disabled-3YLMBX { background: rgba(255, 255, 255, 0.1) } .activityTag-3C3YK5 { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } /* server settings stickers */ .banner-3Uu4yV { border-radius: 0; } .wrapper-24fR1R { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } .wrapper-24fR1R:hover { background-color: rgba(255, 255, 255, 0.1); } .actions-1aMD1r { right: 0; top: 0; } .emojiRow-1aPaM- .emojiRemove-D9w3jo, .revokeInvite-1VNYBG { top: 0; right: -19px; } .action-2YPPom { border-radius: 0; box-shadow: none; -webkit-box-shadow: none; background: rgba(255, 255, 255, 0.1); } .action-2YPPom:hover { background: rgba(255, 255, 255, 0.2); } .action-2YPPom+.action-2YPPom { margin: 0; } .placeholderCard-3eGmb3 { border-radius: 0; } .aboutMeGuildIconTooltip-tM91BN { background-color: rgba(11, 11, 11, 0.8); } .sidebarFixedContainer-2fX672 { border-color: rgba(255, 255, 255, 0.15); border-radius: 0; } .backgroundContainer-gUNEZU { background-color: rgba(0, 0, 0, 0.22); } .fieldBackground-2TpuOY { background-color: rgba(0, 0, 0, 0.3); } .fieldFooterContainer-2QTUnl { background-color: rgba(0, 0, 0, 0.5); } .backgroundAccent-2YeFtZ, .backgroundAccent-1MMH1o { background-color: rgba(0, 0, 0, 0.2); border-radius: 0; } .buttonColor-XIRMbp { background-color: rgba(255, 255, 255, 0.1); } .buttonColor-XIRMbp:hover { background-color: rgba(255, 255, 255, 0.25); transition: none; } .accountButtonInner-33vCDY, .accountBtnInner-1DCgBm { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } .accountButtonInner-33vCDY:hover, .accountBtnInner-1DCgBm:hover { background-color: rgba(255, 255, 255, 0.2); } .guild-2Fq4I5, .cardWrapper-1bSePP { border-radius: 0; } .guildHeader-1EPPBS { background-color: rgba(0, 0, 0, 0.4); } .guildSubscriptionSlots-1i_C21, .cardWrapper-1bSePP { background-color: rgba(0, 0, 0, 0.22); } .messageContentWrapper-3jcFO8 { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } .toast-3y2zEK:hover > .messageContentWrapper-3jcFO8 { background-color: rgba(0, 0, 0, 0.6); } .card-3x20HF, .container-2Hi7Km, .icon-2IDTxf, .container-xwOzwi { background-color: rgba(0, 0, 0, 0.3); border-radius: 0; } .interactiveCard-2iMtdk { transition: none; border-color: rgba(0, 0, 0, 0); } .interactiveCard-2iMtdk:hover { box-shadow: none; -webkit-box-shadow: none; } .interactiveCard-2iMtdk.selected-sszUNx, .interactiveCard-2iMtdk:active, .interactiveCard-2iMtdk:hover { border-color: rgba(255, 255, 255, 0.15); } .container-3HMTms { background-color: rgba(0, 0, 0, 0.0); border-radius: 0; } .container-3HMTms:hover { background-color: rgba(255, 255, 255, 0.1); } .body-_wLPAC { padding-bottom: 4px; } .feedItemHeader-txJq98 { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .backgroundModifierContainer-WjXgb2 { border-radius: 0; background-color: rgba(0, 0, 0, 0.22); } .backgroundModifierContainer-WjXgb2.selected-2f8_FP { background-color: rgba(0, 0, 0, 0.5); } .backgroundModifierContainer-WjXgb2:hover:not(.disabled-3Q7kTN), .backgroundModifierContainer-WjXgb2:hover:not(.disabled-3Q7kTN):not(.noAction-3PygTY), .backgroundModifierContainer-WjXgb2:active:not(.disabled-3Q7kTN):not(.noAction-3PygTY), .collapseable-1FiLab:active { background-color: rgba(0, 0, 0, 0.33); } .collapseable-DdnHFl:active { background-color: rgba(0, 0, 0, 0.4); } .groupCollapsedContainer-2z4Vrr { border-radius: 0; background-color: rgba(0, 0, 0, 0.2); } .collapseable-DdnHFl:before { border-color: rgba(0, 0, 0, 0); box-shadow: none; -webkit-box-shadow: none; } .groupContainer-x_RNHs { border-radius: 0; } .guildDetails-1il1dn { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } .featureCard-3XHbjy { background-color: rgba(0, 0, 0, 0.22); border-radius: 0; } .checklistContainer-12xGp5, .container-13pE3E { background-color: rgba(0, 0, 0, 0.22); border-radius: 0; } .checklistHeader-3liG7E, .header-Wl8ec- { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } .requirementContainer-1YZZty, .fieldBackground-3nYcw0, .fieldBackground-3nYcw0:hover:not(:focus) { background-color: rgba(255, 255, 255, 0.05); border-radius: 0; } .modal-2TOYtq .footer-31IekZ { background-color: rgba(0, 0, 0, 0); } .modal-2TOYtq { background-color: rgba(255, 255, 255, 0.05); } .exampleRule-KGGZmT { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } .upsellContainer-2a5eMP { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } .upsellFooter-3M1V33 { background-color: rgba(0, 0, 0, 0.22); border-radius: 0; } .enableContainer-H2cRts { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } .previewContainer-29oeA6 { background-color: rgba(0, 0, 0, 0.22); border-radius: 0; } .welcomeChannel-_Q4qAA { border-radius: 0; background-color: rgba(255, 255, 255, 0.1); } .content-2eQb8J { background-color: rgba(0, 0, 0, 0); } .perks-2IIbWQ { background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } .perkRow-10K6XE { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .button-1kija8:hover { background-color: rgba(255, 255, 255, 0.1); } /* Browse Channels */ .theme-dark .checkbox-1LuCGM { border-radius: 0; border-color: rgba(255, 255, 255, 0.2); } .channelRow-4X_3fi:hover:not(.disabled-3cfocy) { background-color: rgba(255, 255, 255, 0.1); } .firstChannel-3vAGDY, .lastChannel-21yyBC { border-radius: 0; } .stepper-1gzQ8P { border-radius: 0; } .theme-dark .quickSelectPopout-2F0PXw { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } .hoverButtonGroup-2yZIzC { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; } .nonMediaAttachment-3C_4Pd { top: 0; right: 0; } .hoverButton-36QWJk:hover, .keyboard-mode .hoverButton-36QWJk:focus { background-color: rgba(255, 255, 255, 0.1); } .removeAttachmentHoverButton-3gHROs:hover, .keyboard-mode .removeAttachmentHoverButton-3gHROs:focus { background-color: rgba(237, 66, 69, 0.8); } /* i already did this fix somewhere here */ .container-2kTWmC { background-color: rgba(11, 11, 11, 0.8); border-radius: 0; border-color: rgba(255, 255, 255, 0.1); } .item-1Mjtru { border-radius: 0; } .focused-3v9Ulm, .item-1Mjtru:hover:not(.disabled-Lzz-qs) { background-color: rgba(255, 255, 255, 0.2); } /* keyboard shortcuts window */ .theme-dark .keyboardShortcutsModal-2CRmCm { background-color: rgba(0, 0, 0, 0.4); } .key-RP8gj3 { border-radius: 0; background-color: rgba(255, 255, 255, 0.2); } /* yet another tooltip fix */ .tooltip-33Jwqe { border-radius: 0; } .theme-dark .tooltip-33Jwqe, .theme-light .tooltip-33Jwqe { box-shadow: none; } .bar-wDIGjg { border-radius: 0; width: 200px; background-color: rgba(120, 120, 120, 0.8); justify-content: center; }