Created
March 13, 2018 20:53
-
-
Save AvgZing/bb4fbfd201aae10747c611f6208c78aa 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
| /* | |
| MAIN VARS | |
| Change these to modify dark matter's colors. | |
| */ | |
| :root { | |
| --main-color: #25ACE8; | |
| --main-color-faded: rgba(37,172,232,0.2); | |
| --accent-color: #1D6586; | |
| --dark-color: #161921; | |
| /* Modal Background Color / Opacity */ | |
| --short-gradient: linear-gradient(45deg, rgba(29,101,134,0.5), rgba(37,172,232,0.5)); | |
| --short-gradient-faded: linear-gradient(45deg, rgba(29,101,134,0.1), rgba(37,172,232,0.1)); | |
| } | |
| /* | |
| _ _ _ | |
| __ _ _ __ _ __ | |__ __ _ ___| | ____ _ _ __ ___ _ _ _ __ __| | | |
| / _` | '_ \| '_ \ | '_ \ / _` |/ __| |/ / _` | '__/ _ \| | | | '_ \ / _` | | |
| | (_| | |_) | |_) | | |_) | (_| | (__| < (_| | | | (_) | |_| | | | | (_| | | |
| \__,_| .__/| .__/ |_.__/ \__,_|\___|_|\_\__, |_| \___/ \__,_|_| |_|\__,_| | |
| |_| |_| |___/ | |
| */ | |
| /* Main background and settings background */ | |
| .app, | |
| .callout-backdrop { | |
| background: url(http://cdn.playbuzz.com/cdn/d7b6130c-5ab3-4437-8f9d-c6b3bdde9410/5a4ac997-819f-4d94-b72e-6dfa7d2c6ff5.png) !important; | |
| background-size: cover !important; | |
| } | |
| /* | |
| _ _ | |
| ___ ___ _ __ ___ ___| | ___ _ __ ___ ___ _ __ | |_ ___ | |
| / __/ _ \| '__/ _ \ / _ \ |/ _ \ '_ ` _ \ / _ \ '_ \| __/ __| | |
| | (_| (_) | | | __/ | __/ | __/ | | | | | __/ | | | |_\__ \ | |
| \___\___/|_| \___| \___|_|\___|_| |_| |_|\___|_| |_|\__|___/ | |
| */ | |
| div>*:not(code) { | |
| font-family: 'Karla',Whitney,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif !important; | |
| } | |
| textarea { | |
| background: transparent !important; | |
| } | |
| .scroller-wrap .scroller::-webkit-scrollbar-thumb { | |
| border: 3px solid rgba(255,255,255,0) !important; | |
| background-color: var(--accent-color) !important; | |
| } | |
| .scroller-wrap .scroller::-webkit-scrollbar-track-piece { | |
| border: 3px solid rgba(255,255,255,0) !important; | |
| background-color: rgba(0,0,0,0.3) !important; | |
| } | |
| /* | |
| _ _ _ | |
| | |__ (_) __| | ___ | |
| | '_ \| |/ _` |/ _ \ | |
| | | | | | (_| | __/ | |
| |_| |_|_|\__,_|\___| | |
| */ | |
| .links, | |
| .help-container { | |
| display: none; | |
| } | |
| .layers, | |
| .container-RYiLUQ, | |
| .container-2OU7Cz, | |
| .theme-dark .layer-kosS71, | |
| .theme-dark .layers-20RVFW, | |
| .theme-dark .chat form { | |
| background: transparent !important; | |
| } | |
| /* | |
| _ _ _ _ | |
| _ __ ___ __ _(_)_ __ | |__ __ _ ___| | ____ _ _ __ ___ _ _ _ __ __| |___ | |
| | '_ ` _ \ / _` | | '_ \ | '_ \ / _` |/ __| |/ / _` | '__/ _ \| | | | '_ \ / _` / __| | |
| | | | | | | (_| | | | | | | |_) | (_| | (__| < (_| | | | (_) | |_| | | | | (_| \__ \ | |
| |_| |_| |_|\__,_|_|_| |_| |_.__/ \__,_|\___|_|\_\__, |_| \___/ \__,_|_| |_|\__,_|___/ | |
| |___/ | |
| */ | |
| .links, | |
| .chat, | |
| .typing-3eiiL_, | |
| .content, | |
| .guild-channels, | |
| .private-channels, | |
| .guild-header header, | |
| .divider-red span, | |
| .messages-wrapper, | |
| #rtc-connection, | |
| #voice-connection { | |
| background: transparent !important; | |
| } | |
| /* Server list area */ | |
| .guilds-wrapper { background:rgba(0,0,0,0.6) !important } | |
| /* Channels list area */ | |
| .channels-3g2vYe { font-size: 7px;background:rgba(0,0,0,0.7) } | |
| .name-2SL4ev { font-size: 10px;} | |
| .iconCollapsed-1INdMX, .iconDefault-xzclSQ, .nameCollapsed-3_ChMu, .nameDefault-Lnjrwm { font-size: 10px} | |
| /* Chat area */ | |
| .content .flex-spacer { background:rgba(0,0,0,0.8) } | |
| /* User list area */ | |
| .channel-members { background:rgba(0,0,0,0.9) !important } | |
| /* | |
| _ _ _ _ | |
| | |_ ___ ___ | | |_(_)_ __ ___ | |
| | __/ _ \ / _ \| | __| | '_ \/ __| | |
| | || (_) | (_) | | |_| | |_) \__ \ | |
| \__\___/ \___/|_|\__|_| .__/|___/ | |
| |_| | |
| */ | |
| .tooltip { | |
| background: var(--accent-color); | |
| color: #e0e0e0; | |
| } | |
| .tooltip.tooltip-right:after { | |
| border-right-color:var(--accent-color); | |
| } | |
| .tooltip.tooltip-top:after { | |
| border-top-color:var(--accent-color); | |
| } | |
| .tooltip.tooltip-bottom:after { | |
| border-bottom-color:var(--accent-color); | |
| } | |
| /* | |
| _ _ _ _ _ | |
| ___ ___ _ ____ _____ _ __ | (_)___| |_ ___ ___ ___| |_(_) ___ _ __ | |
| / __|/ _ \ '__\ \ / / _ \ '__| | | / __| __| / __|/ _ \/ __| __| |/ _ \| '_ \ | |
| \__ \ __/ | \ V / __/ | | | \__ \ |_ \__ \ __/ (__| |_| | (_) | | | | | |
| |___/\___|_| \_/ \___|_| |_|_|___/\__| |___/\___|\___|\__|_|\___/|_| |_| | |
| */ | |
| .typeMacOS-3IiWed { | |
| background: rgba(0,0,0,0.6); | |
| width: 71px; | |
| box-shadow: inset -10px 0px 20px -10px rgba(0,0,0,0.3); | |
| } | |
| .name-2SL4ev { | |
| font-size: 14px; | |
| } | |
| .icon-3tVJnl { | |
| width: 14px; | |
| height: 14px; | |
| } | |
| .unread-23Kvxk { | |
| background-color: var(--main-color); | |
| } | |
| .container-iksrDt { | |
| height: 75px; | |
| background: rgba(0,0,0,0.8); | |
| padding: 0 10px 0 15px; | |
| } | |
| .contentSelectedText-3j5CXt { | |
| background: rgba(0,0,0,0.8); | |
| } | |
| .contentSelectedText-3j5CXt:hover { | |
| background: rgba(0,0,0,0.8); | |
| } | |
| .contentHoveredText-2HYGIY, | |
| .contentHoveredVoice-3qGNKh:active, | |
| .contentSelectedVoice-gTtYM9:active { | |
| background: rgba(0,0,0,0.5); | |
| } | |
| .create-guild-container { | |
| background: none !important; | |
| } | |
| .create-guild-container .action { | |
| background: rgba(0,0,0,0.7); | |
| } | |
| .create-guild-container .create-or-join .actions .or { | |
| -webkit-filter: opacity(0.9) invert(); | |
| color: #000; | |
| } | |
| .create-guild-container .action.create .action-icon, | |
| .create-guild-container .action.join .action-icon { | |
| -webkit-filter:invert() hue-rotate(150deg); | |
| } | |
| .create-guild-container.deprecated .action { | |
| background: transparent !important; | |
| border: none !important; | |
| box-shadow: none !important; | |
| } | |
| .create-guild-container h5, | |
| .create-guild-container .action.create .action-header { | |
| color:var(--main-color); | |
| } | |
| .create-guild-container .action.create .btn-primary { | |
| background-color:var(--main-color) !important; | |
| } | |
| .create-guild-container .action.create:hover .btn-primary { | |
| background-color:var(--accent-color) !important; | |
| } | |
| .create-guild-container .form-actions .btn-default { | |
| background: rgba(255,255,255,0.1); | |
| border: 0; | |
| } | |
| .create-guild-container .create-guild .guild-form .region-select { | |
| background: rgba(255,255,255,0.1); | |
| } | |
| .create-guild-container .create-guild .guild-form .region-select button { | |
| color:#000; | |
| } | |
| .create-guild-container .create-guild .guild-form .region-select:hover button { | |
| background-color:var(--main-color); | |
| border-color:var(--main-color); | |
| color:#fff; | |
| } | |
| .create-guild-container .create-guild .guild-form .region-select:hover .region-select-inner { | |
| border-color:var(--main-color); | |
| } | |
| .create-guild-container .create-guild .guild-form .region-select-name { | |
| color:#fff; | |
| } | |
| .avatar-uploader .avatar-uploader-inner { | |
| background-color: var(--main-color); | |
| } | |
| .region-select-modal { | |
| background:rgba(0,0,0,0.8); | |
| } | |
| .region-select-modal .region-select-modal-header { | |
| color:var(--main-color); | |
| } | |
| .region-select-modal .region-select-modal-option { | |
| background:rgba(255,255,255,0.1); | |
| border:2px solid rgba(255,255,255,0.1); | |
| } | |
| .region-select-modal .region-select-modal-option:hover { | |
| border-color: var(--main-color); | |
| } | |
| .region-select-modal .region-select-modal-option .region-select-name { | |
| color:#fff; | |
| } | |
| .guild-header { | |
| background: rgba(0,0,0,0.1); | |
| border-bottom: 1px solid rgba(0,0,0,0); | |
| padding-left: 82px; | |
| margin-left: -80px; | |
| } | |
| .guilds-wrapper .guilds .guild:first-of-type { | |
| /*transform: scale(0.85);*/ | |
| margin-top: 1px; | |
| margin-left: -5px; | |
| border: 5px solid rgba(0,0,0,0); | |
| border-radius: 100% !important; | |
| transition: 200ms all ease-in-out; | |
| } | |
| .guilds-wrapper .guilds .guild:first-of-type:hover { | |
| border-radius: 100% !important; | |
| } | |
| .guilds-wrapper .guilds .guild.active { | |
| border-radius: 100% !important; | |
| } | |
| .guild-header-open ul { | |
| opacity:1 !important; | |
| } | |
| .guilds-add { | |
| opacity:0.5; | |
| font-size:22px !important; | |
| border: 1px dashed rgba(255,255,255,0.3) !important; | |
| margin-left: 0 !important; | |
| margin-top: 10px !important; | |
| } | |
| .platform-osx .guilds-wrapper { | |
| padding-top: 15px; | |
| } | |
| .guilds-wrapper { | |
| border-right:1px solid rgba(0,0,0,0.2); | |
| box-shadow:inset -10px 0px 20px -10px rgba(0,0,0,0.3); | |
| } | |
| .guilds-wrapper .guild-separator { | |
| margin-top:5px; | |
| margin-bottom:5px; | |
| margin-left:-5px; | |
| display:none; | |
| } | |
| .guilds-wrapper .guild-separator:after { | |
| background:transparent; | |
| } | |
| .guild-header header span { | |
| margin-left:-7px; | |
| } | |
| .guild-header header { | |
| box-shadow:none !important; | |
| color:#ddd; | |
| } | |
| .guild-channels header h2 { | |
| padding:0 18px; | |
| } | |
| .guild-channels .channel-text .channel-name, | |
| .guild-channels .channel-voice .channel-name { | |
| font-size:0.9em; | |
| } | |
| .guild-channels .channel-text a { | |
| padding:8px 6px 10px 18px; | |
| } | |
| .guild-channels header h2, | |
| .guild-channels .channel a { | |
| color: #fff; | |
| } | |
| .guilds-wrapper .guilds { | |
| padding: 18px 20px 85px 15px; | |
| } | |
| .guilds-add { | |
| font-size: 30px; | |
| background: #000; | |
| } | |
| .guilds-wrapper .guilds .friends-online { | |
| margin-top: 10px !important; | |
| } | |
| .guilds-wrapper .guilds .guild .guild-inner { | |
| background: #151515 !important; | |
| } | |
| .guilds-wrapper .guilds .guild.active:first-of-type .guild-inner { | |
| background: var(--main-color) !important; | |
| } | |
| .guilds-wrapper .guilds .guild .guild-inner a, | |
| .guilds-wrapper .guilds .guild, | |
| .guilds-wrapper .guilds .guild .avatar-small { | |
| width:40px; | |
| height:40px; | |
| } | |
| .guilds-wrapper .guilds .guild .avatar-small { | |
| width:40px; | |
| height:40px; | |
| background-size: 40px 40px; | |
| } | |
| .guilds-wrapper .guilds .guild .guild-inner { | |
| line-height:40px; | |
| } | |
| .guilds-wrapper .guilds .friends-icon { | |
| width:40px; | |
| height:40px; | |
| background-size:25px 19px; | |
| } | |
| .guilds-wrapper .guilds .friends-icon { | |
| background-color: rgba(0,0,0,0.3) !important; | |
| background-image: none !important; | |
| padding-top:0px; | |
| } | |
| .guilds-wrapper .guilds .friends-icon:after { | |
| display:block; | |
| width:40px; | |
| height:40px; | |
| content:''; | |
| background-image: url(https://raw.githubusercontent.com/TheRoyalBlock/Random-pics/master/zing.png?token=AYqAILzeuH5sWROaEgTCUr47PI9Hn68tks5ac4rrwA%3D%3D) !important; | |
| background-size:110%; | |
| background-repeat:no-repeat; | |
| background-position:top center; | |
| } | |
| .guilds-wrapper .guilds .guild.audio .guild-inner:after { | |
| background-size:12px; | |
| background-color:rgba(0,0,0,0.8); | |
| } | |
| .guilds-wrapper .guilds .guild:before, | |
| .guilds-wrapper .guilds .guild.unread:before, | |
| .guilds-wrapper .guilds .guild.selected:before { | |
| left:-19px; | |
| transition:0.2s ease-in-out all; | |
| } | |
| .guilds-wrapper .guilds .guild.unread:not(.selected):before, | |
| .guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before { | |
| background:var(--main-color); | |
| } | |
| .guilds-wrapper .guilds .guild.active .guild-inner:before { | |
| background:#fff !important; | |
| } | |
| .guilds-wrapper .guilds .friends-online { | |
| color: #ccc; | |
| font-size: 9px; | |
| margin: 15px 0 15px -7px; | |
| line-height: 20px; | |
| width: 55px; | |
| height: 20px; | |
| border-radius: 25px; | |
| overflow: hidden; | |
| background: rgba(0,0,0,0.3); | |
| } | |
| .guilds-wrapper .guilds-error { | |
| width:40px; | |
| height:40px; | |
| line-height:36px; | |
| } | |
| .guild-channels header h2, | |
| .private-channels header { | |
| opacity:.6; | |
| } | |
| .guild-channels .channel:hover { | |
| background:rgba(0,0,0,0.3) !important; | |
| } | |
| .private-channels { | |
| overflow: visible !important; | |
| } | |
| .private-channels .search-bar { | |
| background: rgba(0,0,0,0) !important; | |
| box-shadow: none !important; | |
| border-radius: 0 !important; | |
| border-bottom: 1px solid rgba(0,0,0,.1); | |
| } | |
| .private-channels .search-bar .search-bar-inner { | |
| background: rgba(0,0,0,1) !important; | |
| } | |
| .private-channels .search-bar input { | |
| background: rgba(0,0,0,0.8) !important; | |
| } | |
| .guild-channels .channel.selected, | |
| .private-channels .channel.selected a, | |
| .private-channels .search-result.selected, | |
| .private-channels .search-result:hover { | |
| background: rgba(0,0,0,0.6) !important; | |
| } | |
| .guild-channels ul .channel:not(.selected):hover, | |
| .private-channels .channel:not(.selected) a:hover, | |
| .private-channels .channel:not(.selected):hover a { | |
| background: rgba(0,0,0,0.3) !important; | |
| } | |
| .guild-channels .channel:not(.selected):before, | |
| .guild-channels .channel.selected:before, | |
| .guild-channels .channel.selected:hover:before, | |
| .private-channels .channel:not(.selected):before, | |
| .private-channels .channel.selected:before, | |
| .private-channels .channel.selected:hover:before, | |
| .private-channels .search-result.selected:before, | |
| .private-channels .search-result:hover:before { | |
| border-left: 2px solid var(--accent-color) !important; | |
| } | |
| .guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before { | |
| left:-8px; | |
| } | |
| /* | |
| _ _ _ _ | |
| ___| |__ __ _ _ __ _ __ ___| |___ ___ ___ ___| |_(_) ___ _ __ | |
| / __| '_ \ / _` | '_ \| '_ \ / _ \ / __| / __|/ _ \/ __| __| |/ _ \| '_ \ | |
| | (__| | | | (_| | | | | | | | __/ \__ \ \__ \ __/ (__| |_| | (_) | | | | | |
| \___|_| |_|\__,_|_| |_|_| |_|\___|_|___/ |___/\___|\___|\__|_|\___/|_| |_| | |
| */ | |
| .base-3AoPqv { | |
| border-radius: 0 !important; | |
| } | |
| .menu-3BZuDT { | |
| background: var(--dark-color); | |
| } | |
| .item-rK1j5B:hover { | |
| background: var(--accent-color); | |
| color: #fff; | |
| } | |
| .item-rK1j5B.invite-YM1l0n { | |
| color: var(--main-color); | |
| } | |
| .separator-1hpa3S { | |
| border-bottom: 1px solid rgba(255,255,255,0.1); | |
| } | |
| .iconCollapsed-1INdMX, .iconDefault-xzclSQ, .nameCollapsed-3_ChMu, .nameDefault-Lnjrwm { | |
| color: #fff; | |
| } | |
| .nameDefaultText-QoumjC, .nameDefaultVoice-1swZoh, .nameLockedText-2fGz07, .nameLockedVoice-wNOMNa { | |
| color: rgba(255, 255, 255, 0.35); | |
| } | |
| .containerDefault-1bbItS { | |
| padding-top: 15px; | |
| } | |
| .unread-2TDDFN { | |
| background-color: var(--main-color); | |
| } | |
| .unread-mentions-indicator-bottom .unread-mentions-bar, .unread-mentions-indicator-top .unread-mentions-bar { | |
| box-shadow: none !important; | |
| } | |
| .icon-2qNMWC { | |
| margin-left: 0; | |
| } | |
| .bar-Y-RLyN { | |
| width: 70%; | |
| margin: 0 auto; | |
| } | |
| .channel-notices .channel-notice.quickswitcher-notice { | |
| background-color: rgba(0,0,0,0.7); | |
| } | |
| .channel-notices .channel-notice .message .btn { | |
| border: none; | |
| background-color: var(--accent-color); | |
| transition: all 100ms ease-in-out; | |
| } | |
| .channel-notices .channel-notice .message .btn:hover { | |
| color: #000; | |
| font-weight: bold; | |
| background-color: var(--main-color); | |
| } | |
| .btn-hamburger { | |
| margin-right:-30px; | |
| } | |
| .btn-hamburger span { | |
| background:#fff; | |
| } | |
| .account { | |
| z-index:9; | |
| border-top:none !important; | |
| width:320px; | |
| margin-left:-80px; | |
| padding:0 15px !important; | |
| background:rgba(0,0,0,0.95); | |
| height:77px; | |
| box-sizing:border-box; | |
| } | |
| .account .status { | |
| border:2px solid rgba(0,0,0,1); | |
| } | |
| .account .btn { | |
| background:transparent;/*#000;*/ | |
| box-shadow:none !important; | |
| } | |
| .account .btn:active { | |
| background:#000; | |
| } | |
| .account .btn-settings:after { | |
| opacity:0.3; | |
| } | |
| .account .btn-deafen, | |
| .account .btn-mute { | |
| border-right:none;/*1px solid #101010;*/ | |
| } | |
| #rtc-connection, | |
| #voice-connection { | |
| z-index:9; | |
| border-top:none !important; | |
| /*width:285px; | |
| margin-left:-83px;*/ | |
| padding:15px 20px 15px 18px !important; | |
| } | |
| #rtc-connection .btn, | |
| #voice-connection .btn { | |
| background:#000; | |
| box-shadow:none !important; | |
| } | |
| .account .btn-deafen, .account .btn-settings { | |
| box-shadow:none !important; | |
| } | |
| .account .btn-group, | |
| #rtc-connection .btn-group, | |
| #voice-connection .btn-group { | |
| border:none; | |
| } | |
| .account .avatar-small { | |
| margin:0 0 0 10px; | |
| } | |
| .message-group .comment { | |
| background:transparent !important; | |
| border:none !important; | |
| } | |
| /* | |
| _ _ _ _ | |
| ___| |__ __ _| |_ ___ ___ ___| |_(_) ___ _ __ | |
| / __| '_ \ / _` | __| / __|/ _ \/ __| __| |/ _ \| '_ \ | |
| | (__| | | | (_| | |_ \__ \ __/ (__| |_| | (_) | | | | | |
| \___|_| |_|\__,_|\__| |___/\___|\___|\__|_|\___/|_| |_| | |
| */ | |
| .channel-text-area-default { | |
| margin: 10px 0 17px; | |
| } | |
| .inner-3if5cm { | |
| background: transparent !important; | |
| padding: 0 10px; | |
| } | |
| .search .search-bar { | |
| background-color: rgba(0, 0, 0, 0.55) !important; | |
| } | |
| .search-answer, | |
| .search-filter { | |
| background-color: var(--accent-color) !important; | |
| } | |
| .search-popout { | |
| background-color: var(--dark-color); | |
| /*position: absolute !important; | |
| top: 55px !important; | |
| right: 162px !important; | |
| left: auto !important;*/ | |
| } | |
| .search-popout .option:after { | |
| background: transparent; | |
| } | |
| .search-popout .option.selected { | |
| background-color: rgba(5, 5, 6, 0.9) !important; | |
| box-shadow: 0 0 5px rgba(0,0,0,0.8); | |
| } | |
| .search-popout .option.selected:after { | |
| background: transparent !important; | |
| } | |
| .search-results-wrap { | |
| background-color: rgba(0, 0, 0, 0.9) !important; | |
| } | |
| .search-results-wrap .search-header { | |
| background: transparent !important; | |
| } | |
| .search-results-wrap .channel-separator:before { | |
| border: none; | |
| } | |
| .search-results-wrap .channel-separator .channel-name { | |
| background-color: transparent !important; | |
| } | |
| .search-results-wrap .search-result:before { | |
| background: transparent !important; | |
| border-top: 1px solid rgba(0,0,0,0.3); | |
| } | |
| .search-results-wrap .search-result:after { | |
| background: transparent !important; | |
| } | |
| .search-results-wrap .search-result:not(.expanded) .search-result-message.hit, | |
| .search-results-wrap .search-result.expanded { | |
| border: 2px solid rgba(17, 21, 25, 0.6) !important; | |
| } | |
| .search-results-wrap .search-result .hit { | |
| background-color: rgba(0, 0, 0, 0.9) !important; | |
| box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.45) !important; | |
| } | |
| .theme-dark .search-results-wrap .action-buttons .jump-button { | |
| background-color: rgba(240, 240, 240, 0.07); | |
| } | |
| .search-popout .date-picker .date-picker-hint .hint-value { | |
| background: var(--main-color) !important; | |
| } | |
| .search-popout .date-picker .date-picker-hint { | |
| border-top: none !important; | |
| } | |
| .theme-dark .search-results-wrap .scroller-wrap .scroller::-webkit-scrollbar-track-piece { | |
| border:3px solid rgba(255,255,255,0) !important; | |
| background-color:rgba(0,0,0,0.3) !important; | |
| } | |
| .theme-dark .search-results-wrap .scroller-wrap .scroller::-webkit-scrollbar-thumb { | |
| border:3px solid rgba(255,255,255,0) !important; | |
| background-color:var(--accent-color) !important; | |
| } | |
| .search-popout .date-picker { | |
| border-top: none !important; | |
| } | |
| .react-datepicker { | |
| background-color: rgba(0,0,0,0.6) !important; | |
| color: rgba(255, 255, 255, 0.6) !important; | |
| } | |
| .react-datepicker .react-datepicker__header { | |
| background-color: transparent !important; | |
| } | |
| .react-datepicker .react-datepicker__day--disabled, | |
| .react-datepicker .react-datepicker__day--outside-month { | |
| background-color: rgba(255, 255, 255, 0.07) !important; | |
| color: rgba(167, 167, 167, 0.6) !important; | |
| } | |
| .react-datepicker .react-datepicker__day { | |
| color: #fff; | |
| border-top: 1px solid rgba(255, 255, 255, 0.15) !important; | |
| border-left: 1px solid rgba(255, 255, 255, 0.15) !important; | |
| } | |
| .react-datepicker .react-datepicker__month>.react-datepicker__week:last-of-type .react-datepicker__day { | |
| border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important; | |
| } | |
| .react-datepicker .react-datepicker__month .react-datepicker__week>.react-datepicker__day:last-of-type { | |
| border-right: 1px solid rgba(255, 255, 255, 0.15) !important; | |
| } | |
| .react-datepicker .react-datepicker__day.react-datepicker__day--today:after { | |
| background-color: var(--main-color) !important; | |
| } | |
| .react-datepicker .react-datepicker__day.react-datepicker__day--selected:hover, .react-datepicker .react-datepicker__day:hover { | |
| background-color: var(--main-color) !important; | |
| } | |
| .header-toolbar button span { | |
| background-size: 22px; | |
| } | |
| .header-toolbar button.popout-open { | |
| background:var(--main-color); | |
| } | |
| .channel-pins-wrap { | |
| background: rgba(0,0,0,0.9) !important; | |
| } | |
| .channel-pins-wrap .header, | |
| .channel-pins-wrap .footer { | |
| background-color: rgba(0,0,0,0.95) !important; | |
| box-shadow: none !important; | |
| } | |
| .channel-pins .message-group { | |
| background-color: rgba(0,0,0,0.7) !important; | |
| } | |
| .channel-pins .message-group:hover { | |
| box-shadow: 0 0 4px 5px rgba(37, 172, 232, 0.1); | |
| border-color: rgba(37, 172, 232, 0.47) !important; | |
| } | |
| .channel-pins .message-group .action-buttons { | |
| box-shadow: none !important; | |
| background: none !important; | |
| } | |
| .channel-pins .message-group .action-buttons .jump-button { | |
| background-color: rgba(255,255,255,0.15) !important; | |
| } | |
| .spinner-wandering-cubes .spinner-item { | |
| background-color:var(--main-color); | |
| width:15px; | |
| height:15px; | |
| border-radius:4px; | |
| } | |
| .chat .has-more button { | |
| color:var(--main-color) !important; | |
| background:rgba(255,255,255,0.1) !important; | |
| border:none !important; | |
| box-shadow:none !important; | |
| } | |
| .highlight { | |
| color:var(--main-color); | |
| } | |
| .emoji-picker { | |
| background:rgba(0,0,0,0.85) !important; | |
| } | |
| .emoji-picker .search-bar input { | |
| color:rgba(255,255,255,0.7); | |
| background:rgba(255,255,255,0.1); | |
| } | |
| .emoji-picker .search-bar-clear { | |
| background:rgba(0,0,0,0.7); | |
| } | |
| .emoji-picker .sticky-header, | |
| .emoji-picker .search-bar { | |
| background:rgba(0,0,0,0.95) !important; | |
| } | |
| .emoji-picker .categories .item.selected { | |
| border-bottom-color:var(--main-color); | |
| } | |
| .chat .title-qAcLxz { | |
| border-bottom: 1px solid rgba(0,0,0,0.3) !important; | |
| background: rgba(0,0,0,0.95) !important; | |
| box-shadow: none !important; | |
| } | |
| .header-1tSljs { | |
| border-bottom: 0px solid rgba(0,0,0,0.3) !important; | |
| background: rgba(0,0,0,0.15) !important; | |
| box-shadow: none !important; | |
| height: 49px !important; | |
| } | |
| .header-toolbar button.active { | |
| background-color:rgba(255,255,255,0.1); | |
| } | |
| .botTagRegular-288-ZL, | |
| .need-help-modal .header { | |
| background:var(--main-color); | |
| padding: 2px 3px; | |
| font-size: 9px; | |
| } | |
| .form header { | |
| color:var(--main-color); | |
| } | |
| .markdown-modal, | |
| .form .form-inner, | |
| .form .form-header, | |
| .form .form-actions, | |
| .need-help-modal .footer, | |
| .markdown-modal .markdown-modal-footer { | |
| background:rgba(0,0,0,0.85) !important; | |
| color: #fff; | |
| } | |
| .alert.form .form-inner .btn { | |
| padding: 0 !important; | |
| border: none !important; | |
| } | |
| .channel-notification-settings .content label, | |
| .notification-settings-modal .mute-server .checkbox .label span { | |
| color:#fff; | |
| } | |
| .notification-settings-modal .notification-settings-modal-channel-settings-list { | |
| box-shadow:none !important; | |
| } | |
| .markdown-modal .markdown-modal-header { | |
| color:#fff; | |
| } | |
| .form .form-header, | |
| .form .form-actions, | |
| .need-help-modal .footer, | |
| .channel-notification-settings, | |
| .markdown-modal .markdown-modal-header, | |
| .markdown-modal .markdown-modal-footer { | |
| border-color:rgba(255,255,255,0.2); | |
| } | |
| .modal-content { | |
| background: transparent !important; | |
| } | |
| .modal-content .user-name { | |
| color:#fff; | |
| } | |
| .modal-content .form-inner p { | |
| color:rgba(255,255,255,0.7); | |
| } | |
| .chat .new-messages-bar { | |
| background-color:rgba(29,101,134,.9); | |
| } | |
| .chat .new-messages-bar:hover { | |
| background-color:rgba(29,101,134,1); | |
| } | |
| .chat .new-messages-bar button:last-child { | |
| color:rgba(255,255,255,0.5); | |
| } | |
| .chat .empty-message { | |
| border: 0 !important; | |
| background: transparent !important; | |
| height: 40px; | |
| } | |
| .chat-empty { | |
| background:rgba(20,23,27,0.95); | |
| } | |
| .chat>.title-wrap>.title .channel-name { | |
| color:rgba(255,255,255,0.8); | |
| } | |
| .chat>.title-wrap>.topic { | |
| font-size:12px; | |
| margin-top:5px; | |
| color:#656565 !important; | |
| } | |
| .markdown-modal .highlight, | |
| .chat .title-wrap .topic .highlight { | |
| background-color:rgba(255,255,255,.1) !important; | |
| } | |
| .markdown-modal .highlight:hover, | |
| .chat .title-wrap .topic .highlight:hover { | |
| background-color:rgba(255,255,255,.2) !important; | |
| color:var(--main-color) !important; | |
| } | |
| .chat .divider { | |
| height:25px; | |
| background:none; | |
| } | |
| .chat .divider>div { | |
| display:none !important; | |
| } | |
| .chat .divider:not(.divider-red)>div { | |
| background:rgba(255,255,255,0.2) !important; | |
| } | |
| .chat .divider:before { | |
| background:rgba(255,255,255,0.06) !important; | |
| height:25px; | |
| border-radius: 3px; | |
| } | |
| .chat .divider.divider-red:before { | |
| background: rgba(240,71,71,.8) !important; | |
| } | |
| .chat .divider>span { | |
| background-color:transparent !important; | |
| font-size:12px; | |
| text-transform:uppercase; | |
| margin:10px 0px; | |
| border-radius: 0px; | |
| opacity: 1; | |
| padding: 8px 15px; | |
| line-height: 1px; | |
| width: 100%; | |
| text-align: center; | |
| } | |
| .chat .divider.divider-red>span { | |
| color: rgba(255,255,255,0.9) !important; | |
| } | |
| .chat .divider:not(.divider-red)>span { | |
| color:rgba(255,255,255,1) !important; | |
| } | |
| .chat .divider>div { | |
| display:none; | |
| } | |
| .chat form { | |
| border-top: none !important; | |
| } | |
| .messages .message-group:not(.has-divider) { | |
| border-bottom-color:hsla(0,0%,100%,.04) !important; | |
| } | |
| .messages .message-group { | |
| border-bottom: none !important; | |
| } | |
| .friends-table .messages .message-group .message-send-failed .markup, | |
| .friends-table .messages .message-group .message-send-failed .markup a, | |
| .messages .message-group .message-send-failed .markup, | |
| .messages .message-group .message-send-failed .markup a { | |
| color:rgba(240,71,71,0.5) !important; | |
| font-style:italic; | |
| } | |
| .mentioned .message-text { | |
| border-radius: 0 !important; | |
| background: rgba(37,172,232,0.2) !important; | |
| } | |
| .mentioned .message-text:after { | |
| border-radius: 0 !important; | |
| border-color:var(--main-color) !important; | |
| background:rgba(37,172,232,0.2) !important; | |
| } | |
| .mention { | |
| color: var(--main-color) !important; | |
| background-color: var(--main-color-faded) !important; | |
| padding: 3px 5px; | |
| border-radius: 5px; | |
| } | |
| .messages a { | |
| color:var(--main-color) !important; | |
| } | |
| .messages h2 .user-name { | |
| font-size:0.85em; | |
| color:rgba(255,255,255,0.8); | |
| } | |
| .messages h2 span { | |
| color:rgba(255,255,255,0.2) !important; | |
| } | |
| .messages h2 .bot-tag { | |
| color:rgba(255,255,255,0.8) !important; | |
| } | |
| .messages .markup { | |
| font-size:0.85em !important; | |
| line-height:1.4em !important; | |
| } | |
| .messages .markup:not([data-colour="true"]) { | |
| color:rgba(255,255,255,0.5) !important; | |
| } | |
| .markup pre { | |
| border-radius:0 !important; | |
| background:transparent !important; | |
| border-color:rgba(255,255,255,0.1) !important; | |
| } | |
| .markup pre code.hljs { | |
| background:rgba(255,255,255,0.1) !important; | |
| color:rgba(255,255,255,0.7) !important; | |
| padding:1em !important; | |
| } | |
| .modal-content .markup code.inline, | |
| .markup code.inline { | |
| background:rgba(255,255,255,0.1) !important; | |
| color:rgba(255,255,255,0.7) !important; | |
| padding:0.3em 0.6em !important; | |
| border-radius:3px !important; | |
| } | |
| .messages .markup .highlight { | |
| background-color:rgba(29,101,134,.5) !important; | |
| color:#ddd !important; | |
| padding: 1px 4px; | |
| border-radius: 0; | |
| } | |
| .messages .markup .highlight:hover { | |
| background-color:rgba(29,101,134,1) !important; | |
| color:#fff !important; | |
| } | |
| .messages .invite-button { | |
| background: rgba(255,255,255,0.07) !important; | |
| border-color: rgba(255,255,255,0.1) !important; | |
| } | |
| .emotewrapper img { | |
| position: relative; | |
| top: 7px; | |
| } | |
| .textArea-20yzAH { | |
| font-size: 0.85rem; | |
| } | |
| .channel-textarea-upload { | |
| border-right-color: hsla(0,0%,100%,.1) !important; | |
| } | |
| .channel-textarea-inner { | |
| border: 2px solid rgba(255,255,255,0.1) !important; | |
| background:rgba(0,0,0,0.6) !important; | |
| } | |
| .channel-textarea-autocomplete-inner { | |
| border:none !important; | |
| background:rgba(0,0,0,0.95) !important; | |
| } | |
| .channel-textarea-autocomplete-inner header { | |
| border:none !important; | |
| background: rgba(37,172,232,0.5) !important; | |
| color: rgba(255,255,255,0.9) !important; | |
| } | |
| .channel-textarea-autocomplete-inner ul li.active { | |
| background:rgba(255,255,255,0.1) !important; | |
| } | |
| .channel-textarea-guard button { | |
| background:var(--accent-color) !important; | |
| } | |
| .channel-textarea-guard button:hover { | |
| background:var(--main-color) !important; | |
| } | |
| .typing-3eiiL_ { | |
| font-size:11px; | |
| } | |
| .spoiler span {display:none;} | |
| .spoiler:before { | |
| min-height:18px; | |
| padding-top:2px; | |
| border-radius:5px; | |
| background:rgba(25,25,25,0.7); | |
| } | |
| #twitchcord-button { | |
| background-size: 24px; | |
| background-position: 20px; | |
| background-color: transparent; | |
| opacity:0.4; | |
| } | |
| #twitchcord-button:hover, | |
| #twitchcord-button.twitchcord-button-open { | |
| opacity:1; | |
| } | |
| #twitchcord-button-container { | |
| right:30px !important; | |
| } | |
| /*** COMPACT MODE ***/ | |
| .message-group.compact { | |
| margin-left:0; | |
| } | |
| .message-group.compact .timestamp { | |
| color:rgba(255,255,255,0.3) !important; | |
| position:relative; | |
| top:-1px; | |
| } | |
| .message-group.compact .message .markup .user-name { | |
| margin-right:8px; | |
| font-size:14px; | |
| } | |
| /* | |
| __ _ _ _ _ _ | |
| / _|_ __(_) ___ _ __ __| |___ | (_)___| |_ | |
| | |_| '__| |/ _ \ '_ \ / _` / __| | | / __| __| | |
| | _| | | | __/ | | | (_| \__ \ | | \__ \ |_ | |
| |_| |_| |_|\___|_| |_|\__,_|___/ |_|_|___/\__| | |
| */ | |
| #friends .btn, | |
| .add-friend-popout .btn { | |
| background-color: var(--main-color) !important; | |
| } | |
| .add-friend-popout .btn:disabled { | |
| background-color: var(--accent-color) !important; | |
| opacity: 0.4; | |
| } | |
| .private-channels .channel.btn-friends .badge { | |
| margin-right: 10px; | |
| } | |
| .private-channels .channel .close { | |
| margin-right: 5px; | |
| } | |
| #friends { | |
| background: transparent !important; | |
| } | |
| .friends-header { | |
| background: rgba(0,0,0,0.95) !important; | |
| } | |
| .friends-table { | |
| background:rgba(0,0,0,0.85) !important; | |
| margin-top:0 !important; | |
| } | |
| .friends-header, | |
| .friends-table .friends-table-header { | |
| border-bottom: 1px solid hsla(0,0%,100%,.1) !important; | |
| } | |
| .friends-header .tab-bar .tab-bar-separator, | |
| .friends-table .friends-table-header .friends-column-separator { | |
| background-color:hsla(0,0%,100%,.1) !important; | |
| } | |
| .friends-table .friends-table-body { | |
| padding-top:20px !important; | |
| } | |
| .friends-table .friends-row:hover { | |
| background: rgba(0,0,0,0.7) !important; | |
| } | |
| /* | |
| _ _ _ _ _ | |
| _ _ ___ ___ _ __ | (_)___| |_ ___ ___ ___| |_(_) ___ _ __ | |
| | | | / __|/ _ \ '__| | | / __| __| / __|/ _ \/ __| __| |/ _ \| '_ \ | |
| | |_| \__ \ __/ | | | \__ \ |_ \__ \ __/ (__| |_| | (_) | | | | | |
| \__,_|___/\___|_| |_|_|___/\__| |___/\___|\___|\__|_|\___/|_| |_| | |
| */ | |
| .channel-members .member.popout-open, | |
| .channel-members .member:hover { | |
| background: rgba(255,255,255,0.07) !important; | |
| } | |
| .channel-members .invite-btn { | |
| background:var(--accent-color); | |
| } | |
| .channel-members .invite-btn:hover { | |
| background:var(--main-color); | |
| } | |
| .channel-members .bot-tag { | |
| padding: 0px 3px; | |
| } | |
| .channel-members .member { | |
| border-radius: 0 5px 5px 0; | |
| } | |
| .channel-members .member:hover { | |
| background:rgba(255,255,255,0.07) !important; | |
| } | |
| .channel-members .member .member-username { | |
| font-size:12px; | |
| } | |
| .channel-members .member .member-game { | |
| font-size:10px; | |
| } | |
| .channel-members .avatar-small .status { | |
| border-color:rgba(0,0,0,0.7) !important; | |
| } | |
| .channel-members h2 { | |
| background: rgba(0,0,0,0); | |
| padding-top: 10px; | |
| padding-bottom: 10px; | |
| } | |
| .channel-members .member+h2 { | |
| margin-top:12px; | |
| } | |
| .channel-members h2:first-of-type { | |
| margin-top:0px !important; | |
| } | |
| /* | |
| _ __ _ | |
| _ _ ___ ___ _ __ (_)_ __ / _| ___ _ __ ___ _ __ ___ _ _| |_ | |
| | | | / __|/ _ \ '__| | | '_ \| |_ / _ \ | '_ \ / _ \| '_ \ / _ \| | | | __| | |
| | |_| \__ \ __/ | | | | | | _| (_) | | |_) | (_) | |_) | (_) | |_| | |_ | |
| \__,_|___/\___|_| |_|_| |_|_| \___/ | .__/ \___/| .__/ \___/ \__,_|\__| | |
| |_| |_| | |
| */ | |
| .headerPlaying-2eYqm9, | |
| .topSectionPlaying-3jAH9b, | |
| .topSectionNormal-2LlRG1 { | |
| background: var(--main-color) !important; | |
| } | |
| .body-3_tdh6, | |
| .body-3rkFrF, | |
| .footer-2J5zqP { | |
| background-color: var(--dark-color) !important; | |
| } | |
| .headerNormal-1cioxU { | |
| background: var(--main-color) !important; | |
| position: relative; | |
| z-index: 1; | |
| } | |
| .buttonDefault-2OLW-v, | |
| .buttonBrandInverted-VFL7Yc { | |
| background-color: var(--accent-color); | |
| color: #fff; | |
| } | |
| .buttonDefault-2OLW-v:hover, | |
| .buttonBrandInverted-VFL7Yc:hover { | |
| background-color: #161921; | |
| } | |
| .tab-bar.TOP .tab-bar-item.selected { | |
| border-bottom: 2px solid #fff !important; | |
| color: #fff !important; | |
| } | |
| .user-popout .header:after { | |
| z-index: 2; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background: rgba(0,0,0,0.5); | |
| content: ''; | |
| } | |
| .user-popout .avatar-wrapper, | |
| .user-popout .username-wrapper { | |
| z-index: 10; | |
| } | |
| .user-popout .avatar-wrapper .avatar-popout { | |
| border: none !important; | |
| background-color:rgba(0,0,0,0.9); | |
| box-shadow: 0 10px 40px -8px rgba(0,0,0,1); | |
| } | |
| .user-popout .body { | |
| background:rgba(0,0,0,0.8); | |
| border-left:1px solid rgba(255,255,255,0.2); | |
| border-right:1px solid rgba(255,255,255,0.2); | |
| } | |
| .user-popout .footer { | |
| background:rgba(0,0,0,0.8); | |
| border-top:1px solid rgba(255,255,255,0.2); | |
| border-left:1px solid rgba(255,255,255,0.2); | |
| border-right:1px solid rgba(255,255,255,0.2); | |
| border-bottom:1px solid rgba(255,255,255,0.2); | |
| } | |
| .quick-message { | |
| color: #fff; | |
| border: 1px solid rgba(224, 229, 232, 0.26); | |
| background: rgb(0, 0, 0); | |
| } | |
| .user-popout .username-wrapper .game, | |
| .user-popout .username-wrapper.hasNickname .discriminator, | |
| .user-popout .username-wrapper.hasNickname .username { | |
| color:rgba(0,0,0,0.7); | |
| } | |
| .popout header, | |
| .slider-bar-fill { | |
| background-color:var(--main-color); | |
| border:1px solid var(--main-color); | |
| } | |
| .user-popout .user-popout-options .btn { | |
| background-color:var(--accent-color); | |
| border:1px solid var(--accent-color); | |
| } | |
| .user-popout .user-popout-options .btn:hover { | |
| background-color:var(--main-color); | |
| border:1px solid var(--main-color); | |
| } | |
| /* Admin buttons */ | |
| .user-popout .user-popout-options .btn.btn-server { | |
| color: rgba(255,255,255,0.7); | |
| background: rgba(240,71,71,0.4); | |
| border: none !important; | |
| } | |
| .user-popout .user-popout-options .btn.btn-server:hover { | |
| color: rgba(255,255,255,1); | |
| background: rgba(240,71,71,1); | |
| border: none !important; | |
| } | |
| .markdown-modal, .form .form-inner, .form .form-header, .form .form-actions, .need-help-modal .footer, .markdown-modal .markdown-modal-footer { | |
| background: #161921 !important; | |
| } | |
| .need-help-modal.deprecated .header input[type=text]:focus { | |
| border: none !important; | |
| } | |
| .need-help-modal.deprecated .header input[type=text] { | |
| box-shadow: none !important; | |
| } | |
| /* | |
| _ _ _ _ | |
| _ __ ___ (_)_ __ (_)_ __ ___ __ _| | _ __ ___ ___ __| | ___ | |
| | '_ ` _ \| | '_ \| | '_ ` _ \ / _` | | | '_ ` _ \ / _ \ / _` |/ _ \ | |
| | | | | | | | | | | | | | | | | (_| | | | | | | | | (_) | (_| | __/ | |
| |_| |_| |_|_|_| |_|_|_| |_| |_|\__,_|_| |_| |_| |_|\___/ \__,_|\___| | |
| */ | |
| /* SERVER LIST */ | |
| .bd-minimal .channel-text a, | |
| .bd-minimal .guild-channels ul .channel-voice { | |
| padding:5px 5px 5px 10px !important; | |
| } | |
| .bd-minimal .guilds-wrapper .guilds { | |
| padding-left:10px !important; | |
| } | |
| .bd-minimal .guilds-wrapper .guilds .friends-icon { | |
| background-size:60% !important; | |
| } | |
| .bd-minimal .guilds-wrapper .guilds .guild:before { | |
| width:10px; | |
| height:25px; | |
| border-radius:5px; | |
| margin-top:-13px; | |
| left:-16px; | |
| } | |
| .bd-minimal .guilds-wrapper .guilds .guild.unread:before { | |
| height:10px; | |
| margin-top:-5px; | |
| } | |
| .bd-minimal .guilds-wrapper .guilds .guild.selected:before { | |
| border-radius:5px; | |
| height:25px; | |
| margin-top:-13px; | |
| } | |
| .bd-minimal .guilds-wrapper .guilds .guild, | |
| .bd-minimal .guilds-wrapper .guilds .guild .guild-inner, | |
| .bd-minimal .guilds-wrapper .guilds .guild .guild-inner .avatar-small, | |
| .bd-minimal .guilds-wrapper .guilds .guild .guild-inner .friends-icon { | |
| width:25px; | |
| height:25px; | |
| line-height:25px; | |
| background-size:25px 25px; | |
| font-size:10px !important; | |
| } | |
| .bd-minimal .guilds-wrapper .guilds .friends-online { | |
| font-size: 10px; | |
| word-spacing: 50px; | |
| line-height: 20px; | |
| margin-left: 0px; | |
| width: 25px; | |
| height: 20px; | |
| border-radius: 20px; | |
| overflow: hidden; | |
| background: rgba(0,0,0,0.5); | |
| } | |
| .bd-minimal .guilds-wrapper .guild-separator { | |
| width:25px; | |
| margin-left:0; | |
| } | |
| /* CHAT */ | |
| .bd-minimal .chat>.title-wrap>.title { | |
| font-size: 16px; | |
| } | |
| .bd-minimal .theme-dark .comment { | |
| border-left:none !important; | |
| padding-left:10px; | |
| } | |
| .bd-minimal .message-group { | |
| padding:10px 5px; | |
| } | |
| .bd-minimal .avatar-large { | |
| border-radius:100%; | |
| } | |
| .bd-minimal .message-group .edit-message .edit-container-outer { | |
| margin-left:50px; | |
| } | |
| .bd-minimal .message-group .edit-message .edit-container-inner { | |
| margin-left:10px; | |
| } | |
| /* MEMBERS */ | |
| .bd-minimal .channel-members h2 { | |
| margin-top:10px; | |
| margin-bottom:3px; | |
| padding-left:20px; | |
| } | |
| .bd-minimal .channel-members h2:first-of-type { | |
| margin-top:0px; | |
| margin-bottom:3px; | |
| } | |
| .bd-minimal .channel-members .member { | |
| padding:5px 15px 8px 20px; | |
| } | |
| /* CHANNELS */ | |
| .bd-minimal .guild-header header span { | |
| margin-left:-7px; | |
| font-size:14px; | |
| } | |
| .bd-minimal .guild-channels .channel-text .channel-name { | |
| padding-left:5px; | |
| } | |
| .bd-minimal .guild-channels header:first-of-type { | |
| margin-top:5px; | |
| } | |
| .bd-minimal .guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before { | |
| top:9px; | |
| width:10px; | |
| height:10px; | |
| } | |
| .bd-minimal .guild-channels h2 { | |
| margin-left:15px; | |
| } | |
| /* ACCOUNT BAR */ | |
| .bd-minimal #rtc-connection, | |
| .bd-minimal #voice-connection { | |
| width:176px; | |
| margin-left:-46px; | |
| } | |
| .bd-minimal .account { | |
| width:206px; | |
| margin-left:-46px; | |
| } | |
| .bd-minimal .account .avatar-small { | |
| display:block !important; | |
| margin-left:2px; | |
| } | |
| .bd-minimal .account .username { | |
| display:none; | |
| } | |
| .bd-minimal .account .btn-group { | |
| margin-left:10px; | |
| } | |
| .bd-minimal .account .btn-group .btn { | |
| width:30px; | |
| } | |
| /* BD Settings */ | |
| #bd-settingspane-container .content-column { | |
| color: rgba(255,255,255,0.9); | |
| } | |
| #bd-settingspane-container .content-column h2 { | |
| font-size: 22px; | |
| text-transform: uppercase; | |
| font-weight: bold; | |
| } | |
| #bd-settingspane-container .content-column .ui-switch-item, | |
| #bd-settingspane-container .content-column .ui-switch-item div { | |
| justify-content: space-between !important; | |
| } | |
| #bd-settingspane-container .content-column .ui-switch-item { | |
| background: var(--dark-color) !important; | |
| margin-bottom: 20px; | |
| border-radius: 5px; | |
| padding: 15px 15px 0 15px; | |
| } | |
| #bd-settingspane-container .content-column .ui-switch-item .ui-form-text { | |
| font-size: 14px; | |
| font-weight: 500; | |
| color: rgba(255,255,255,0.35); | |
| } | |
| #bd-settingspane-container .ui-switch-item .style-description { | |
| border: none; | |
| } | |
| .ace_editor, | |
| .ace_gutter { | |
| background: var(--dark-color) !important; | |
| } | |
| .ace_gutter { | |
| border-right: 1px solid rgba(255,255,255,0.1); | |
| } | |
| .ace_gutter-cell, | |
| .ace_gutter-cell, | |
| .ace-line, | |
| .ace_text-input { | |
| height: 25px; | |
| } | |
| .bda-slist li { | |
| flex: 1 1 auto; | |
| display: flex; | |
| position: relative; | |
| justify-content: space-between; | |
| background: transparent !important; | |
| padding: 0; | |
| margin-bottom: 20px; | |
| border-bottom: 1px solid rgba(255,255,255,0.1) !important; | |
| } | |
| .ui-standard-sidebar-view .bda-slist li:nth-child(odd) { | |
| border-top: none !important; | |
| } | |
| .bda-slist .bda-left { | |
| width: 100% !important; | |
| padding: 0; | |
| } | |
| .bda-slist .bda-header { | |
| padding: 15px; | |
| } | |
| .bda-slist .bda-right { | |
| display: flex; | |
| justify-content: space-between; | |
| flex-direction: row-reverse; | |
| float: none; | |
| position: absolute; | |
| top: -2px; | |
| right: 0; | |
| } | |
| .bd-pfbtn { | |
| position: relative; | |
| top: -5px; | |
| left: 20px; | |
| height: 24px; | |
| padding: 0 8px; | |
| line-height: 22px; | |
| margin: 0 !important; | |
| background: var(--accent-color); | |
| transition: background 100ms ease-in-out; | |
| } | |
| .bd-pfbtn:hover { | |
| background: var(--main-color); | |
| } | |
| .ui-standard-sidebar-view .bda-slist .bda-right button { | |
| height: 24px; | |
| width: auto; | |
| padding: 0 11px; | |
| margin: 0 10px 0 0; | |
| background: var(--accent-color); | |
| transition: background 100ms ease-in-out; | |
| } | |
| .ui-standard-sidebar-view .bda-slist .bda-right button:hover { | |
| background: var(--main-color); | |
| } | |
| .bda-slist .bda-name { | |
| color: rgba(255,255,255,0.6); | |
| font-size: 16px; | |
| max-height: 30px; | |
| height: 20px; | |
| } | |
| .bda-slist .bda-name span:first-of-type { | |
| color: rgba(255,255,255,1); | |
| margin-right: 5px; | |
| font-size: 16px; | |
| } | |
| .bda-slist .bda-name span:last-of-type { | |
| color: var(--main-color); | |
| } | |
| .ui-standard-sidebar-view .bda-slist .bda-description { | |
| border: none !important; | |
| min-height: auto; | |
| max-height: 80px; | |
| line-height: 20px; | |
| color: rgba(255,255,255,0.4); | |
| margin: 45px 0 5px 0; | |
| } | |
| #emoteBlistTa { | |
| color: #fff; | |
| padding: 10px 10px 0 10px; | |
| margin: 10px 0; | |
| border-radius: 3px; | |
| background: rgba(0,0,0,0.4) !important; | |
| border-color: rgba(255,255,255,0.2); | |
| outline: none; | |
| } | |
| .bda-slist li div:not(.bda-right):not(.bda-left):not(.scroller-wrap):not(.scroller):nth-of-type(1) { | |
| float: none; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| width: 100%; | |
| } | |
| .bda-slist li div:not(.bda-right):not(.bda-left):not(.scroller-wrap):not(.scroller):nth-of-type(2) { | |
| margin-top: 0; | |
| width: 100%; | |
| } | |
| .bda-slist li[style*="max-height: 500px; overflow: auto;"] h2 { | |
| font-size: 18px !important; | |
| text-transform: none !important; | |
| margin: 0 0 20px 0 !important; | |
| } | |
| .bda-slist li[style*="max-height: 500px; overflow: auto;"] h2 span { | |
| font-size: 14px; | |
| margin-left: 10px; | |
| } | |
| .bda-slist li[style*="max-height: 500px; overflow: auto;"] h2 button { | |
| color: #fff; | |
| background: var(--accent-color); | |
| border-radius: 3px; | |
| padding: 0 8px; | |
| height: 24px; | |
| transition: background 100ms ease-in-out; | |
| } | |
| .bda-slist li[style*="max-height: 500px; overflow: auto;"] h2 button:hover { | |
| background: var(--main-color); | |
| } | |
| .content-region .CodeMirror, | |
| .content-region .cm-s-material .CodeMirror-gutters, | |
| #bd-customcss-detach-container .CodeMirror, | |
| #bd-customcss-detach-container .cm-s-material .CodeMirror-gutters { | |
| background: rgba(0, 0, 0, 0.5)!important; | |
| border-radius: 5px; | |
| } | |
| .content-region #bd-customcss-attach-controls, | |
| #bd-customcss-detach-container #bd-customcss-attach-controls { | |
| background: rgba(0, 0, 0, 0.8)!important; | |
| box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset; | |
| } | |
| #bd-customcss-attach-controls { | |
| padding: 10px 15px 10px 25px; | |
| height: 75px; | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| } | |
| .ui-standard-sidebar-view #bd-customcss-attach-controls button, | |
| .bd-detached-css-editor #bd-customcss-attach-controls button { | |
| width: auto !important; | |
| border-radius: 3px !important; | |
| border: none !important; | |
| margin-left: 7px; | |
| padding: 5px 15px; | |
| } | |
| #bd-customcss-attach-controls button { | |
| background: var(--accent-color) !important; | |
| transition: background 100ms ease-in-out; | |
| } | |
| #bd-customcss-attach-controls button:hover { | |
| background: var(--main-color) !important; | |
| } | |
| #bd-customcss-detach-controls-button { | |
| text-align: right; | |
| } | |
| #bd-customcss-detach-controls-button span { | |
| display: block; | |
| text-align: right; | |
| padding-top: 10px; | |
| color: rgba(255,255,255,0.5); | |
| } | |
| #bd-customcss-detach-container { | |
| background-color: rgba(0,0,0,1); | |
| } | |
| #bd-customcss-detach-container .ui-standard-sidebar-view #bd-customcss-attach-controls button, | |
| #bd-customcss-detach-container .bd-detached-css-editor #bd-customcss-attach-controls button { | |
| padding: 5px 7px; | |
| } | |
| #bd-customcss-detach-container #bd-customcss-attach-controls { | |
| padding: 10px 15px 10px 15px; | |
| } | |
| .content-region .CodeMirror-scroll { | |
| padding-top: 10px; | |
| } | |
| .CodeMirror-lines { | |
| padding: 4px 10px; | |
| } | |
| .CodeMirror pre { | |
| padding: 0 5px; | |
| } | |
| .CodeMirror-gutter { | |
| margin-right: 20px; | |
| } | |
| /* | |
| _ _ _ | |
| ___ ___| |_| |_(_)_ __ __ _ ___ | |
| / __|/ _ \ __| __| | '_ \ / _` / __| | |
| \__ \ __/ |_| |_| | | | | (_| \__ \ | |
| |___/\___|\__|\__|_|_| |_|\__, |___/ | |
| |___/ | |
| */ | |
| .wrapper-VSYYTS, | |
| .modal-3HOjGZ, | |
| .footer-1PYmcw, | |
| .form-deprecated .form-header, | |
| .form-deprecated .form-inner, | |
| .wrapper-VSYYTS .instantInviteModal-5L33Qh .form-actions, | |
| .wrapper-VSYYTS .instantInviteModalAdvanced-38f2M0 .form-actions { | |
| background: var(--dark-color) !important; | |
| } | |
| .form-deprecated .Select-control .Select-arrow { | |
| top: 0; | |
| } | |
| .form-deprecated .Select-option.is-focused { | |
| background: #050505; | |
| color: #dcddde; | |
| } | |
| .form-deprecated .btn-primary, .form.deprecated .btn-primary { | |
| background: var(--main-color) !important; | |
| } | |
| .Select-option { | |
| background: rgba(0,0,0,0.85); | |
| } | |
| .Select-option.is-selected { | |
| background: rgba(0,0,0,1); | |
| } | |
| .button-2t3of8 { | |
| margin-left: 10px; | |
| } | |
| .clipboardInputInner-oj8y-S, | |
| .Select-control { | |
| border: none !important; | |
| background: rgba(0,0,0,0.8) !important; | |
| } | |
| .wrapper-VSYYTS .instantInviteModal-5L33Qh .clipboardInputInner-dxVheg input { | |
| color: rgba(255,255,255,0.7); | |
| background: rgba(0,0,0,0.85); | |
| font-size: 20px; | |
| padding-left: 15px; | |
| } | |
| .wrapper-VSYYTS .instantInviteModal-5L33Qh .copy-2xFKb_ { | |
| border: none !important; | |
| background: var(--main-color) !important; | |
| } | |
| .clipboardInputInner-oj8y-S button:first-of-type:before { | |
| background: none !important; | |
| } | |
| .side-2nYO0F .itemSelected-3XxAMf { | |
| background-color: var(--main-color); | |
| } | |
| .layer { | |
| background: rgba(0,0,0,0.4) !important; | |
| } | |
| .ui-text-input .input.editable:focus:focus, | |
| .ui-text-input .input.editable:hover:focus, | |
| .ui-text-input .input:focus { | |
| border-color: var(--main-color) !important; | |
| } | |
| .description-3MVziF, | |
| .labelDescriptor-1BebCl { | |
| color: rgba(255,255,255,0.35); | |
| } | |
| .buttonBrandFilled-3Mv0Ra { | |
| background: var(--accent-color); | |
| box-shadow: 0 10px 30px -8px rgba(0,0,0,0); | |
| transition: all 100ms ease-in-out; | |
| transform: translate3d(0,0,0); | |
| } | |
| .buttonBrandFilledDefault-2Rs6u5:hover { | |
| color: rgba(0,0,0,0.8); | |
| font-weight: bold; | |
| background: var(--main-color); | |
| box-shadow: 0 10px 30px -8px rgba(0,0,0,0.8); | |
| transform: translate3d(0,-3px,0); | |
| } | |
| .ui-slider .slider-bar-fill { | |
| background: var(--main-color); | |
| } | |
| .ui-standard-sidebar-view { | |
| background: transparent !important; | |
| } | |
| .ui-standard-sidebar-view .sidebar-region, | |
| .ui-standard-sidebar-view .sidebar-region .scrollbar { | |
| background: rgba(0,0,0,0.7) !important; | |
| } | |
| .ui-standard-sidebar-view .content-region, | |
| .ui-standard-sidebar-view .content-region .scrollbar { | |
| background: rgba(0,0,0,0.8) !important; | |
| } | |
| .ui-tab-bar.SIDE .ui-tab-bar-item { | |
| font-size: 14px; | |
| line-height: 17px; | |
| } | |
| .ui-tab-bar.SIDE .ui-tab-bar-item.selected { | |
| color: rgba(255,255,255,1) !important; | |
| background: var(--short-gradient) !important; | |
| } | |
| .ui-tab-bar-item:hover { | |
| background: var(--short-gradient-faded) !important; | |
| } | |
| .ui-radiogroup .checked { | |
| border-color: rgba(0,0,0,1) !important; | |
| background: var(--short-gradient) !important; | |
| } | |
| .ui-tab-bar-item, | |
| .ui-tab-bar.SIDE .ui-tab-bar-item.brand { | |
| color: rgba(255,255,255,0.6) !important; | |
| } | |
| .ui-button.brand.filled { | |
| color: rgba(255,255,255,0.6); | |
| box-shadow: 0 0px 20px 0px rgba(0,0,0,0); | |
| transform: translate3d(0,0,0); | |
| background: var(--short-gradient) !important; | |
| -webkit-transition: 200ms all cubic-bezier(0.13, 0.28, 0.19, 0.89); | |
| } | |
| .ui-button.brand.filled:hover { | |
| color: rgba(255,255,255,1); | |
| box-shadow: 0 10px 20px 0px rgba(0,0,0,0.5); | |
| transform: translate3d(0,-3px,0); | |
| background: var(--short-gradient) !important; | |
| } | |
| .ui-radiogroup .checked svg g polyline { | |
| stroke: #fff !important; | |
| } | |
| .ui-switch-checkbox:checked+.ui-switch { | |
| background: var(--short-gradient) !important; | |
| } | |
| .avatar-xxlarge { | |
| box-shadow: 0 10px 20px 2px rgba(0,0,0,0.5); | |
| } | |
| /* OLD SETTINGS */ | |
| .context-menu { | |
| background: rgba(0,0,0,0.95) !important; | |
| } | |
| .context-menu .item:hover, | |
| .context-menu .item-subMenu { | |
| background-color:rgba(255,255,255,0.05) !important; | |
| } | |
| .avatar-uploader a { | |
| color:var(--main-color); | |
| } | |
| .avatar-uploader a:hover { | |
| color:var(--accent-color); | |
| } | |
| .settings .settings-header { | |
| background:#1a1d20 !important; | |
| } | |
| .form .btn-primary { | |
| background-color:var(--accent-color); | |
| } | |
| .form .btn-primary:hover { | |
| background-color:var(--main-color); | |
| } | |
| .user-settings-modal a { | |
| color:var(--accent-color); | |
| } | |
| .user-settings-modal a:hover { | |
| color:var(--main-color); | |
| } | |
| .channel-notification-settings .content .content-inner { | |
| background:transparent !important; | |
| } | |
| .callout-backdrop { | |
| opacity:0.55; | |
| } | |
| .tab-bar.SIDE { | |
| margin-right: -17px; | |
| } | |
| .tab-bar.SIDE .tab-bar-item.selected { | |
| background: rgba(0,0,0,0.7) !important; | |
| } | |
| .tab-bar.SIDE .tab-bar-item.selected:before { | |
| border-color:var(--main-color); | |
| } | |
| .tab-bar.SIDE .tab-bar-item:before { | |
| border-color:var(--accent-color); | |
| } | |
| .popout header, | |
| .slider-bar-fill { | |
| border:none !important; | |
| } | |
| .slider-handle, | |
| .Select-control { | |
| border:none !important; | |
| } | |
| .slider-bar { | |
| background: rgba(255,255,255,0.5); | |
| } | |
| .settings .settings-header { | |
| background:rgba(0,0,0,0.88) !important; | |
| } | |
| .settings .settings-inner, | |
| .settings .settings-actions, | |
| .deprecated-settings-modal .settings-inner, | |
| .deprecated-settings-modal .settings-actions { | |
| background:rgba(0,0,0,0.75); | |
| } | |
| .settings .settings-actions { | |
| border-top:none !important; | |
| } | |
| .form .radio-group .radio, | |
| .form .checkbox-group .checkbox, | |
| .checkbox .checkbox-inner+span { | |
| color:rgba(255,255,255,0.7) !important; | |
| font-size: 0.95em; | |
| } | |
| .form .control-group input[type=email], | |
| .form .control-group input[type=password], | |
| .form .control-group input[type=text], | |
| .form .control-group textarea { | |
| padding:5px 10px 5px 10px; | |
| border-radius:5px; | |
| box-sizing:border-box; | |
| border:1px solid rgba(255,255,255,0.1); | |
| background:rgba(0,0,0,0.5); | |
| color:rgba(255,255,255,0.5); | |
| font-size:14px; | |
| } | |
| .form .control-group input[type=email]:focus, | |
| .form .control-group input[type=password]:focus, | |
| .form .control-group input[type=text]:focus, | |
| .form .control-group textarea:focus { | |
| border-color:rgba(255,255,255,0.3); | |
| background:rgba(0,0,0,0.7); | |
| color:rgba(255,255,255,1); | |
| font-size:14px; | |
| } | |
| .form .Select-control, | |
| .form .Select-option { | |
| border:1px solid rgba(255,255,255,0.1) !important; | |
| background:rgba(0,0,0,0.5); | |
| color:rgba(255,255,255,0.5); | |
| font-size:14px; | |
| } | |
| .form .Select-option { | |
| border-top:none !important; | |
| background:rgba(0,0,0,0.7); | |
| color:rgba(255,255,255,0.4); | |
| } | |
| .form .Select-option.is-focused { | |
| border-top:none !important; | |
| background:rgba(0,0,0,1); | |
| color:rgba(255,255,255,1); | |
| } | |
| .Select-menu-outer { | |
| background:rgba(0,0,0,0.5); | |
| border:none !important; | |
| } | |
| .has-value>.Select-control>.Select-placeholder { | |
| color:rgba(255,255,255,0.8); | |
| } | |
| .form .btn-default { | |
| padding:10px 0 !important; | |
| width: 75px; | |
| height: 35.5px; | |
| border-radius: 3px; | |
| } | |
| .form hr, | |
| .form .control-groups.control-separator, | |
| .instant-invites .instant-invites-header, | |
| .guild-settings-modal-integrations .guild-settings-modal-integrations-header, | |
| .guild-settings-modal-members .guild-settings-modal-members-header, | |
| .guild-settings-modal-members .guild-settings-modal-list .member+.member, | |
| .guild-settings-modal-members .guild-settings-modal-members-footer, | |
| #settings-roles .roles header, | |
| #user-profile-modal .tab-bar { | |
| border-color:rgba(255,255,255,0.2); | |
| box-shadow:none; | |
| } | |
| .form .control-group input[type=email]:disabled, | |
| .form .control-group input[type=password]:disabled, | |
| .form .control-group input[type=text]:disabled, | |
| .form .control-group textarea:disabled { | |
| background:rgba(255,255,255,0.2) !important; | |
| } | |
| .guild-settings-modal-members { | |
| background:none !important; | |
| } | |
| #settings-roles .roles { | |
| border-right:1px solid rgba(255,255,255,0.2); | |
| } | |
| #settings-roles .roles li:hover:before { | |
| background:var(--accent-color); | |
| } | |
| #settings-roles .roles li:hover:not(.selected) { | |
| background:rgba(0,0,0,0.9) !important; | |
| } | |
| #settings-roles .roles li.selected { | |
| background:rgba(0,0,0,0.5) !important; | |
| } | |
| #settings-roles .roles li.selected:before { | |
| background:var(--main-color); | |
| } | |
| .btn-help { | |
| font-size: 11px; | |
| background: rgba(255,255,255,0.3); | |
| } | |
| .btn-help:hover, | |
| .radio:hover span:after { | |
| background:var(--accent-color); | |
| } | |
| .radio .radio-inner span:after { | |
| background:var(--main-color); | |
| } | |
| .user-settings-modal-keybinds .user-settings-modal-keybinds-header { | |
| border-bottom:1px solid rgba(255,255,255,0.2); | |
| } | |
| .user-settings-modal .voice-settings .reset-voice-settings { | |
| color:var(--accent-color); | |
| } | |
| .user-settings-modal .voice-settings .reset-voice-settings:hover { | |
| color:var(--accent-color); | |
| opacity:0.6; | |
| } | |
| .checkbox .checkbox-inner input[type=checkbox]:checked+span { | |
| background:var(--main-color); | |
| border-color:var(--main-color); | |
| } | |
| .user-settings-modal-connections .user-settings-modal-accounts-list .connect-container .name { | |
| color:rgba(255,255,255,0.8); | |
| } | |
| .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-integrations.no-integrations { | |
| color:rgba(255,255,255,0.8); | |
| } | |
| .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-integrations { | |
| border-color:#643DA7 !important; | |
| } | |
| .user-settings-modal-connections .user-settings-modal-connections-list { | |
| box-shadow: 0 -1px rgba(255,255,255,0.2); | |
| } | |
| .tab-bar.TOP { | |
| border-color:rgba(255,255,255,0.2); | |
| } | |
| .tab-bar.TOP .tab-bar-item.selected { | |
| border-color:var(--main-color); | |
| color:var(--main-color); | |
| } | |
| .user-settings-streamer-mode { | |
| background:none; | |
| } | |
| .user-settings-modal-games { | |
| background:rgba(255,255,255,0.05) !important; | |
| border:none !important; | |
| } | |
| .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) !important; | |
| } | |
| .user-settings-modal-games .games-table .games-row .item-game .game-input, | |
| .user-settings-modal-games .games-table .games-row .item-game .game-name { | |
| color:#fff; | |
| } | |
| .user-settings-modal-games .games-table .games-row .item-game .last-played { | |
| color:rgba(255,255,255,0.5); | |
| } | |
| .now-playing { | |
| background:var(--main-color) !important; | |
| } | |
| .now-playing.no-detection { | |
| background: rgba(0,0,0,0.8); | |
| } | |
| .bd-g-table tbody tr, | |
| .bd-g-table thead th, | |
| .bd-g-table tbody tr:nth-child(odd) { | |
| background:transparent !important; | |
| } | |
| .bd-g-table textarea { | |
| color: rgba(255,255,255,0.4) !important; | |
| background: rgba(255,255,255,0.2) !important; | |
| padding: 8px 10px !important; | |
| box-sizing:border-box; | |
| } | |
| #bd-pane .scroller-wrap div[style*="background:#2E3136; color:#ADADAD; height:30px; position:absolute; bottom:0; left:0; right:0;"] { | |
| background:rgba(0,0,0,0.95) !important; | |
| } | |
| .CodeMirror { | |
| background: rgba(255,255,255,0.15) !important; | |
| border-radius: 0px; | |
| color: rgba(255,255,255,0.8) !important; | |
| } | |
| .CodeMirror-gutters { | |
| background: rgba(255,255,255,0.25) !important; | |
| border:none !important; | |
| } | |
| .CodeMirror-linenumber { | |
| color: #fff !important; | |
| } | |
| .cm-s-neat span.cm-builtin { | |
| color:var(--main-color); | |
| } | |
| .cm-s-neat span.cm-atom, | |
| .cm-s-neat span.cm-number { | |
| color:var(--main-color); | |
| } | |
| .member-roles .member-role { | |
| background-color: rgba(255,255,255,0.1); | |
| border:none; | |
| padding: 6px 8px; | |
| color: #fff; | |
| } | |
| .popout section { | |
| background:rgba(0,0,0,0.95) !important; | |
| } | |
| .popout.popout-bottom header:before { | |
| border-bottom-color:var(--accent-color); | |
| } | |
| #autocomplete-popout .row.selected, | |
| #autocomplete-popout .row:hover { | |
| background:rgba(255,255,255,0.2) !important; | |
| } | |
| #permissions .permission-actions { | |
| color:rgba(255,255,255,0.7) !important; | |
| } | |
| #autocomplete-popout .empty h4, | |
| #permissions .permissions-helpdesk, | |
| .guild-settings-modal-members .guild-settings-modal-members-footer a { | |
| color:var(--main-color); | |
| } | |
| #permissions .permissions-helpdesk:hover, | |
| .guild-settings-modal-members .guild-settings-modal-members-footer a:hover { | |
| color:var(--accent-color); | |
| } | |
| #user-profile-modal { | |
| border-radius: 5px; | |
| } | |
| #user-profile-modal .header { | |
| border-radius: 5px 5px 0 0; | |
| background: var(--main-color-faded); | |
| background-image: none !important; | |
| } | |
| #user-profile-modal .header:after { | |
| background-image: none !important; | |
| background-color: rgba(0, 0, 0, 0.6); | |
| } | |
| #user-profile-modal .btn { | |
| background:var(--main-color); | |
| } | |
| #user-profile-modal .guilds .section .connected-accounts .connected-account { | |
| border: 1px solid rgba(255, 255, 255, 0.15); | |
| background: rgba(0, 0, 0, 0.65); | |
| } | |
| #user-profile-modal .sub-header, | |
| #user-profile-modal .tab-bar-container, | |
| #user-profile-modal .scroller, | |
| #user-profile-modal .empty, | |
| #user-profile-modal footer { | |
| background:rgba(0,0,0,0.85) !important; | |
| } | |
| #user-profile-modal .tab-bar-container { | |
| border-bottom: 1px solid rgba(240, 240, 240, 0.15) !important; | |
| } | |
| #user-profile-modal .guilds .section+.section { | |
| border-top: 1px solid rgba(240, 240, 240, 0.15) !important; | |
| } | |
| #user-profile-modal .guilds .guild:hover { | |
| background:rgba(255,255,255,0.2) !important; | |
| color:rgba(255,255,255,0.7); | |
| } | |
| #user-profile-modal .avatar-profile { | |
| width: 126px !important; | |
| height: 126px !important; | |
| } | |
| #user-profile-modal .header .header-info .header-info-inner .discord-tag { | |
| font-size: 22px !important; | |
| font-weight: bold !important; | |
| color: #fff; | |
| } | |
| #user-profile-modal .header .header-info .header-info-inner .discord-tag .discriminator { | |
| color: rgba(255, 255, 255, 0.5); | |
| padding-left: 3px; | |
| } | |
| #user-profile-modal .header .header-info .header-info-inner .activity { | |
| color: rgba(255, 255, 255, 0.5); | |
| } | |
| #user-profile-modal .avatar-wrapper { | |
| background-color: transparent; | |
| box-shadow: 0 8px 40px -5px rgba(0,0,0,1); | |
| border-radius: 100%; | |
| } | |
| .bda-slist li { | |
| border: none !important; | |
| } | |
| .bda-slist li:first-of-type { | |
| border-top:none !important; | |
| } | |
| .bda-slist .bda-right .bda-plugin-reload { | |
| margin-top:25px; | |
| } | |
| .bda-slist .bda-right .btn { | |
| margin-left:-5px; | |
| } | |
| .bda-slist .bda-right .btn:disabled { | |
| opacity:0.3; | |
| } | |
| .bda-slist .checkbox { | |
| margin-left:10px; | |
| position:relative; | |
| top:8px; | |
| } | |
| /* Add checkbox cause jiiks hasnt added the new class yet */ | |
| .bda-slist .bda-right .ui-switch-wrapper { | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| position: relative; | |
| width: 44px; | |
| height: 24px; | |
| display: block; | |
| -webkit-box-flex: 0; | |
| -ms-flex: 0 0 auto; | |
| flex: 0 0 auto; | |
| border-radius: 50px; | |
| background: var(--accent-color); | |
| } | |
| .bda-slist .bda-right .ui-switch-wrapper .ui-switch-checkbox { | |
| position: absolute; | |
| opacity: 0; | |
| cursor: pointer; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 1; | |
| transition: background .15s ease-in-out,box-shadow .15s ease-in-out,border .15s ease-in-out; | |
| } | |
| .ui-switch-checkbox { | |
| background: blue !important; | |
| } | |
| .ui-switch-checkbox+.ui-switch { | |
| background: rgba(255,255,255,0.2) !important; | |
| } | |
| .ui-switch-checkbox:checked+.ui-switch { | |
| background: var(--main-color) !important; | |
| /*transform: translateX(20px);*/ | |
| } | |
| .bda-slist .bda-right .ui-switch-wrapper .ui-switch { | |
| content: ""; | |
| display: block; | |
| width: 18px; | |
| height: 18px; | |
| position: absolute; | |
| top: 3px; | |
| left: 3px; | |
| bottom: 3px; | |
| background: #f6f6f7; | |
| border-radius: 10px; | |
| transition: all .15s ease; | |
| box-shadow: 0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05); | |
| } | |
| .bda-slist { | |
| margin-bottom:25px; | |
| } | |
| .bda-slist-top { | |
| height: 35px; | |
| } | |
| #bd-themes-pane .bda-plugin-reload { | |
| margin-top:60px; | |
| } | |
| #bda-qem-favourite-container, | |
| #bda-qem-twitch-container, | |
| .emoji-picker { | |
| background-color: rgba(0,0,0,0.95) !important; | |
| border: 0px solid rgba(255,255,255,0.1) !important; | |
| border-top: none !important; | |
| } | |
| .emoji-picker .category { | |
| background-color: rgba(0,0,0,0.7) !important; | |
| border: 0px solid rgba(255,255,255,0.2) !important; | |
| border-top: none !important; | |
| } | |
| #bda-qem { | |
| padding-right: 0px !important; | |
| border-bottom: 0px solid rgba(0,0,0,0.5) !important; | |
| background: rgba(0,0,0,0.95) !important; | |
| } | |
| #bda-qem button { | |
| background: rgba(255,255,255,0.1) !important; | |
| box-shadow: rgba(0,0,0,0.5) 1px 0 0 0 !important; | |
| } | |
| #bda-qem button:hover { | |
| background: rgba(0,0,0,0.6) !important; | |
| } | |
| #bda-qem button.active { | |
| background: rgba(0,0,0,1) !important; | |
| } | |
| /* Scrollbar drag bar */ | |
| .emoji-picker .scroller::-webkit-scrollbar-thumb, | |
| #bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb, | |
| #bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb { | |
| background:rgba(255,255,255,0.4) !important; | |
| border-color:rgba(255,255,255,0) !important; | |
| } | |
| /* Scrollbar background */ | |
| .emoji-picker .scroller::-webkit-scrollbar, | |
| .emoji-picker .scroller::-webkit-scrollbar-track, | |
| .emoji-picker .scroller::-webkit-scrollbar-track-piece, | |
| #bda-qem-favourite-container .scroller::-webkit-scrollbar, | |
| #bda-qem-favourite-container .scroller::-webkit-scrollbar-track, | |
| #bda-qem-favourite-container .scroller::-webkit-scrollbar-track-piece, | |
| #bda-qem-twitch-container .scroller::-webkit-scrollbar, | |
| #bda-qem-twitch-container .scroller::-webkit-scrollbar-track, | |
| #bda-qem-twitch-container .scroller::-webkit-scrollbar-track-piece { | |
| background:rgba(255,255,255,0.1) !important; | |
| border-color:rgba(255,255,255,0) !important; | |
| } | |
| .instant-invite-modal { | |
| background: none; | |
| } | |
| #instant-invite-modal .copy { | |
| background-color: var(--main-color); | |
| } | |
| #instant-invite-modal .clipboard-input-inner input { | |
| color: var(--main-color); | |
| } | |
| .popout-menu { | |
| background: transparent !important; | |
| } | |
| .popout-menu.status-picker { | |
| background: transparent; | |
| width: 322px !important; | |
| margin-left: 0px !important; | |
| margin-bottom: 0 !important; | |
| } | |
| .popout-menu .popout-menu-separator { | |
| border-bottom: 1px solid rgba(255,255,255,0.2) !important; | |
| } | |
| .popout-menu .popout-menu-item { | |
| background: rgba(0,0,0,0.95) !important; | |
| } | |
| .popout-top .popout-menu .popout-menu-item { | |
| color: rgba(255,255,255,0.8) !important; | |
| } | |
| .popout-menu .popout-menu-item:hover { | |
| background-color: var(--accent-color) !important; | |
| color: rgba(255,255,255,0.8) !important; | |
| } | |
| .popout-top { | |
| top: auto !important; | |
| bottom: -126px !important; | |
| } | |
| .popout-bottom:not(.no-arrow):not(.search-popout) { | |
| /*left: 191px !important;*/ | |
| } | |
| .themed-popout { | |
| background-color: #161921 !important; | |
| border: 1px solid rgba(255,255,255,0) !important; | |
| } | |
| .themed-popout .header, .themed-popout .footer { | |
| background-color: rgba(0, 0, 0, 0.4) !important; | |
| } | |
| .themed-popout .messages-popout .message-group { | |
| border-color: rgba(28,36,43,0.6) !important; | |
| background-color: rgba(0, 0, 0, 0) !important; | |
| box-shadow: none !important; | |
| } | |
| .themed-popout .messages-popout .message-group .comment .markup { | |
| font-size: 13px; | |
| line-height: 1.3; | |
| } | |
| .themed-popout .messages-popout .message-group:hover .action-buttons { | |
| box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.7) !important; | |
| background-color: rgba(0, 0, 0, 0.8) !important; | |
| } | |
| .themed-popout .messages-popout .message-group:hover .action-buttons .jump-button { | |
| background-color: rgba(240, 240, 240, 0.07) !important; | |
| } | |
| /* | |
| _ _ _ _ _ _ | |
| _ __ _ _| |__ | (_) ___ | | (_)___| |_ | |
| | '_ \| | | | '_ \| | |/ __| | | | / __| __| | |
| | |_) | |_| | |_) | | | (__ | |___| \__ \ |_ | |
| | .__/ \__,_|_.__/|_|_|\___| |_____|_|___/\__| | |
| |_| | |
| */ | |
| #slist, | |
| #pubs-container { | |
| background-color:rgba(0,0,0,0.7) !important; | |
| border-radius:5px 5px 0 0; | |
| } | |
| #pubs-header { | |
| padding:10px; | |
| background-color:var(--main-color) !important; | |
| border-radius:5px 5px 0 0; | |
| } | |
| #pubs-header input { | |
| padding-left:10px; | |
| } | |
| #pubs-footer { | |
| padding:10px; | |
| font-size:12px; | |
| background:rgba(0,0,0,0.8) !important; | |
| border-radius:0 0 5px 5px; | |
| } | |
| .server-icon { | |
| width:50px; | |
| height:50px; | |
| border-radius:100%; | |
| } | |
| .server-row { | |
| padding:10px 10px 8px 10px; | |
| } | |
| .server-info { | |
| line-height:50px; | |
| } | |
| .server-info button { | |
| background-color:var(--accent-color) !important; | |
| width:70px; | |
| height:40px; | |
| margin-top:4px; | |
| margin-right:4px; | |
| } | |
| .server-info button:hover { | |
| background-color:var(--main-color) !important; | |
| } | |
| #slist span { | |
| color:white !important; | |
| } | |
| .server-row:nth-child(2n+1) { | |
| background-color:rgba(255,255,255,0.06) !important; | |
| } | |
| .server-row:nth-child(2n+2) { | |
| background-color:rgba(0,0,0,0) !important; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment