Last active
May 27, 2017 15:41
-
-
Save outout14/6089a8e80ec39f56e79b7313498b2bcc to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* LE THEME DE OUTOUT POUR BFS ! | |
| ### C'est plusieurs code que j'ai trouvé sur gogole wala */ | |
| .app, .connecting { | |
| /* 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); | |
| -webkit-transition: background 0.5s ease-in-out; | |
| transition: background 0.5s ease-in-out; | |
| } | |
| .badge-hypesquad | |
| { | |
| opacity: 0.1; | |
| transition: opacity 1s; | |
| } | |
| .badge-hypesquad:hover | |
| { | |
| opacity: 0.9; | |
| } | |
| .markup pre, .markup code { | |
| font-size: 15px; | |
| background: rgba(10, 10, 10, 0.2) !important; | |
| border: 0 !important; | |
| border-radius: 0 !important; | |
| } | |
| .markup pre code { | |
| background: transparent !important; | |
| } | |
| .message-group .comment .edited{ | |
| background: rgba(0, 200, 0, 0) !important; | |
| font-size: 0; | |
| } | |
| .message-group .comment .edited::before { | |
| content: "Modifié"; | |
| font-size: 10px; | |
| background: rgba(200, 200, 200, 0.3) !important; | |
| padding: 2px; | |
| color: rgba(255, 255, 255, 0.9) !important; | |
| } | |
| .bot-tag { | |
| background: rgba(0, 200, 0, 0) !important; | |
| font-size: 0; | |
| } | |
| .bot-tag::before { | |
| content: "Bobo"; | |
| font-size: 12px; | |
| background: rgba(200, 200, 200, 0.3) !important; | |
| padding: 2px; | |
| color: rgba(255, 255, 255, 0.9) !important; | |
| } | |
| .bot-tag { | |
| background: rgba(0, 200, 0, 0) !important; | |
| font-size: 0; | |
| } | |
| .bot-tag::before { | |
| content: "Robot"; | |
| font-size: 12px; | |
| background: rgba(200, 200, 200, 0.3) !important; | |
| padding: 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; | |
| } | |
| .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); | |
| } | |
| .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; | |
| } | |
| .settings .settings-header { | |
| background-color: rgba(0, 0, 0, 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); | |
| } | |
| .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(255, 255, 255, 0.2); | |
| border: 0 !important; | |
| border-radius: 0; | |
| } | |
| .is-open>.Select-control{ | |
| background-color: rgba(255, 255, 255, 0.2); | |
| } | |
| .Select-menu-outer{ | |
| margin-top: 0; | |
| background-color: rgba(255, 255, 255, 0.2); | |
| 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); | |
| } | |
| .settings .settings-inner .settings-panel{ | |
| background-color: rgba(0, 0, 0, 0); | |
| } | |
| .form .btn-default{ | |
| background-color: rgba(255, 255, 255, 0.2); | |
| color: rgba(255, 255, 255, 0.8); | |
| border: 0; | |
| padding: 10px; | |
| } | |
| .form .btn-default:hover{ | |
| border: 0; | |
| } | |
| .form .btn-primary{ | |
| border-radius: 0; | |
| color: rgba(255, 255, 255, 0.9); | |
| } | |
| .form header{ | |
| color: rgba(255, 255, 255, 0.8) !important; | |
| } | |
| #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); | |
| } | |
| #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.1); | |
| color: rgba(255, 255, 255, 0.8); | |
| border: 0; | |
| } | |
| .form .form-header, | |
| .form .form-inner, | |
| .form .form-actions | |
| { | |
| background-color: rgba(42, 42, 42, 0.8); | |
| color: rgba(255, 255, 255, 0.9); | |
| border-radius: 0; | |
| border: 0; | |
| } | |
| .form .form-inner:first-child, | |
| .form .form-inner:last-child{ | |
| border-radius: 0; | |
| } | |
| .alert.form .form-inner .cancel{ | |
| border-radius: 0; | |
| } | |
| .alert.form.has-icon:before{ | |
| border-radius: 0; | |
| background-color: rgba(0, 0, 0, 0); | |
| } | |
| 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); | |
| } | |
| .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: 0; | |
| 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{ | |
| 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.5); | |
| border-radius: 0; | |
| border: 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.0); | |
| 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; | |
| } | |
| div.message-group-blocked{ | |
| 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); | |
| } | |
| #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-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-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 .form-inner p{ | |
| color: rgba(255, 255, 255, 0.3); | |
| } | |
| .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(255, 255, 255, 0.2); | |
| border-radius: 0; | |
| } | |
| .theme-dark .chat .jump-to-present-bar:hover{ | |
| background-color: rgba(60, 60, 60, 0.8) !important; | |
| } | |
| .chat .jump-to-present-bar button{ | |
| color: rgba(255, 255, 255, 0.8); | |
| } | |
| div.guild-header{ | |
| background-color: none; | |
| height: 45px; | |
| } | |
| .theme-dark .friends-table .messages .divider:not(.red) div, | |
| .theme-dark .messages-wrapper .messages .divider:not(.red) div{ | |
| background: none; | |
| } | |
| .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); | |
| } | |
| .guild-settings-modal .emoji-row .btn+.btn, | |
| .guild-settings-modal .member-buttons .btn{ | |
| background-color: rgba(255, 255, 255, 0.0); | |
| 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); | |
| } | |
| .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(42, 42, 42, 0.8); | |
| border-radius: 0; | |
| } | |
| .create-guild-container .action{ | |
| background-color: rgba(255, 255, 255, 0.2); | |
| } | |
| .create-guild-container .action.create .action-header, | |
| .create-guild-container .action.join .action-header{ | |
| color: rgba(255, 255, 255, 0.8); | |
| } | |
| .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); | |
| } | |
| .popout header, | |
| .user-popout { | |
| border-radius: 0 !important; | |
| } | |
| .popout header{ | |
| background-color: rgba(42, 42, 42, 0.9); | |
| } | |
| .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 .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); | |
| } | |
| #autocomplete-popout section{ | |
| background-color: rgba(42, 42, 42, 0.8); | |
| } | |
| #autocomplete-popout .row.selected{ | |
| background: none; | |
| background-color: rgba(255, 255, 255, 0.1) !important; | |
| } | |
| #autocomplete-popout header{ | |
| background-color: rgba(33, 33, 33, 0.9); | |
| } | |
| #autocomplete-popout .row a, | |
| #autocomplete-popout .row.selected a, | |
| #autocomplete-popout .row:hover a{ | |
| color: rgba(255, 255, 255, 0.8); | |
| } | |
| #autocomplete-popout .empty h4{ | |
| color: rgba(255, 255, 255, 0.8); | |
| } | |
| .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); | |
| } | |
| .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{ | |
| 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.2); | |
| } | |
| .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); | |
| } | |
| .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(0, 0, 0, 0) !important; | |
| background-size: 0 0; | |
| box-shadow: 0 0; | |
| transition: none !important; | |
| } | |
| .theme-dark .themed-popout .text{ | |
| color: rgba(255, 255, 255, 0.8); | |
| } | |
| .search-popout, | |
| .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); | |
| } | |
| 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 .search-query{ | |
| background-color: rgba(0, 0, 0, 0.5); | |
| border: 0; | |
| } | |
| .search-popout .results-group:before{ | |
| border: 0; | |
| } | |
| .search-popout .date-picker{ | |
| background-color: rgba(42, 42, 42, 0.5); | |
| border: 0; | |
| } | |
| .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 .react-datepicker__day--disabled, | |
| .react-datepicker .react-datepicker__day--outside-month | |
| { | |
| background-color: rgba(255, 255, 255, 0.1) !important; | |
| color: rgba(255, 255, 255, 0.42) !important; | |
| } | |
| .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.2); | |
| border-radius: 0; | |
| border: 0; | |
| } | |
| .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(255, 255, 255, 0.2) !important; | |
| } | |
| div.results-group{ | |
| background-color: rgba(0, 0, 0, 0.5) !important; | |
| 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; | |
| } | |
| .theme-dark .ui-standard-sidebar-view{ | |
| background: 0 0; | |
| } | |
| .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-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.2); | |
| } | |
| .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(255, 255, 255, 0.2) !important; | |
| } | |
| .theme-dark .ui-select .Select-option{ | |
| background-color: rgba(42, 42, 42, 0.8) !important; | |
| } | |
| .Select-option:last-child{ | |
| border-radius: 0; | |
| } | |
| .theme-dark .ui-select .Select-menu-outer{ | |
| background-color: rgba(42, 42, 42, 0); | |
| } | |
| .theme-dark .ui-select .Select-option.is-selected{ | |
| border-radius: 0; | |
| background-color: rgba(42, 42, 42, 0.8); | |
| } | |
| .theme-dark .ui-select .Select-option.is-selected:hover{ | |
| border-radius: 0; | |
| background-color: rgba(255, 255, 255, 0.2); | |
| } | |
| .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 strong{ | |
| color: rgba(197, 207, 237, 1); | |
| } | |
| .theme-dark .ui-audit-log .timestamp{ | |
| color: rgba(255, 255, 255, 0.6); | |
| } | |
| .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; | |
| } | |
| .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); | |
| } | |
| /* | |
| .ui-standard-sidebar-view, .ui-standard-sidebar-view *{ | |
| color: rgba(255, 255, 255, 0.9); | |
| }*/ | |
| .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; | |
| } | |
| .theme-dark .user-settings-games .game { | |
| box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) !important; | |
| } | |
| body { | |
| -webkit-transition: background 3s ease-in-out; | |
| transition: background 3s ease-in-out; | |
| background: #fff url(https://wallpaperscraft.com/image/canada_british_columbia_mountain_lake_100429_1920x1080.jpg); | |
| background-size: 1920px auto; | |
| } | |
| .message-group .avatar-large { | |
| margin-left: 5px; | |
| } | |
| .avatar-large, .avatar-profile, .avatar-small, .avatar-xlarge, .avatar-xsmall, .avatar-xxlarge { | |
| box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7); | |
| } | |
| /* | |
| POUR LES EM | |
| */ | |
| .embed .embed-author-icon { | |
| width:16px; | |
| height:16px; | |
| margin-right:4px; | |
| } | |
| .embed .embed-footer-icon { | |
| width:16px; | |
| height:16px; | |
| margin-right:4px; | |
| } | |
| .embed-wrapper .embed-color-pill { | |
| border-radius: 0 0 0 0; | |
| width: 3px; | |
| } | |
| .theme-dark .message-group .embed { | |
| background-color: transparent; | |
| border-color: transparent; | |
| } | |
| .embed .embed-author-icon { | |
| border-radius: 0; | |
| } | |
| /* ============================ | |
| CHANNEL LIST | |
| ============================ */ | |
| .guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before { | |
| height: 9px !important; | |
| margin: 0px; | |
| width: 5px; | |
| top: 13px !important; | |
| background: white; | |
| left: 8px; | |
| } | |
| .guild-header header { | |
| height: 45px; | |
| padding: 10px; | |
| padding-left: 20px; | |
| } | |
| #voice-connection { | |
| padding-top: 5px; | |
| padding-bottom: 5px; | |
| } | |
| .account { | |
| height: 45px; | |
| } | |
| /* ============================ | |
| CHAT | |
| ============================ */ | |
| .chat>.title-wrap { | |
| min-height: 45px; | |
| } | |
| .message-group { | |
| padding: 15px 0px; | |
| } | |
| /* LOL */ | |
| .user-popout{box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.5)!important;} | |
| .user-popout .avatar-wrapper .avatar-popout{ | |
| z-index:8!important; | |
| border:none!important; | |
| box-shadow: 0px 0px 0px 2.4px rgba(255,255,255,0.42); | |
| } | |
| .user-popout .header{ | |
| border-bottom:rgba(255,255,255,0.42) 2.7px solid!important; | |
| background:none!important; | |
| } | |
| .avatar-popout .status{ | |
| visibility:visible!important; | |
| z-index:-1!important; | |
| border-radius:0px!important; | |
| width:250px!important; | |
| height:430px!important; | |
| top:-22px!important; | |
| border:none!important; | |
| left:-80px!important; | |
| -webkit-filter:brightness(80%)!important; | |
| } | |
| .activity{ | |
| visibility:hidden; | |
| padding-left:12px; | |
| padding-right:12px; | |
| letter-spacing:-8px; | |
| } | |
| .activity strong{ | |
| visibility:visible!important; | |
| -webkit-filter:brightness(700%)!important; | |
| width:220px!important; | |
| letter-spacing:0px!important; | |
| } | |
| .activity strong:before{ | |
| content:"{{ "!important; | |
| } | |
| .activity strong:after | |
| { | |
| content: " }}"!important; | |
| } | |
| .user-popout .username-wrapper .activity, .username, .discriminator{ | |
| color:white!important; | |
| } | |
| .nickname{ | |
| font-size:20px!important; | |
| line-height:27px!important; | |
| } | |
| .live-on-twitch{ | |
| background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); | |
| border:none!important; | |
| margin-bottom:-2.4px!important; | |
| z-index:10; | |
| } | |
| .user-popout .header .avatar-wrapper.no-hover { | |
| z-index: -1 !important; | |
| background: #282B30; | |
| padding: 72px 77px 64px 77px !important; | |
| margin: -50px 77px -50px 77px !important; | |
| box-shadow: inset 0px 52px 0 0px rgba(255,255,255,.1); | |
| } | |
| .bot-tag.bot-tag-invert{ | |
| background:#36393e; | |
| color:#ffffff!important; | |
| } | |
| .user-popout .username-wrapper .activity, .username, | |
| .discriminator { | |
| color: inherit !important; | |
| } | |
| .user-popout .header.streaming { | |
| background-color: #593695 !important; | |
| box-shadow: inset 0px 2px 0 0px rgba(255,255,255,.1); | |
| } | |
| #user-profile-modal .header .header-info .header-info-inner .activity { | |
| color: inherit !important; | |
| } | |
| /* MD */ | |
| /* Authored by Spoopy Santa Claus (Spoopy Saitama) */ | |
| .hljs { | |
| display: block; | |
| font-family: 'Consolas', monospace; | |
| font-size: 10pt; | |
| overflow-x: auto; | |
| background: #1D1F21 !important; | |
| color: #C5C8C6 !important; | |
| padding: 0.5em; | |
| } | |
| .hljs-emphasis { | |
| font-style: italic !important; | |
| } | |
| .hljs-strong { | |
| font-weight: bold !important; | |
| } | |
| /* HLJS Actual Colors */ | |
| /* Keyword */ | |
| .hljs-keyword { | |
| color: #E061C7 !important; | |
| font-weight: bold !important; | |
| } | |
| /* Builtins */ | |
| .hljs-built_in { | |
| color: #999999 !important; | |
| } | |
| /* Literal */ | |
| /* Number */ | |
| .hljs-literal, | |
| .hljs-number { | |
| color: #F79768 !important; | |
| } | |
| /* Regex */ | |
| .hljs-regexp { | |
| color: #B34D4D !important; | |
| } | |
| /* String */ | |
| .hljs-string { | |
| color: #2497E3 !important; | |
| } | |
| /* Subst */ | |
| .hljs-subst { | |
| color: #F5C747 !important; | |
| font-weight: bold !important; | |
| } | |
| /* Symbol */ | |
| .hljs-symbol { | |
| color: #04AFBF !important; | |
| } | |
| /* Class */ | |
| .hljs-class, | |
| .hljs-class .hljs-title { | |
| color: #E36222 !important; | |
| } | |
| /* Class keyword */ | |
| /* Function keyword */ | |
| .hljs-class .hljs-keyword, | |
| .hljs-function .hljs-keyword { | |
| color: #50FA7B !important; | |
| } | |
| /* Function */ | |
| .hljs-function, | |
| .hljs-function .hljs-title { | |
| color: #D65656 !important; | |
| } | |
| /* Params */ | |
| .hljs-params { | |
| color: #07CC95 !important; | |
| } | |
| /* Comment */ | |
| /* Doctag */ | |
| /* Meta Keyword */ | |
| /* Meta String */ | |
| /* Template Tag */ | |
| /* Template Variable */ | |
| .hljs-comment, | |
| .hljs-doctag, | |
| .hljs-meta-keyword, | |
| .hljs-meta-string, | |
| .hljs-template-tag, | |
| .hljs-template-variable { | |
| color: #9E9E9E !important; | |
| font-style: italic !important; | |
| } | |
| /* Meta */ | |
| .hljs-meta { | |
| color: #E36222 !important; | |
| font-style: italic !important; | |
| } | |
| /* Tag */ | |
| .hljs-tag { | |
| color: #49C7F5 !important; | |
| } | |
| /* Name Of Tag */ | |
| .hljs-name, | |
| .hljs-builtin-name { | |
| color: #D75A64 !important; | |
| } | |
| /* Attr */ | |
| /* Variable */ | |
| .hljs-attr, | |
| .hljs-variable { | |
| color: #78D69E !important; | |
| } | |
| /* HLJS Markup */ | |
| /* Bullets */ | |
| /* Type */ | |
| .hljs-bullet, | |
| .hljs-type { | |
| color: #04AFBF !important; | |
| font-weight: bold !important; | |
| } | |
| /* Code */ | |
| .hljs-code { | |
| color: #BEBEBE !important; | |
| } | |
| /* Emphasis */ | |
| .hljs-emphasis { | |
| font-style: italic !important; | |
| color: #AEAEAE !important; | |
| } | |
| /* Strong */ | |
| .hljs-strong { | |
| font-weight: bold !important; | |
| } | |
| /* Formula */ | |
| /* Link */ | |
| .hljs-link { | |
| color: #DE935F !important; | |
| } | |
| /* Section */ | |
| .hljs-section { | |
| color: #CC9C0C !important; | |
| font-weight: bold !important; | |
| } | |
| /* Quote */ | |
| .hljs-quote { | |
| color: #789922 !important; | |
| } | |
| /* HLJS CSS */ | |
| /* Tag Selector */ | |
| .hljs-selector-tag { | |
| color: #D75A64 !important; | |
| } | |
| /* ID Selector */ | |
| .hljs-selector-id { | |
| color: #CC3535 !important; | |
| font-weight: bold !important; | |
| } | |
| /* Attribute */ | |
| /* Psuedo Selector */ | |
| .hljs-attribute, | |
| .hljs-selector-pseudo { | |
| color: #40C762 !important; | |
| } | |
| /* Class Selector */ | |
| .hljs-selector-class { | |
| color: #49C7F5 !important; | |
| } | |
| /* Attr Selector */ | |
| .hljs-selector-attr { | |
| color: #A25AFA !important; | |
| } | |
| /* Diff Addition */ | |
| .hljs-addition { | |
| color: #80C771 !important; | |
| } | |
| /* Diff Deletion */ | |
| .hljs-deletion { | |
| color: #C24848 !important; | |
| } | |
| /* ANIMATION */ | |
| .message:not(.message-sending), .message-content:not(.message-sending), .image:not(.message-sending), .tooltip, .guild, .section, .context-menu, .friends-row, .channel, .user-settings-modal, .channel-voice-states, .selected:before, .markdown-modal, .icon-muted, .icon-deafened, .avatar-large:not(.message-sending), .empty-message, .popout-menu, .editable, .emoji-item, .quickswitcher, .avatar-small, .ui-guild-nsfw, .quickswitcher::after { | |
| animation: PikaDude 0.5s; | |
| } | |
| .user-popout, .emoji-picker, .popout, .option-popout, .ui-form-section { | |
| animation: PikaDude 0.2s; | |
| } | |
| .channel-members, .search-results-wrap { | |
| animation: PikaDude 1s; | |
| } | |
| .callout-backdrop { | |
| animation: Bidoof 0.5s; | |
| } | |
| @keyframes PikaDude { | |
| from { | |
| opacity: 0; | |
| } | |
| to { | |
| opacity: 1; | |
| } | |
| } | |
| @keyframes Bidoof { | |
| from { | |
| opacity: 0; | |
| } | |
| to { | |
| opacity: 0.85; | |
| } | |
| } | |
| /* CIRCULARE */ | |
| /* Account Panel */ | |
| .account .btn-mute, .account .btn-deafen, .account .btn-settings { | |
| border: none; | |
| box-shadow: none; | |
| transition: background-color 0.2s; | |
| } | |
| .account .btn-group { | |
| border-radius: 50px; | |
| } | |
| .account .btn-mute { | |
| border-radius: 50px 0 0 50px; | |
| } | |
| .account .btn-settings { | |
| border-radius: 0 50px 0 0 50px; | |
| } | |
| .account .btn-mute:hover, .account .btn-deafen:hover, .account .btn-settings:hover { | |
| background-color: #23272A; | |
| } | |
| /* Voice Panel */ | |
| #voice-connection .btn-group { | |
| border-radius: 50px; | |
| } | |
| #voice-connection .btn-info, #voice-connection .btn-disconnect { | |
| border: none; | |
| box-shadow: none; | |
| transition: background-color 0.2s; | |
| } | |
| #voice-connection .btn-info:hover, #voice-connection .btn-disconnect:hover { | |
| background-color: #23272A; | |
| } | |
| /* STATUS */ | |
| /* DnD */ | |
| .status-dnd ~ .status-text { | |
| font-size: 0; | |
| } | |
| .status-dnd ~ .status-text::after { | |
| content: "Coder"; | |
| font-size: 15px; | |
| } | |
| .status-picker .popout-menu-item:nth-child(4) .helper{ | |
| font-size: 0; | |
| } | |
| .status-picker .popout-menu-item:nth-child(4) .helper::after{ | |
| content: "Car je sais qu'il ne faut pas être déranger quand on code ! ;)" !important; | |
| font-size: 12px; | |
| } | |
| /* Invisible */ | |
| .status-invisible ~ .status-text { | |
| font-size: 0; | |
| } | |
| .status-invisible ~ .status-text::after { | |
| content: "Invisible"; | |
| font-size: 15px; | |
| } | |
| .status-picker .popout-menu-item:nth-child(5) .helper{ | |
| font-size: 0; | |
| } | |
| .status-picker .popout-menu-item:nth-child(5) .helper::after{ | |
| content: "Quand tu met une cape d'invisibilité ! :P" !important; | |
| font-size: 12px; | |
| } | |
| .connecting, | |
| .theme-dark .guild-header header, | |
| section.flex-verticle.flexspacer, | |
| .theme-dark .guild-wrapper, | |
| .theme-dark .channels-wrap, .theme-dark .guild-channels-wrapper, | |
| .theme-dark .scroller.messages, | |
| .theme-dark .messages-wrapper, | |
| .theme-dark .messages .message-text, | |
| .theme-dark .chat, | |
| .theme-dark .chat>.content, | |
| .theme-dark .channel-members, | |
| .theme-dark .private-channels, | |
| .theme-dark #friends, .theme-dark #friends .friends-table, | |
| .theme-dark .popout, .theme-dark .pop-out .user-popout, | |
| .theme-dark .chat .title-wrap, | |
| .guilds-wrapper, | |
| .account, | |
| .theme-dark .guild-channels, | |
| .theme-dark .chat .content form .typing, | |
| .guild-channels .channel-text.selected, | |
| .guild-channels .channel-text:hover, | |
| .private-channels .channel.selected, | |
| .private-channels .channel:hover, | |
| .theme-dark #friends .friends-header, | |
| .search-bar, | |
| #voice-connection, | |
| .account .btn, | |
| #voice-connection .btn { | |
| background: transparent !important; | |
| } | |
| .scroller::-webkit-scrollbar-track, | |
| .scroller::-webkit-scrollbar-track-piece { | |
| background: transparent !important | |
| } | |
| /** | |
| DISCORD EMOJI ANIMATIONS. (V.05) | |
| -------------------------------- | |
| Hey, heres a pretty cool improvement to your Discord client. | |
| Some basic animations to some emoji! They're not very popular | |
| emoji though. If you have any you'd like animated please let | |
| me know @jakeoid#6284. | |
| https://owo.whats-th.is/d8ef5d.gif | |
| **/ | |
| /** ******************** ** | |
| Hearts | |
| ** ******************** **/ | |
| /** Heart **/ | |
| img[alt*=":heart:"], | |
| img[alt*=":hearts:"], | |
| img[alt*=":green_heart:"], | |
| img[alt*=":blue_heart:"], | |
| img[alt*=":purple_heart:"], | |
| img[alt*=":yellow_heart:"], | |
| img[alt*=":heartbeat:"], | |
| img[alt*=":heartpulse:"], | |
| img[alt*=":black_heart:"], | |
| img[alt*=":sparkling_heart:"] { animation: heartbeat 1s infinite;} | |
| /** ******************** ** | |
| Emoji | |
| ** ******************** **/ | |
| /** Money Wings **/ img[alt*=":money_with_wings:"] {animation: wobble 2s infinite;} | |
| /** Kiss **/ img[alt*=":kiss:"] {animation: heartbeat 1s infinite;} | |
| /** Hammer **/ img[alt*=":hammer:"] {animation: wobble 0.5s infinite;} | |
| /** Pickaxe **/ img[alt*=":pick:"] {animation: wobble 0.5s infinite;} | |
| /** Bomb **/ img[alt*=":bomb:"] {animation: bomb 2s infinite;} | |
| /** Boom **/ img[alt*=":boom:"] {animation: boom 2s infinite;} | |
| /** Eyes **/ img[alt*=":eyes:"] {animation: eyes 4s infinite;animation-timing-function:steps(1);} | |
| /** Laughing **/ img[alt*=":laughing:"] {transform: rotate(-90deg);} | |
| /** Heart Eyes **/ img[alt*=":heart_eyes:"] {animation: heartbeat 1s infinite;} | |
| /** Joyful **/ img[alt*=":joy:"] {animation: joy 2s infinite;} | |
| /** Upside Down **/ img[alt*=":upside_down:"] {animation: wobble 2s infinite;} | |
| /** Scream **/ img[alt*=":scream:"], img[alt*=":scream_cat:"] {animation: scare 2s infinite;} | |
| /** ROFL **/ img[alt*=":rofl:"] {animation: rofl 2s infinite;} | |
| /** Sneezing **/ img[alt*=":sneezing_face:"] {animation: wobble 1s infinite;} | |
| /** Joyful Cat **/ img[alt*=":joy_cat:"] {animation: joy 2s infinite;} | |
| /** Heart Eyes **/ img[alt*=":heart_eyes_cat:"] {animation: heartbeat 1s infinite;} | |
| img[alt*=":rt:"]{animation: boom 3s infinite} | |
| /** Waving **/ img[alt*=":wave:"] {animation: wobble 2s infinite;} | |
| /** Angry **/ img[alt*=":angry:"], .emoji[alt*="Angery"], .emoji[alt*="Thonkery"] {animation: vibrate 0.2s infinite;} | |
| /** ******************** ** | |
| Sports | |
| ** ******************** **/ | |
| /** Soccer **/ img[alt*=":soccer:"] {animation: rotate 2s infinite;} | |
| /** Basketball **/ img[alt*=":basketball:"] {animation: rotate 2s infinite;} | |
| /** Baseball **/ img[alt*=":baseball:"] {animation: rotate 2s infinite;} | |
| /** Tennis **/ img[alt*=":tennis:"] {animation: rotate 2s infinite;} | |
| /** ******************** ** | |
| Tech | |
| ** ******************** **/ | |
| /** Gear **/ img[alt*=":gear:"] {animation: rotate 2s infinite;} | |
| /** Disc & CD **/ img[alt*=":cd:"], img[alt*=":dvd:"] {animation: rotate 2s infinite;} | |
| /** ******************** ** | |
| Etc | |
| ** ******************** **/ | |
| /** Snowflake **/ img[alt*=":snowflake:"] {animation: rotate 2s infinite;} | |
| /** Sun **/ img[alt*=":sunny:"] {animation: rotate 2s infinite;} | |
| /** Hourglass **/ img[alt*=":hourglass:"] {animation: hourglass 2s infinite;} | |
| /** mmLol **/ .emoji[alt*="mmLol"] {animation: mmlol 5s infinite;} | |
| /** ************************************************ **/ | |
| /** CSS KEYFRAMES BEGIN HERE, ITS GOING TO GET MESSY **/ | |
| /** ************************************************ **/ | |
| @keyframes wobble {0%,100%{transform:rotate(20deg)}50%{transform:rotate(-20deg)}} | |
| @keyframes scare {0%,100%{transform:rotate(9deg)}50%{transform:rotate(-9deg)}} | |
| @keyframes hourglass{0%,100%,41%{transform:rotate(0)}20%,40%{transform:rotate(-180deg)}} | |
| @keyframes rotate {0%{transform:rotate(0)}100%{transform:rotate(360deg)}} | |
| @keyframes rofl {0%{transform:rotate(45deg)}100%{transform:rotate(404deg)}} | |
| @keyframes heartbeat{0%,100%,40%,80%{transform:scale(.75)}20%,60%{transform:scale(1)}} | |
| @keyframes joy {0%,100%,50%{transform:scale(.9)}25%,75%{transform:scale(1)}} | |
| @keyframes boom {0% {transform:scale(.1)}20% {transform:scale(1)}80% {transform:scale(1);opacity: 1;}100%{opacity: 0;}} | |
| @keyframes bomb {0%,100%,20%{transform:scale(1)}90%{transform:scale(.6)}95%{transform:scale(1.5)}} | |
| @keyframes eyes {0%,25%,75%{transform:scaleX(1)}50%,100%{transform:scaleX(-1)}} | |
| @keyframes mmlol {0% { transform: rotate(0deg); }69% { transform: rotate(0deg); }70% { transform: rotate(-90deg); }99% { transform: rotate(-90deg); }100% { transform: rotate(0deg); }} | |
| @keyframes vibrate {25%{transform: translateX(3px) translateY(-2px)}50%{transform: translateX(-1px) translateY(3px)}75%{transform: translateX(-4px) translateY(-2px)}100%{transform: translateX(2px) translateY(-1px)}} | |
| /** ******* **/ | |
| /* Scroller */ | |
| /* BOTH | This one can't be used on light and dark, must define both */ | |
| .scroller-wrap .scroller::-webkit-scrollbar { width: 14px; } | |
| .scroller.guild-channels::-webkit-scrollbar { display: none; } | |
| .scroller-wrap .scroller::-webkit-scrollbar-track-piece { | |
| border: 4px solid rgba(255, 255, 255, 0) !important; | |
| background-color: rgba(0, 0, 0, 0) !important; | |
| } | |
| .scroller-wrap .scroller::-webkit-scrollbar-thumb { | |
| border: 4px solid rgba(255, 255, 255, 0) !important; | |
| background-color: rgba(225, 225, 225, 0.05) !important; | |
| transition: background-color 1s !important; | |
| display: initial; | |
| } | |
| .scroller-wrap:hover .scroller::-webkit-scrollbar-thumb:hover { | |
| border: 4px solid rgba(255, 255, 255, 0) !important; | |
| background-color: rgba(225, 225, 225, 0.15) !important; | |
| } | |
| .scroller-wrap .scroller::-webkit-scrollbar-thumb:active { | |
| border: 4px solid rgba(255, 255, 255, 0) !important; | |
| background-color: rgba(225, 225, 225, 0.2) !important; | |
| } | |
| .avatar-large[style*="a_"] + .comment .message.first .body .username-wrapper:after { | |
| content: 'Nitro'; | |
| color: white; | |
| margin-left: 5px; | |
| background: #fc964b; | |
| line-height: 16px; | |
| text-transform: uppercase; | |
| vertical-align: bottom; | |
| border-radius: 3px; | |
| margin-left: 6px; | |
| padding: 1px 2px; | |
| font-size: 10px; | |
| font-weight: 600; | |
| cursor: text; | |
| } | |
| .member.member-status > .avatar-small[style*="a_"] + .member-inner .member-username:after { | |
| content: 'Nitro'; | |
| color: white; | |
| margin-left: 5px; | |
| background: #fc964b; | |
| line-height: 15px; | |
| height: 14px; | |
| text-transform: uppercase; | |
| vertical-align: bottom; | |
| border-radius: 3px; | |
| margin-left: 6px; | |
| padding: 1px 2px; | |
| font-size: 10px; | |
| font-weight: 600; | |
| } | |
| .channel-textarea-autocomplete-inner .avatar-small[style*="a_"] + .discord-tag:after, | |
| .channel-textarea-autocomplete-inner .avatar-small[style*="a_"] + .username:after { | |
| content: ' '; | |
| position: absolute; | |
| background: url(https://canary.discordapp.com/assets/65f0a0df5563e21de7b1aeeafaf31d78.svg); | |
| background-size: 20px; | |
| width: 20px; | |
| height: 15px; | |
| margin-left: 5px; | |
| } | |
| .channel.channel-voice:not(.collapsed) .avatar-small[style*="a_"] + span:after { | |
| content: ' '; | |
| position: absolute; | |
| background: url(https://canary.discordapp.com/assets/65f0a0df5563e21de7b1aeeafaf31d78.svg); | |
| background-size: 20px; | |
| width: 20px; | |
| height: 15px; | |
| margin-top: 1.5px; | |
| margin-left: 5px; | |
| } | |
| .channel.channel-voice li.speaking .avatar-small[style*="a_"] { | |
| border-color: #fc964b; | |
| } | |
| .tooltip.tooltip-right.tooltip-normal, .tooltip.tooltip-bottom.tooltip-normal, .tooltip.tooltip-top.tooltip-normal { | |
| background: rgba(22,22,22,0.6); | |
| color: #fff; | |
| box-shadow: 0 0 5px rgba(0,0,0,0.9); | |
| } | |
| .tooltip.tooltip-right.tooltip-normal:after, .tooltip.tooltip-bottom:after, .tooltip.tooltip-top:after { | |
| opacity: 0; | |
| } | |
| .tooltip.tooltip-top { | |
| -webkit-animation: tooltip-top-anim 200ms ease-in-out; | |
| animation: tooltip-top-anim 200ms ease-in-out; | |
| } | |
| .tooltip.tooltip-bottom { | |
| -webkit-animation: tooltip-bottom-anim 200ms ease-in-out; | |
| animation: tooltip-bottom-anim 200ms ease-in-out; | |
| } | |
| .tooltip.tooltip-right { | |
| -webkit-animation: tooltip-right-anim 200ms ease-in-out; | |
| animation: tooltip-right-anim 200ms ease-in-out; | |
| } | |
| @-webkit-keyframes tooltip-top-anim { | |
| from { | |
| transform: translateY(-20px); | |
| opacity: 0; | |
| } | |
| 100% { | |
| transform: translateY(0px); | |
| opacity: 1; | |
| } | |
| } | |
| @keyframes tooltip-top-anim { | |
| from { | |
| transform: translateY(-20px); | |
| opacity: 0; | |
| } | |
| 100% { | |
| transform: translateY(0px); | |
| opacity: 1; | |
| } | |
| } | |
| @-webkit-keyframes tooltip-bottom-anim { | |
| from { | |
| transform: translateY(20px); | |
| opacity: 0; | |
| } | |
| 100% { | |
| transform: translateY(0px); | |
| opacity: 1; | |
| } | |
| } | |
| @keyframes tooltip-bottom-anim { | |
| from { | |
| transform: translateY(20px); | |
| opacity: 0; | |
| } | |
| 100% { | |
| transform: translateY(0px); | |
| opacity: 1; | |
| } | |
| } | |
| @-webkit-keyframes tooltip-right-anim { | |
| from { | |
| transform: translateX(20px); | |
| opacity: 0; | |
| } | |
| 100% { | |
| transform: translateX(0px); | |
| opacity: 1; | |
| } | |
| } | |
| @keyframes tooltip-right-anim { | |
| from { | |
| transform: translateX(20px); | |
| opacity: 0; | |
| } | |
| 100% { | |
| transform: translateX(0px); | |
| opacity: 1; | |
| } | |
| } | |
| /* | |
| Authored by kanadeko. | |
| This css will hide the servers leaving a 20px gap where notifications | |
| and badges appear. Just hover on the server list for some magic. | |
| And a few more things. Probably. | |
| */ | |
| #voice-connection { | |
| padding-top: 5px; | |
| padding-bottom: 5px; | |
| } | |
| .account { | |
| height: 50px; | |
| } | |
| /* ============================ | |
| CHAT | |
| ============================ */ | |
| .chat>.title-wrap { | |
| min-height: 45px; | |
| } | |
| .message-group { | |
| padding: 15px 0px; | |
| } | |
| .guilds-wrapper .guilds .friends-icon { background-image: url('https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_forum_white_24px.svg')} | |
| /* Server Section */ | |
| /* BOTH */ | |
| .guilds-wrapper { background: var(--dark-highlight); } | |
| .guilds-wrapper .guild.guilds-add:after, | |
| .guilds-wrapper .guild.guilds-add:hover:after, | |
| .guilds-wrapper .guilds .guild a:hover, | |
| .guilds-wrapper .guilds .guild.selected .guild-inner, | |
| .guilds-wrapper .guilds .guild.active .guild-inner { | |
| background-color: transparent !important; | |
| } | |
| .guilds-wrapper .guilds .friends-icon { background-image: url('https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_forum_white_24px.svg')} | |
| .guilds-wrapper .guilds .guild.selected { | |
| background: transparent; | |
| } | |
| .guilds-wrapper .guilds .friends-online { | |
| display: none; | |
| } | |
| @keyframes example { | |
| from {background-color: red;} | |
| to {background-color: yellow;} | |
| } | |
| .channel-name{ | |
| color: gray; | |
| } | |
| .app.theme-light { | |
| visibility: hidden; | |
| white-space: pre; | |
| } | |
| .app.theme-light:before { | |
| content: 'QUOI ? TU AS VOULU UTILISER LE THEME WHITE? TU ES FOU MON N\'VEU, T\'ES BAN ! '; | |
| visibility: visible !important; | |
| color: red; | |
| text-transform: uppercase; | |
| font-size: 26pt; | |
| width: 100%; | |
| text-align: center; | |
| font-weight: bold; | |
| position: absolute; | |
| left: 50%; | |
| top: 50%; | |
| transform: translate(-50%, -50%); | |
| } | |
| .account > .avatar-small{ opacity: 0.4; transition: opacity 1s;} | |
| .account > .avatar-small:hover{ opacity: 1;} | |
| .user-name:after { | |
| content: "}"; | |
| } | |
| .user-name::before { | |
| content: "{"; | |
| } | |
| .header-toolbar > button {opacity: 0.1; transition: opacity 1s;} | |
| .header-toolbar > button:hover {opacity: 0.9;} | |
| .member-username * { opacity: 0.6; font-style: italic; } | |
| .channel-members h2 { display: none;} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment