Created
February 18, 2019 10:26
-
-
Save noinfo/beb1fea7f6700444f4da090283f6dea9 to your computer and use it in GitHub Desktop.
rambox_whatsapp_darkmode.js
This file contains hidden or 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
| function applycss(css){ | |
| var head = document.getElementsByTagName('head')[0]; | |
| var s = document.createElement('style'); | |
| s.setAttribute('type', 'text/css'); | |
| s.appendChild(document.createTextNode(css)); | |
| head.appendChild(s); | |
| } | |
| applycss(` | |
| header.pane-header | |
| { | |
| background-color: #2d2d2d !important; | |
| } | |
| #wrapper:before | |
| { | |
| background-color: #5b5b5b !important; | |
| } | |
| body | |
| { | |
| background-image: -webkit-linear-gradient(top, #5b5b5b, #5b5b5b) !important; | |
| font-family: 'Roboto Light', sans-serif !important; | |
| color: #ffffff; | |
| } | |
| .pane-chat-footer | |
| { | |
| background-color: #323232 !important; | |
| } | |
| .chat-drag-cover>.chat, | |
| .contact.chat | |
| { | |
| background-color: #222222 !important; | |
| color: lightgray; | |
| } | |
| .chat | |
| { | |
| background-color: #323232 !important; | |
| border-bottom: 1px solid #3e3e3e !important; | |
| } | |
| .pane-list-body | |
| { | |
| background-color: #323232 !important; | |
| } | |
| .chatlist .chat:after, | |
| .chatlist .location:after | |
| { | |
| border-bottom: 1px solid #323232 !important; | |
| } | |
| .subheader-search | |
| { | |
| background-color: #323232 !important; | |
| } | |
| .cont-input-search | |
| { | |
| background-color: #323232 !important; | |
| border: 1px solid #898989 !important; | |
| } | |
| .gif-search-row-input, | |
| .input.input.input-search | |
| { | |
| background-color: #323232 !important; | |
| } | |
| .cont-input-search .input-placeholder | |
| { | |
| color: #898989 !important; | |
| } | |
| .subheader-search.active .cont-input-search | |
| { | |
| border-color: #323232 !important; | |
| } | |
| .pane-intro | |
| { | |
| background-color: #323232 !important; | |
| } | |
| .pane-intro:after | |
| { | |
| border-top: 6px solid #323232 !important; | |
| } | |
| .chat-title | |
| { | |
| color: #ffffff !important; | |
| font-weight: bold !important; | |
| } | |
| .chat-status | |
| { | |
| color: #d5d5d5 !important; | |
| } | |
| .chat-time | |
| { | |
| color: #898989 !important; | |
| font-size: 10px !important; | |
| } | |
| .chatlist .active.location, | |
| .chatlist .chat.active | |
| { | |
| background-color: #2d2d2d !important; | |
| border-bottom: 1px solid #2d2d2d !important; | |
| } | |
| .chatlist .chat:hover, | |
| .chatlist .location:hover | |
| { | |
| background-color: #2d2d2d !important; | |
| border-bottom: 0px solid #2d2d2d !important; | |
| } | |
| .chatlist .chat:hover:before, | |
| .chatlist .location:hover:before | |
| { | |
| background-color: #2d2d2d !important; | |
| } | |
| .chatlist .active.location:before, | |
| .chatlist .chat.active:before | |
| { | |
| background-color: #2d2d2d !important; | |
| } | |
| .drawer-container-right, | |
| .pane-chat | |
| { | |
| background-image: url("data:") !important; | |
| background-color: #323232 !important; | |
| } | |
| .pane-chat-header:after | |
| { | |
| background-color: #2D2D2D; | |
| border-bottom: 0px solid #323232 !important; | |
| } | |
| .subheader-search:after | |
| { | |
| background-color: #323232; | |
| border-bottom: 1px solid #323232 !important; | |
| } | |
| .sprite-loaded .icon, | |
| .sprite-loaded .icon-s, | |
| .sprite-loaded .icon-l, | |
| .sprite-loaded .icon-xl | |
| { | |
| background-image: url(http://tbs-gaming.de/design/wa-web/dark/3.0/wa-v=3.0.svg) !important; | |
| } | |
| .message-out | |
| { | |
| background-color: #2d2d2d !important; | |
| } | |
| .message-in | |
| { | |
| background-color: #2d2d2d !important; | |
| } | |
| .document-meta, | |
| .message-text | |
| { | |
| color: #d3d3d3 !important; | |
| } | |
| .message-datetime | |
| { | |
| color: #646464 !important; | |
| } | |
| .message-out:before | |
| { | |
| background-image: url("data:") !important; | |
| } | |
| .message-in:before | |
| { | |
| background-image: url("data:") !important; | |
| } | |
| #pane-main | |
| { | |
| padding-left: 30px !important; | |
| padding-right: 30px !important; | |
| } | |
| .input | |
| { | |
| color: #e1e1e1 !important; | |
| } | |
| .block-compose .input-container | |
| { | |
| background-color: #202020 !important; | |
| border-color: #4b4b4b; | |
| } | |
| .intro-image | |
| { | |
| background-image: url(http://tbs-gaming.de/design/wa-web/dark/3.0/wa-v=3.0.png) !important; | |
| width: 389px !important; | |
| height: 281px !important; | |
| } | |
| .dropdown | |
| { | |
| background-color: #2d2d2d !important; | |
| } | |
| .dropdown .menu-item a | |
| { | |
| color: #898989 !important; | |
| } | |
| .dropdown .menu-item a:hover | |
| { | |
| background-color: #323232 !important; | |
| } | |
| .menu-tabs-emoji | |
| { | |
| background-color: #2d2d2d !important; | |
| } | |
| .menu-tabs-emoji:before | |
| { | |
| background-color: #e7e7e7 !important; | |
| } | |
| .drawer-header | |
| { | |
| background-color: #2d2d2d !important; | |
| } | |
| .infinite-list.chatlist | |
| { | |
| background-color: #323232 !important; | |
| } | |
| .list-title | |
| { | |
| background-color: #2d2d2d !important; | |
| color: #898989 !important; | |
| } | |
| .chat-title | |
| { | |
| color: #ffffff !important; | |
| } | |
| .header-title | |
| { | |
| color: #898989 !important; | |
| } | |
| .drawer-body | |
| { | |
| background-color: #323232 !important; | |
| } | |
| .drawer-container.drawer-container-left.drawer-container-panel | |
| { | |
| margin-left: -1px !important; | |
| } | |
| .app.three | |
| { | |
| background-color: #323232 !important; | |
| } | |
| .drawer-section.well.animate-enter | |
| { | |
| background-color: #2d2d2d !important; | |
| } | |
| /* .drawer-section-expand.well.animate-enter {background-color: #2d2d2d !important;} */ | |
| .drawer-section-title | |
| { | |
| color: #ffffff !important; | |
| } | |
| .drawer-section-title .col-side | |
| { | |
| color: #ffffff !important; | |
| } | |
| .drawer-value | |
| { | |
| color: #898989 !important; | |
| } | |
| .drawer-profile .drawer-header | |
| { | |
| background-color: #2d2d2d !important; | |
| } | |
| .drawer-title | |
| { | |
| color: #898989 !important; | |
| } | |
| .chatlist .is-unread .chat-title, | |
| .chatlist .is-unread .header-title, | |
| .chatlist .is-unread .location-main, | |
| .chatlist .unread .chat-title, | |
| .chatlist .unread .header-title, | |
| .chatlist .unread .location-main | |
| { | |
| color: #2b2b2b !important; | |
| } | |
| .chatlist .is-unread .chat-status, | |
| .chatlist .is-unread .header-secondary, | |
| .chatlist .is-unread .location-secondary, | |
| .chatlist .unread .chat-status, | |
| .chatlist .unread .header-secondary, | |
| .chatlist .unread .location-secondary | |
| { | |
| color: #898989 !important; | |
| } | |
| .chatlist .active.location:hover, | |
| .chatlist .chat.active:hover | |
| { | |
| background-color: #2d2d2d !important; | |
| border-bottom: 1px solid #2d2d2d !important; | |
| } | |
| .chatlist .active.location:hover:before, | |
| .chatlist .chat.active:hover:before | |
| { | |
| background-color: #2d2d2d !important; | |
| } | |
| .media-panel | |
| { | |
| background-color: #323232 !important; | |
| } | |
| .media-panel-header | |
| { | |
| background-color: #323232 !important; | |
| } | |
| .media-chat .chat-main, | |
| .media-chat .header-main | |
| { | |
| color: #ffffff !important; | |
| } | |
| .chat:hover:not(.active), | |
| .location:hover:not(.active) | |
| { | |
| background-color: #323232 !important; | |
| } | |
| .app-wrapper::before | |
| { | |
| background-color: #5b5b5b !important; | |
| } | |
| .media-collection>span | |
| { | |
| background-color: #2d2d2d !important; | |
| } | |
| .drawer-media .drawer-body | |
| { | |
| background-color: #323232 !important; | |
| } | |
| .chat.active .active.location, | |
| .chat.active .chat-status, | |
| .chat.active .header-secondary, | |
| .chat.active .location-secondary | |
| { | |
| color: #d5d5d5 !important; | |
| } | |
| .chat-status.ellipsify | |
| { | |
| color: #d5d5d5 !important; | |
| } | |
| .block-compose .input-container.disabled | |
| { | |
| background-color: #696969 !important; | |
| } | |
| .media-panel .btn-round | |
| { | |
| background-color: #2d2d2d !important; | |
| } | |
| .menu-tabs-emoji:before | |
| { | |
| background-color: #323232 !important; | |
| } | |
| #window | |
| { | |
| background-color: #2D2D2D !important; | |
| } | |
| #platforms | |
| { | |
| background-color: #2D2D2D !important; | |
| } | |
| .entry-title | |
| { | |
| color: #d5d5d5 !important; | |
| } | |
| .entry-subtitle | |
| { | |
| color: #d5d5d5 !important; | |
| } | |
| .entry-controls | |
| { | |
| color: #d5d5d5 !important; | |
| } | |
| .entry-platform | |
| { | |
| color: #d5d5d5 !important; | |
| } | |
| .qrcode | |
| { | |
| border-width: 5px !important; | |
| border-style: solid !important; | |
| border-color: white !important; | |
| } | |
| .app | |
| { | |
| background-image: url("data:") !important; | |
| background-color: #323232 !important; | |
| } | |
| .backdrop | |
| { | |
| background-color: #323232 !important; | |
| } | |
| .popup | |
| { | |
| background-color: #2d2d2d !important; | |
| } | |
| .popup-title | |
| { | |
| color: #898989 !important; | |
| } | |
| .popup-body | |
| { | |
| color: #898989 !important; | |
| } | |
| select | |
| { | |
| color: #898989 !important; | |
| background-color: #2d2d2d !important; | |
| } | |
| .toast | |
| { | |
| background-color: #2d2d2d !important; | |
| color: #898989 !important; | |
| } | |
| .backdrop-transparent | |
| { | |
| background-color: #323232 !important; | |
| } | |
| .header-secondary | |
| { | |
| color: #898989 !important; | |
| } | |
| .select::before | |
| { | |
| background-image: url(http://tbs-gaming.de/wa-web/pfeil.svg) !important; | |
| } | |
| .drawer .chatlist | |
| { | |
| background-color: #323232 !important; | |
| } | |
| .message-out .audio-track::-webkit-slider-runnable-track | |
| { | |
| background-color: #323232 !important; | |
| } | |
| .message-in .audio-track::-webkit-slider-runnable-track | |
| { | |
| background-color: #323232 !important; | |
| } | |
| .message-out .audio-state-played .audio-progress | |
| { | |
| background-color: #989898 !important; | |
| } | |
| .message-in .audio-state-played .audio-progress | |
| { | |
| background-color: #989898 !important; | |
| } | |
| .message-out .audio-state-played .audio-track::-webkit-slider-thumb | |
| { | |
| background-color: #989898 !important; | |
| } | |
| .message-in .audio-state-played .audio-track::-webkit-slider-thumb | |
| { | |
| background-color: #989898 !important; | |
| } | |
| .message-in .audio-state-default .audio-track::-webkit-slider-thumb | |
| { | |
| background-color: #989898 !important; | |
| } | |
| .message-out .audio-state-default .audio-track::-webkit-slider-thumb | |
| { | |
| background-color: #989898 !important; | |
| } | |
| .message-out .audio-state-default .audio-progress | |
| { | |
| background-color: #989898 !important; | |
| } | |
| .message-in .audio-state-default .audio-progress | |
| { | |
| background-color: #989898 !important; | |
| } | |
| @ font-face | |
| { | |
| font-family: 'Roboto Light' !important; | |
| font-style: normal !important; | |
| font-weight: 400 !important; | |
| src: local('Roboto Light'), local('RobotoLight'), url(https://tbs-gaming.de/wa-web/Roboto-Light.ttf) format('ttf') !important; | |
| } | |
| .media-viewer | |
| { | |
| background-color: #323232 !important; | |
| } | |
| .media-content .btn-round | |
| { | |
| background-color: #2d2d2d !important; | |
| } | |
| .intro-title | |
| { | |
| font-size: 28px !important; | |
| } | |
| .intro-text | |
| { | |
| font-size: 12px !important; | |
| } | |
| /*.meta-audio { | |
| font-size: 10px!important; | |
| } | |
| .bubble-audio .preview { | |
| width: 50px !important; | |
| height: 50px !important; | |
| } | |
| .message-out .audio-status { | |
| left: 44px !important; | |
| bottom: 1px !important; | |
| } | |
| .message-out .bubble-audio .wrapper { | |
| min-height: 38px !important; | |
| } | |
| .message-out .audio { | |
| margin-right: 7px !important; | |
| margin-left: 8px !important; | |
| padding-top: 4px !important; | |
| } | |
| .message-in .audio-status { | |
| right: 44px !important; | |
| bottom: 1px !important; | |
| } | |
| .message-in .bubble-audio .wrapper { | |
| min-height: 38px!important; | |
| } | |
| .message-in .audio { | |
| margin-right: 7px !important; | |
| margin-left: 8px !important; | |
| padding-top: 7px !important; | |
| } */ | |
| .message-meta | |
| { | |
| font-size: 10px !important; | |
| } | |
| .message-text | |
| { | |
| font-size: 12.6px !important; | |
| } | |
| .chat-status, | |
| .header-secondary, | |
| .location-secondary | |
| { | |
| font-size: 13px !important; | |
| } | |
| .chatlist .avatar | |
| { | |
| width: 45px !important; | |
| height: 45px !important; | |
| } | |
| .location | |
| { | |
| padding: 10px 11px 8px 9px !important; | |
| } | |
| /* .app-wrapper { | |
| min-width: 745px !important; | |
| min-height: 300px !important; | |
| } */ | |
| .chat-title, | |
| .header-title, | |
| .location-main, | |
| .drawer-title-body | |
| { | |
| font-size: 14px !important; | |
| } | |
| .chat-status, | |
| .header-secondary, | |
| .location-secondary | |
| { | |
| font-size: 12px !important; | |
| } | |
| .header-secondary, | |
| .pane-chat-header .chat-status, | |
| .pane-chat-header .header-secondary, | |
| .pane-chat-header .location-secondary | |
| { | |
| font-size: 12px !important; | |
| } | |
| .viewport | |
| { | |
| height: 100% !important; | |
| } | |
| #startup | |
| { | |
| background-color: #5b5b5b !important; | |
| } | |
| a.button.button-contact | |
| { | |
| color: rgb(137, 137, 137) !important; | |
| } | |
| .col-main | |
| { | |
| color: #898989; | |
| } | |
| .input-line | |
| { | |
| background-color: transparent !important; | |
| } | |
| .message-in .btn-context | |
| { | |
| background-color: rgba(41, 41, 41, 0.13); | |
| } | |
| .message-out .btn-context | |
| { | |
| background-color: rgba(41, 41, 41, 0.13); | |
| } | |
| .message .btn-context | |
| { | |
| height: 18px; | |
| } | |
| .three .pane-chat-header | |
| { | |
| border-left: 1px solid #2d2d2d; | |
| } | |
| .pane-chat-header | |
| { | |
| border-left: 1px solid #2d2d2d; | |
| } | |
| .pane-chat-body | |
| { | |
| background-color: #1b1b1b !important; | |
| border-left: 1px solid #323232; | |
| } | |
| .pane-intro | |
| { | |
| border-left: 1px solid #323232; | |
| } | |
| .pane-chat-footer | |
| { | |
| border-left: 1px solid #323232; | |
| } | |
| .three .pane-chat-header | |
| { | |
| border-right: 1px solid #2d2d2d; | |
| } | |
| .three .pane-chat-footer | |
| { | |
| border-right: 1px solid #323232; | |
| } | |
| .three .pane-chat-body | |
| { | |
| box-shadow: inset -1px 0 0 #323232; | |
| } | |
| .message-out .btn-context:after | |
| { | |
| background: -webkit-linear-gradient(left, transparent, rgba(41, 41, 41, 0.13)); | |
| background: linear-gradient(to right, transparent, rgba(75, 75, 75, 0.13)); | |
| } | |
| .message-in .btn-context:after | |
| { | |
| background: -webkit-linear-gradient(left, transparent, rgba(41, 41, 41, 0.13)); | |
| background: linear-gradient(to right, transparent, rgba(75, 75, 75, 0.13)); | |
| } | |
| .message .btn-context:after | |
| { | |
| height: 18px; | |
| } | |
| .pane-chat-tile-container | |
| { | |
| background: transparent!important; | |
| } | |
| .pane-chat-tile | |
| { | |
| background-image: url(data:)!important; | |
| } | |
| .app-wrapper::after | |
| { | |
| background-color: #2d2d2d !important; | |
| opacity: 0.72; | |
| } | |
| .round:after | |
| { | |
| background: url(data:) center center no-repeat !important; | |
| } | |
| .popup .text-tip a, | |
| .popup .text-tip | |
| { | |
| color: #898989 !important; | |
| } | |
| .drawer-header-small | |
| { | |
| background-color: #2d2d2d !important; | |
| } | |
| .drawer-blocked .list-action | |
| { | |
| background-color: #323232 !important; | |
| color: #898989; | |
| } | |
| .list-action | |
| { | |
| border-bottom: 1px solid #323232; | |
| } | |
| .bubble-attach .preview-vcard.no-image, | |
| .icon-broadcast-default, | |
| .icon-group-default, | |
| .icon-user-default, | |
| .icon-user-default-square | |
| { | |
| background-image: url(http://tbs-gaming.de/design/wa-web/dark/dark-avatar.svg); | |
| } | |
| .drawer-header-popup | |
| { | |
| background-color: #2d2d2d; | |
| } | |
| .drawer | |
| { | |
| background-color: #2d2d2d; | |
| } | |
| .drawer .menu-tabs-lists | |
| { | |
| background-color: #2d2d2d; | |
| } | |
| .menu-tabs-lists:before | |
| { | |
| background-color: #60e86f; | |
| } | |
| .drawer .menu-tabs-lists .menu-item | |
| { | |
| color: #898989; | |
| } | |
| .drawer .menu-tabs-lists .menu-item.active | |
| { | |
| color: #898989; | |
| } | |
| .menu-tabs-marker | |
| { | |
| background-color: #60e86f; | |
| } | |
| .chatlist .is-unread .chat-title, | |
| .chatlist .is-unread .header-title, | |
| .chatlist .is-unread .location-main, | |
| .chatlist .unread .chat-title, | |
| .chatlist .unread .header-title, | |
| .chatlist .unread .location-main | |
| { | |
| color: #ffffff !important; | |
| } | |
| .drawer-header-offset | |
| { | |
| background-color: #2d2d2d !important; | |
| } | |
| .context.context-out | |
| { | |
| background: rgba(220, 248, 198, 0); | |
| } | |
| .context.context-in | |
| { | |
| background: rgba(220, 248, 198, 0); | |
| } | |
| .rAUz7 svg, | |
| ._2SbJ1 svg, | |
| .icon, | |
| .icon-s, | |
| .icon-l, | |
| .context-icon, | |
| .icon-status-check, | |
| .icon-msg-check, | |
| .menu-tabs > .menu-item, | |
| .menu-horizontal-item, | |
| ._2pQE3, | |
| .ZR5SB svg, | |
| ._15G96 svg, | |
| span[data-icon$=status-dblcheck] svg, | |
| span[data-icon$=status-check] svg, | |
| span[data-icon$=status-time] svg, | |
| span[data-icon$=emoji-gifs] svg, | |
| span[data-icon$=smiley] svg, | |
| span[data-icon$=hide] svg, | |
| span[data-icon$=x] svg, | |
| .wTdDG svg, | |
| ._3GaI4 svg, | |
| span[data-icon$=gif] svg, | |
| html[dir] ._28ZV1 svg, | |
| span[data-icon$=x-alt-small] svg, | |
| span[data-icon$=send] svg | |
| { | |
| -webkit-filter: invert(1) !important; | |
| filter: invert(1) !important; | |
| } | |
| .icon-msg-dblcheck-ack, | |
| .icon-status-dblcheck-ack, | |
| .icon-msg-time, | |
| .icon-emoji-gifs | |
| /*, .media-panel-tools>div>span,.media-panel-tools>div>a,.media-panel-tools>div>button*/ | |
| { | |
| -webkit-filter: invert(0) !important; | |
| filter: invert(0) !important; | |
| } | |
| .drawer-section.well-simple-body, | |
| .media-collection, | |
| .gif-search-gif-wrapper, | |
| .well-simple, | |
| .well | |
| { | |
| background-color: #222; | |
| } | |
| .icon.icon-back-light, | |
| .icon-broadcast-light, | |
| .icon-camera-light, | |
| .icon-checkmark-light, | |
| .icon-checkmark-light-l, | |
| .icon-connection-l-light, | |
| .icon-forward-light, | |
| .icon-gps-light, | |
| .icon-msg-audio-light, | |
| .icon-msg-check-light, | |
| .icon-msg-dblcheck-ack-light, | |
| .icon-msg-dblcheck-light, | |
| .icon-msg-time-light, | |
| .icon-msg-video-light, | |
| .icon-refresh-l-light, | |
| .icon-refresh-light, | |
| .icon-search-light, | |
| .icon-send-light, | |
| .icon-star-light, | |
| .icon-x-alt-light, | |
| .icon-x-light, | |
| .icon-search-morph | |
| { | |
| -webkit-filter: none !important; | |
| filter: none !important; | |
| } | |
| .gif-search-container, | |
| .message-list | |
| { | |
| background-color: #1b1b1b !important; | |
| } | |
| header.pane-header | |
| { | |
| background-color: #4c4c4c !important; | |
| } | |
| .drawer-header-small | |
| { | |
| background-color: #4c4c4c !important; | |
| } | |
| .message-in .document-body, | |
| .media-thumb, | |
| .media-thumb > .btn-fill, | |
| .link-preview-container, | |
| .avatar-picker-controls, | |
| .message-system-body, | |
| .media-content .btn-round, | |
| .btn-more, | |
| .incoming-msgs, | |
| .butterbar | |
| { | |
| background-color: #696969 !important; | |
| } | |
| .media-thumb > .btn-fill | |
| { | |
| color: lightgray; | |
| } | |
| .title, | |
| .invalid-media, | |
| .chat-time-title, | |
| .textfield-static, | |
| .button-contact, | |
| .message-system-body, | |
| .butterbar-text, | |
| .butterbar-title | |
| { | |
| color: lightgray !important; | |
| } | |
| .label-text | |
| { | |
| color: gray !important; | |
| } | |
| .media-content .media-caption | |
| { | |
| color: white; | |
| } | |
| .app-wrapper | |
| { | |
| background-color: black !important; | |
| } | |
| .pane-intro | |
| { | |
| background-color: #1b1b1b !important; | |
| } | |
| .pane-chat-empty, | |
| ._9tCEa | |
| { | |
| background-color: #1b1b1b !important; | |
| } | |
| .more | |
| { | |
| background-color: #1b1b1b !important; | |
| } | |
| .icon-msg-dblcheck-ack | |
| { | |
| color: #000; | |
| -webkit-filter: invert(0) brightness(0.8); | |
| filter: invert(0) brightness(0.8); | |
| } | |
| #startup | |
| { | |
| background-color: black !important; | |
| } | |
| .block-compose | |
| { | |
| background-color: #323232; | |
| } | |
| .message-out>div>.tail-container | |
| { | |
| background-image: url("http://i.imgur.com/9dRZY3o.png") !important; | |
| } | |
| .message-in>div>.tail-container | |
| { | |
| background-image: url("http://i.imgur.com/ZWUktRI.png") !important; | |
| } | |
| .multi-controls | |
| { | |
| transform: translateY(0px); | |
| background-color: #323232; | |
| color: #989898; | |
| } | |
| .chatlist-panel-body | |
| { | |
| background-color: transparent; | |
| } | |
| ::-webkit-scrollbar | |
| { | |
| width: 8px; | |
| height: 8px; | |
| } | |
| ::-webkit-scrollbar-button | |
| { | |
| width: 0px; | |
| height: 0px; | |
| } | |
| ::-webkit-scrollbar-thumb | |
| { | |
| background: #535353; | |
| border: 0px none #ffffff; | |
| border-radius: 50px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover | |
| { | |
| background: #8c8c8c; | |
| } | |
| ::-webkit-scrollbar-thumb:active | |
| { | |
| background: #878787; | |
| } | |
| ::-webkit-scrollbar-track | |
| { | |
| background: #666666; | |
| border: 0px none #ffffff; | |
| border-radius: 50px; | |
| } | |
| ::-webkit-scrollbar-track:hover | |
| { | |
| background: #666666; | |
| } | |
| ::-webkit-scrollbar-track:active | |
| { | |
| background: #333333; | |
| } | |
| ::-webkit-scrollbar-corner | |
| { | |
| background: transparent; | |
| } | |
| .app-wrapper-web .app | |
| { | |
| width: 100%; | |
| height: 100%; | |
| margin: 0 auto; | |
| top: 0px; | |
| border-radius: 3px; | |
| } | |
| .msg-unread | |
| { | |
| background-color: rgba(85,85,85,0.25); | |
| } | |
| .msg-unread-body | |
| { | |
| color: #fff; | |
| background-color: #4d4d4d; | |
| } | |
| .intro | |
| { | |
| background-color: transparent; | |
| } | |
| .message-text strong, | |
| .media-caption strong | |
| { | |
| color: #fff; | |
| } | |
| .compose-popup-panel, | |
| .btn-background | |
| { | |
| background-color: #2d2d2d; | |
| } | |
| .chatlist-panel-search, | |
| input | |
| { | |
| background-color: transparent!important; | |
| } | |
| .pane-chat-header-subtitle | |
| { | |
| color: rgba(245, 245, 245, 0.6); | |
| } | |
| .message-system | |
| { | |
| background-color: #666; | |
| } | |
| .chat-meta | |
| { | |
| color: rgba(232, 231, 231, 0.4); | |
| } | |
| .chatlist .chat-body, .chatlist .header-body | |
| { | |
| border: 0px; | |
| } | |
| .section-header | |
| { | |
| background-color: transparent; | |
| } | |
| .list-search .input-search | |
| { | |
| color: #fff; | |
| } | |
| .chatlist .chat:hover:after, .chatlist .chat.hover:after, .chatlist .chat.active:after, .chatlist .chat.active:after | |
| { | |
| border-top-color: #505050; | |
| } | |
| .message-text, .media-caption, .document-body, .dropdown-item-action | |
| { | |
| color: #d3d3d3; | |
| } | |
| .dropdown-item-hover .dropdown-item-action | |
| { | |
| color: #333; | |
| } | |
| .message-system | |
| { | |
| color: rgba(255, 255, 255, 0.95); | |
| text-shadow: none; | |
| } | |
| .list-action | |
| { | |
| background-color: #222; | |
| } | |
| .list-action:hover | |
| { | |
| background-color: #2c2c2c; | |
| } | |
| .drawer-section.well, .well, .well-simple, .well-chat, .multi-vcard-dialog-contact | |
| { | |
| background-color: #222; | |
| } | |
| .audio-duration | |
| { | |
| color: rgba(245, 245, 245, 0.6); | |
| } | |
| .chat-subtitle.chat-subtitle-header | |
| { | |
| color: rgba(245, 245, 245, 0.8); | |
| } | |
| .chatlist-panel .chatlist-panel-body | |
| { | |
| background-color: transparent; | |
| } | |
| .Gd51Q._3sgkv | |
| { | |
| color: inherit; | |
| } | |
| html[dir=ltr] ._1i1U7.jZ4tp | |
| { | |
| background: transparent!important; | |
| } | |
| html[dir=rtl] ._1i1U7.jZ4tp | |
| { | |
| background: transparent!important; | |
| } | |
| html[dir=ltr] ._1i1U7._2DNgV | |
| { | |
| background: transparent!important; | |
| } | |
| html[dir=rtl] ._1i1U7._2DNgV | |
| { | |
| background: transparent!important; | |
| } | |
| html[dir] ._3kN0h, | |
| .header-close svg, | |
| .menu-icons-item, | |
| .btn-ptt, | |
| .compose-btn-emoji, | |
| .audio-button, | |
| ._2Fofa svg, | |
| ._3PiNI svg, | |
| ._3X4do:last-child svg, | |
| html[dir] ._1aTxu svg | |
| { | |
| -webkit-filter: invert(1) !important; | |
| filter: invert(1) !important; | |
| } | |
| html[dir] .L89LI | |
| { | |
| background-color: #666; | |
| color: #fff; | |
| } | |
| .header-title, | |
| .emoji-input.emoji-input-text-large .emoji-input-body | |
| { | |
| color: #c6c6c6 !important; | |
| } | |
| .pane-chat-header:after | |
| { | |
| z-index: -1; | |
| } | |
| html[dir] ._1mq8g | |
| { | |
| background-color: transparent; | |
| border-top: 0px; | |
| } | |
| .mentions-positioning-container | |
| { | |
| color: #333; | |
| } | |
| html[dir] ._3qlW9, | |
| html[dir] ._1CkkN, | |
| html[dir] ._1AKfk, | |
| .drawer-chat-search .chatlist-panel-body, | |
| html[dir] ._2uLFU, | |
| html[dir] ._1ArIP, | |
| html[dir] ._1CRb5 | |
| { | |
| background-color: #222222; | |
| } | |
| .chat-body, .header-body | |
| { | |
| border-top: 0px; | |
| } | |
| .chat:hover:after, .chat.hover:after, .chat.active:after, .chat.active:after | |
| { | |
| border-top-color: #666; | |
| } | |
| .iYPsH, | |
| ._3LL06, | |
| ._1DZAH, | |
| .DYGf2, | |
| html[dir=ltr] ._2dGjP | |
| { | |
| color: #c2c2c2; | |
| } | |
| html[dir=ltr] ._28zBA._14ou2 | |
| { | |
| background-color: #333; | |
| } | |
| html[dir] ._2MSJr | |
| { | |
| background-color: #333; | |
| border-color: #666; | |
| } | |
| html[dir] ._1CkkN:hover | |
| { | |
| background-color: #3c3c3c; | |
| } | |
| html[dir] ._2iSIf | |
| { | |
| background-color: #09d261; | |
| color: black; | |
| } | |
| .bubble-text | |
| { | |
| color: #ccc; | |
| } | |
| .input-emoji-search | |
| { | |
| color: #666!important; | |
| } | |
| html[dir=ltr] ._2Cju4.jZ4tp | |
| { | |
| background: none; | |
| } | |
| .Bmrty | |
| { | |
| color: rgba(255, 255, 255, 0.6); | |
| } | |
| .message, .media-caption | |
| { | |
| font-size: 12px; | |
| color: #ccc; | |
| } | |
| html[dir] .gQzdc._3sdhb | |
| { | |
| background-color: #3d3d3d; | |
| } | |
| html[dir] .gQzdc._3sdhb input | |
| { | |
| color: #ccc; | |
| } | |
| .message strong, .media-caption strong | |
| { | |
| color: #ccc; | |
| } | |
| html[dir] .FstZn | |
| { | |
| color: #cecece; | |
| } | |
| html[dir] ._2EXPL, | |
| html[dir] ._1NrpZ | |
| { | |
| background-color: #2c2c2c; | |
| color: #cecece; | |
| } | |
| html[dir] ._3CPl4 | |
| { | |
| background-color: #2c2c2c!important; | |
| color: #cecece; | |
| } | |
| html[dir] ._3auIg, | |
| html[dir] ._3AwwN | |
| { | |
| background-color: #3e3e3e; | |
| color: #cecece; | |
| } | |
| html[dir] ._3oju3 | |
| { | |
| background-color: #2c2c2c; | |
| } | |
| html[dir] ._2EXPL._1f1zm | |
| { | |
| background-color: #3f3f3f; | |
| } | |
| html[dir] ._2bXVy | |
| { | |
| background-color: #1f1f1f!important; | |
| } | |
| html[dir] ._2EXPL._1f1zm:after, | |
| html[dir] ._2EXPL:hover ._3j7s9, | |
| html[dir] ._2EXPL._3df_h ._3j7s9 | |
| { | |
| border-top-color: #666; | |
| } | |
| html[dir] ._2EXPL:hover:after, | |
| html[dir] ._2EXPL._3df_h:after, | |
| html[dir] ._2EXPL._1f1zm:after | |
| { | |
| border-top: 1px solid #666; | |
| } | |
| html[dir] ._2EXPL:hover | |
| { | |
| background-color: #3e3e3e; | |
| } | |
| body | |
| { | |
| font-size: 12px; | |
| } | |
| ._2EXPL._1f1zm ._1AwDx, | |
| ._25Ooe, | |
| ._1AwDx, | |
| ._2zCDG, | |
| .CxUIE ._3Bxar | |
| { | |
| color: #cecece; | |
| font-size: 14px; | |
| } | |
| html[dir] ._1GX8_, | |
| html[dir] ._2jVLL | |
| { | |
| background-color: transparent; | |
| } | |
| html[dir] ._3j7s9 | |
| { | |
| border-top: transparent; | |
| } | |
| ._3Bxar, | |
| ._7HWvs | |
| { | |
| color: #cecece; | |
| font-size: 14px; | |
| } | |
| ._3NFp9, | |
| ._1bX-5 | |
| { | |
| font-size: 12px; | |
| } | |
| ._2EXPL.CxUIE ._1AwDx, | |
| .CxUIE ._25Ooe | |
| { | |
| color: #fff; | |
| } | |
| html[dir] ._2EYZY, | |
| html[dir] ._1qdni, | |
| html[dir] ._3ETD3, | |
| html[dir] ._1CnF3 | |
| { | |
| background-color: #2e2e2e; | |
| } | |
| html[dir] .R0lQ6 | |
| { | |
| background-color: #3e3e3e; | |
| } | |
| html[dir] .mnt6B, | |
| html[dir] ._3XpR2 | |
| { | |
| background-color: #222; | |
| } | |
| .Gz6Af | |
| { | |
| color: #cecece; | |
| } | |
| html[dir] ._2-ptl ._27BA_, | |
| html[dir] ._3WvAg ._27BA_ | |
| { | |
| background-color: rgba(0,0,0,0.2); | |
| } | |
| html[dir=ltr] ._1fkhx | |
| { | |
| border-left: 1px solid #666; | |
| } | |
| html[dir] ._3gUiM | |
| { | |
| background-color: rgba(0, 0, 0, 0.70); | |
| } | |
| ._228tA | |
| { | |
| overflow: hidden; | |
| } | |
| html[dir] ._1drQ-, | |
| html[dir] ._1dGTK, | |
| html[dir] .r3Nu1 | |
| { | |
| background-color: #2e2e2e; | |
| } | |
| html[dir] .wDFKR | |
| { | |
| background-color: #444746; | |
| } | |
| ._3_7SH, | |
| ._3_7SH strong | |
| { | |
| color: #d2d2d2; | |
| font-size: 12px; | |
| } | |
| .message-out .tail-container.highlight, | |
| .message-out .tail-container, | |
| html[dir] .tail-container, | |
| html[dir] .tail-container.highlight | |
| { | |
| display: none; | |
| } | |
| html[dir] ._2bXVy | |
| { | |
| border-color: #323232!important; | |
| } | |
| html[dir] .Zq3Mc | |
| { | |
| background-color: rgba(50, 50, 50, 0.92); | |
| box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13); | |
| text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); | |
| } | |
| html[dir] ._2fq0t | |
| { | |
| background-color: #3e3e3e; | |
| } | |
| html[dir] ._1CSx9 | |
| { | |
| background-color: #1e1e1e; | |
| } | |
| ._1CSx9 .Ghmsz | |
| { | |
| color: #fefefe; | |
| } | |
| html[dir] ._14oqx + ._14oqx .DcItJ | |
| { | |
| border-top: 1px solid #3e3e3e; | |
| } | |
| .two .k1feT | |
| { | |
| -webkit-flex: 0 0 25%!important; | |
| flex: 0 0 25%!important; | |
| } | |
| .two ._1Iexl | |
| { | |
| -webkit-flex: 0 0 75%!important; | |
| flex: 0 0 75%!important; | |
| } | |
| ._3cMIj | |
| { | |
| color: #fff; | |
| } | |
| .Y9G3K | |
| { | |
| color: rgba(255, 255, 255, 0.6); | |
| } | |
| html[dir] .IKxkY ._12xX7 | |
| { | |
| background-color: #383838; | |
| } | |
| html[dir] ._3AwwN:after | |
| { | |
| background-color: rgba(33, 33, 33, 0.14); | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.08); | |
| } | |
| html[dir] ._3gUiM._6vIwv | |
| { | |
| background-color: #1e1e1e; | |
| } | |
| html[dir] .BDk0G, | |
| html[dir] ._212mA.j5Hcb | |
| { | |
| background-color: #383838; | |
| } | |
| ._3zVOv | |
| { | |
| color: #dedede; | |
| } | |
| ._3QqKs | |
| { | |
| color: rgba(255, 255, 255, 0.6); | |
| } | |
| html[dir] ._28ZV1 | |
| { | |
| background-color: #2c2c2c; | |
| } | |
| html[dir] ._1sGGp._2nFG1 | |
| { | |
| background-color: #333; | |
| } | |
| ._16y6t | |
| { | |
| -webkit-flex: none; | |
| flex: none; | |
| font-size: 12px; | |
| color: rgba(255, 255, 255, 0.8); | |
| } | |
| html[dir] ._2lwig._2nFG1 | |
| { | |
| background-color: #383838; | |
| } | |
| html[dir] ._3nuGo | |
| { | |
| background-color: #262626; | |
| } | |
| html[dir] ._1ypOz | |
| { | |
| background-color: #333; | |
| } | |
| ._1ypOz | |
| { | |
| color: #fff; | |
| font-weight: bold; | |
| } | |
| html[dir] ._3v_lq.j5Hcb | |
| { | |
| background-color: #3e3e3e; | |
| } | |
| html[dir] .Uukb4 | |
| { | |
| background-color: #2c2c2c; | |
| } | |
| html[dir=ltr] .Uukb4 | |
| { | |
| border-left: 0px solid black; | |
| } | |
| html[dir=ltr] ._2Cju4._2DNgV | |
| { | |
| background: none; | |
| } | |
| html[dir] ._16pld, | |
| html[dir] ._17b-C | |
| { | |
| background: #2e2e2e; | |
| } | |
| html[dir] .Sbkt2, | |
| html[dir] .QQnvT | |
| { | |
| background: #3e3e3e; | |
| } | |
| input | |
| { | |
| color: #cecece; | |
| } | |
| html[dir] ._2rR_l | |
| { | |
| background: #3e3e3e; | |
| } | |
| html[dir] ._2vjPO | |
| { | |
| background: #303030!important; | |
| } | |
| html[dir] ._2ByZq | |
| { | |
| background: transparent; | |
| } | |
| html[dir] ._1iopp, | |
| html[dir] .YAPQk | |
| { | |
| background: #3e3e3e!important; | |
| } | |
| html[dir] ._2EXPL._13iu_ | |
| { | |
| background: #404040; | |
| } | |
| html[dir] ._2EXPL._13iu_:hover | |
| { | |
| background: #515151; | |
| } | |
| ._2EXPL._13iu_ ._25Ooe | |
| { | |
| color: #e3e3e3; | |
| } | |
| ._2rXhY | |
| { | |
| color: rgba(255, 255, 255, 0.5); | |
| } | |
| ._3gkvk | |
| { | |
| color: #d9d9d9; | |
| } | |
| html[dir=ltr] ._1JbDr | |
| { | |
| border-left: 0; | |
| } | |
| html[dir] .YbzIC, | |
| html[dir] ._3tlsa | |
| { | |
| background-color: transparent; | |
| } | |
| html[dir] ._3pkkz | |
| { | |
| background-color: #323232; | |
| } | |
| html[dir] ._1Plpp | |
| { | |
| background-color: #202020; | |
| border-color: #4b4b4b; | |
| border-radius: 8px; | |
| } | |
| html[dir] ._1XwnX | |
| { | |
| background-color: #3e3e3e; | |
| } | |
| html[dir] ._3_R6X | |
| { | |
| background-color: rgba(0,0,0,0.8); | |
| } | |
| html[dir] ._3Qh77 | |
| { | |
| border-top: solid 1px #202020; | |
| } | |
| ._3ataZ | |
| { | |
| color: #a8adaf; | |
| } | |
| html[dir] ._3kAJH, | |
| html[dir] .rstyJ, | |
| html[dir] ._3SX5f | |
| { | |
| background-color: #323232; | |
| } | |
| html[dir] ._1VeYA ._3PmkG, | |
| html[dir] .C534L ._3PmkG, | |
| html[dir] ._1qYlt._1vWM8 | |
| { | |
| background-color: rgba(0, 0, 0, 0.2); | |
| } | |
| html[dir] ._3o_Eb, | |
| html[dir] ._1qUma, | |
| html[dir] ._2HBs4 | |
| { | |
| background-color: transparent; | |
| } | |
| ._1vDUw | |
| { | |
| background-color: #2e2e2e; | |
| } | |
| ._15aTv | |
| { | |
| color: inherit; | |
| } | |
| html[dir] .message-in ._3JaNE ._2R8MP, html[dir] .message-in ._3JaNE ._2Ll5c | |
| { | |
| background-color: transparent; | |
| } | |
| html[dir=ltr] ._3Ye_R | |
| { | |
| color: inherit!important; | |
| } | |
| @media screen and (max-width: 1024px) | |
| { | |
| html[dir=ltr] ._3AwwN | |
| { | |
| border-left: none; | |
| } | |
| } | |
| @media screen and (max-width: 1300px) and (min-width: 1025px) | |
| { | |
| html[dir=ltr] ._3AwwN | |
| { | |
| border-left: none; | |
| } | |
| } | |
| `); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment