Last active
February 5, 2018 16:54
-
-
Save KeepJ96/c362a383c78c24522e85e324808b37e9 to your computer and use it in GitHub Desktop.
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
| //META{"name":"Clear_Matter","description":"Clear Theme with some Anime (based on Hammock's Dark Matter)","author":"Jnk1296","version":"1.3.1"}*//{} | |
| @import url(https://fonts.googleapis.com/css?family=Karla); | |
| /* | |
| ██████╗██╗ ███████╗ █████╗ ██████╗ ███╗ ███╗ █████╗ ████████╗████████╗███████╗██████╗ | |
| ██╔════╝██║ ██╔════╝██╔══██╗██╔══██╗ ████╗ ████║██╔══██╗╚══██╔══╝╚══██╔══╝██╔════╝██╔══██╗ | |
| ██║ ██║ █████╗ ███████║██████╔╝ ██╔████╔██║███████║ ██║ ██║ █████╗ ██████╔╝ | |
| ██║ ██║ ██╔══╝ ██╔══██║██╔══██╗ ██║╚██╔╝██║██╔══██║ ██║ ██║ ██╔══╝ ██╔══██╗ | |
| ╚██████╗███████╗███████╗██║ ██║██║ ██║ ██║ ╚═╝ ██║██║ ██║ ██║ ██║ ███████╗██║ ██║ | |
| ╚═════╝╚══════╝╚══════╝╚═╝ ╚═╝╚═╝ ╚═╝ ╚═╝ ╚═╝╚═╝ ╚═╝ ╚═╝ ╚═╝ ╚══════╝╚═╝ ╚═╝ | |
| --- A Theme by Jnk1296. Based on Dark Matter by Hammock --- | |
| */ | |
| :root { | |
| /* | |
| __ __ _ __ __ _ _ _ | |
| | \/ | __ _(_)_ __ \ \ / /_ _ _ __(_) __ _| |__ | | ___ ___ | |
| | |\/| |/ _` | | '_ \ \ \ / / _` | '__| |/ _` | '_ \| |/ _ \/ __| | |
| | | | | (_| | | | | | \ V / (_| | | | | (_| | |_) | | __/\__ \ | |
| |_| |_|\__,_|_|_| |_| \_/ \__,_|_| |_|\__,_|_.__/|_|\___||___/ | |
| Edit these to change the theme colors, background and DM Icon! | |
| */ | |
| /* Main Theme Info */ | |
| --version-content: "1.3.1"; | |
| --theme-name: "Clear Matter"; | |
| /* Main Theme Colors */ | |
| --main-color: rgba(117, 206, 255, 1); | |
| --main-color-faded: rgba(37,172,232,0.4); | |
| --accent-color: rgba(29,101,134,1); | |
| /* Main Background Overlay Mask (for controlling image brightness) */ | |
| --background-overlay: rgba(0,0,0,0.2); | |
| /* Main Message Color */ | |
| --main-message-color: rgba(255,255,255,0.95); | |
| /* 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)); | |
| /* Channel List Width */ | |
| --channel-list-width: 165px; | |
| /* | |
| ____ __ __ ___ | |
| | _ \ | \/ | |_ _|___ ___ _ __ ___ | |
| | | | || |\/| | | |/ __/ _ \| '_ \/ __| | |
| | |_| || | | |_ | | (_| (_) | | | \__ \ | |
| |____(_)_| |_(_) |___\___\___/|_| |_|___/ | |
| Simply Uncomment the Line of your choice! | |
| */ | |
| /* Default (Ion-Fire) */ | |
| /*--friends-icon: url(https://i.imgur.com/233d55Y.gif); | |
| /* Tomori Nao - Charlotte */ | |
| /*--friends-icon: url(https://s2.postimg.org/ykn3la2yx/ezgif-5-56afff8760.gif); | |
| /* Taiga Ai Saka - Tora Dora */ | |
| --friends-icon: url(https://media.giphy.com/media/UYzNgRSTf9X1e/giphy.gif); | |
| /* Hex-Animation */ | |
| /*--friends-icon: url(https://i.imgur.com/NfmgMiy.gif); | |
| /* | |
| ____ _ _ | |
| | __ ) __ _ ___| | ____ _ _ __ ___ _ _ _ __ __| |___ | |
| | _ \ / _` |/ __| |/ / _` | '__/ _ \| | | | '_ \ / _` / __| | |
| | |_) | (_| | (__| < (_| | | | (_) | |_| | | | | (_| \__ \ | |
| |____/ \__,_|\___|_|\_\__, |_| \___/ \__,_|_| |_|\__,_|___/ | |
| |___/ | |
| Simply uncomment the line of your choice! | |
| */ | |
| /* THIS IS A TEST BACKGROUND. DON'T USE. */ | |
| /*--background-image: rgb(255,255,255); | |
| /* Main Background Image （Nagisa - Clannad) */ | |
| /*--background-image: url(https://i.imgur.com/E8XgkRx.jpg); | |
| /* Main Background Image （Sinon - SAO) */ | |
| /*--background-image: url(https://s9.postimg.org/839wwnm5b/sinon_sao_01.png);*/ | |
| /*--background-image: url(https://images7.alphacoders.com/648/648871.png); | |
| /* Main Background Image (Asuna - SAO - 01) */ | |
| /*--background-image: url(https://images3.alphacoders.com/632/632075.jpg); | |
| /* Main Background Image (Asuna - SAO - 02) */ | |
| --background-image: url(https://static.zerochan.net/Yuuki.Asuna.full.1704901.jpg); | |
| /* Main Background Image (Kanade - Angel Beats) */ | |
| /*--background-image: url(https://s2.postimg.org/4j9me3ntz/kanade_ab_01.jpg); | |
| /* Main Background Image (Kimi No Na Wa) */ | |
| /*--background-image: url(https://images2.alphacoders.com/743/thumb-1920-743487.jpg); | |
| /* Main Background Image (Inori - Guilty Crown) */ | |
| /*--background-image: url(https://static.zerochan.net/Yuzuriha.Inori.full.881473.jpg); | |
| /* Main Background Image (Backdrop - Kimi No Na Wa) */ | |
| /*--background-image: url(https://images2.alphacoders.com/742/thumb-1920-742320.png); | |
| /* Main Background Image (Nao Tomori - Charlotte - 01) */ | |
| /*--background-image: url(https://s2.postimg.org/dpwyy4wpj/nao_charlotte_01.png); | |
| /* Main Background Image (Nao Tomori - Charlotte - 02) */ | |
| /*--background-image: url(https://i.imgur.com/p2VVHhq.jpg); | |
| /* Main Background Image (Nao Tomori - Charlotte - 03) */ | |
| /*--background-image: url(https://s2.postimg.org/56rd5ki7r/nao_charlotte_03.png); | |
| /* Main Background Image (Unknown - ?) */ | |
| /*--background-image: url(https://i.imgur.com/dhEGbuA.jpg); | |
| /* Main Background Image (Yato (Blue) - Noragami) */ | |
| /*--background-image: url(https://images7.alphacoders.com/871/thumb-1920-871329.jpg); | |
| /* Main Background Image (Hiyori (Purple) - Noragami) */ | |
| /*--background-image: url(https://images6.alphacoders.com/543/543145.png); | |
| /* Main Background Image (Yato&Nora (Rustic) - Noragami) */ | |
| /*--background-image: url(https://images6.alphacoders.com/677/thumb-1920-677881.png); | |
| /* Main Background Image (Yato&Yuki (Black Thrash) - Noragami) */ | |
| /*--background-image: url(https://images7.alphacoders.com/658/658236.jpg); | |
| /* Main Background Image (Akatsuki (purple/Simple) - Log Horizon) */ | |
| /*--background-image: url(https://images7.alphacoders.com/658/658236.jpg); | |
| /* Main Background Image (Ako(purple pink blue) - Netoge) */ | |
| /*--background-image: url(https://images7.alphacoders.com/719/719599.png); | |
| /* Main Background Image (Shiro - NGNL) */ | |
| /*--background-image: url(https://images5.alphacoders.com/658/658749.png); | |
| /* Main Background Image (Shiro 2 - NGNL) */ | |
| /*--background-image: url(https://images3.alphacoders.com/658/658745.jpg); | |
| /* Main Background Image (Stephanie Dola - NGNL) */ | |
| /*--background-image: url(https://images2.alphacoders.com/658/thumb-1920-658751.jpg); | |
| /* Main Background Image (Toradora - Toradora) */ | |
| /*--background-image: url(https://images8.alphacoders.com/389/389569.jpg); | |
| /* Main Background Image (Random - Yandere 1) */ | |
| /*--background-image: url(https://files.yande.re/image/596babdba4f8f2ef36b855f0890c242e/yande.re%20428790%20landscape%20natsu_tora%20seifuku%20sweater.jpg); | |
| /* Main Background Image (Clear Bright Color 「清明色」) */ | |
| /*--background-image: url(https://cdn.discordapp.com/attachments/279809986283175936/409575799063314432/image.jpg); | |
| /* (Do not delete this line. Theme will break otherwise.) */ | |
| } | |
| /* | |
| _____ _ __ __ | |
| |_ _| |__ ___ _ __ ___ ___ | \/ | ___ ___ ___ __ _ __ _ ___ ___ | |
| | | | '_ \ / _ \ '_ ` _ \ / _ \ | |\/| |/ _ \/ __/ __|/ _` |/ _` |/ _ \/ __| | |
| | | | | | | __/ | | | | | __/ | | | | __/\__ \__ \ (_| | (_| | __/\__ \ | |
| |_| |_| |_|\___|_| |_| |_|\___| |_| |_|\___||___/___/\__,_|\__, |\___||___/ | |
| |___/ | |
| */ | |
| /* "Use Dark Theme" Warning */ | |
| #bd-settingspane-container .content-column.default .ui-form-title.h2::after { | |
| display: block; | |
| position: relative; | |
| padding: 10px 15px; | |
| white-space: pre; | |
| margin-bottom: -10px; | |
| margin-top: 15px; | |
| border-radius: 2px; | |
| box-shadow: 0 2px 10px rgba(0, 0, 0, .2); | |
| font-weight: 500; | |
| color: #fff; | |
| text-transform: initial; | |
| text-align: center; | |
| } | |
| /* Dark Theme Warning All Clear Text */ | |
| .theme-dark .ui-standard-sidebar-view #bd-settingspane-container .content-column.default .ui-form-title.h2::after { | |
| background: rgba(67,181,129,0.6); | |
| content: "You're all set! Dark Theme for the win!"; | |
| } | |
| /* Dark Theme Warning Wrong Theme Text */ | |
| .theme-light .ui-standard-sidebar-view #bd-settingspane-container .content-column.default .ui-form-title.h2::after { | |
| background: rgba(141,32,54,0.6); | |
| content: "Hey! This theme needs Dark Theme enabled to work properly!"; | |
| } | |
| /* Make the Theme's Folder Button go back where it belongs >:( */ | |
| .ui-standard-sidebar-view #bd-settingspane-container .content-column.default .ui-form-title.h2+.bd-pfbtn { | |
| top: 60px; | |
| position: absolute; | |
| left: 130px; | |
| font-weight: 500; | |
| } | |
| /* Theme Change Log on Theme Selection Page */ | |
| .ui-standard-sidebar-view #bd-settingspane-container .content-column.default .bda-slist::before { | |
| display: block; | |
| position: relative; | |
| background: var(--main-color-faded); | |
| padding: 10px 15px; | |
| white-space: pre; | |
| margin-bottom: 10px; | |
| border-radius: 2px; | |
| box-shadow: 0 2px 10px rgba(0, 0, 0, .2); | |
| font-weight: 500; | |
| margin-top: 2px; | |
| color: #fff; | |
| text-transform: initial; | |
| content: var(--theme-name)" v" var(--version-content) "\A \A Theme Change-log: \A \A - Fixed Discord breaking theme transparency."!important; | |
| } | |
| /* | |
| _ _ _ | |
| __ _ _ __ _ __ | |__ __ _ ___| | ____ _ _ __ ___ _ _ _ __ __| | | |
| / _` | '_ \| '_ \ | '_ \ / _` |/ __| |/ / _` | '__/ _ \| | | | '_ \ / _` | | |
| | (_| | |_) | |_) | | |_) | (_| | (__| < (_| | | | (_) | |_| | | | | (_| | | |
| \__,_| .__/| .__/ |_.__/ \__,_|\___|_|\_\__, |_| \___/ \__,_|_| |_|\__,_| | |
| |_| |_| |___/ | |
| */ | |
| /* Main background and settings background */ | |
| .app { | |
| opacity:0.9!important; | |
| background: var(--background-image) !important; | |
| background-size: cover !important; | |
| } | |
| .callout-backdrop { | |
| opacity:0.9!important; | |
| background: var(--background-image) !important; | |
| background-size: cover !important; | |
| background-position: center !important; | |
| } | |
| .callout-backdrop::after { | |
| background-image: inherit; | |
| } | |
| .bda-backdrop { | |
| background-color: transparent !important; | |
| } | |
| .horizontal-2BEEBe { | |
| background-color: transparent; | |
| } | |
| /* Main BG Image */ | |
| .theme-dark .layer-kosS71, .theme-dark .layers-20RVFW { | |
| background: var(--background-overlay) !important; | |
| } | |
| /* | |
| _ _ | |
| ___ ___ _ __ ___ ___| | ___ _ __ ___ ___ _ __ | |_ ___ | |
| / __/ _ \| '__/ _ \ / _ \ |/ _ \ '_ ` _ \ / _ \ '_ \| __/ __| | |
| | (_| (_) | | | __/ | __/ | __/ | | | | | __/ | | | |_\__ \ | |
| \___\___/|_| \___| \___|_|\___|_| |_| |_|\___|_| |_|\__|___/ | |
| */ | |
| body, span:not(.spinner-item) { | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| div>*:not(code) { | |
| font-family: 'Karla',Whitney,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif !important; | |
| } | |
| textarea { | |
| background-color: 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; | |
| } | |
| .guilds-wrapper { | |
| box-shadow: inset -10px 0px 5px -6px rgba(25, 0, 0, 0.5); | |
| background: rgba(0, 0, 0, 0.5); | |
| border-right: 1px solid rgba(0, 0, 0, 0.4); | |
| } | |
| /* | |
| _ _ _ _ _ ____ _ __ __ | |
| | | | (_) __| | __| | ___ _ __ / ___|| |_ _ _ / _|/ _| | |
| | |_| | |/ _` |/ _` |/ _ \ '_ \ \___ \| __| | | | |_| |_ | |
| | _ | | (_| | (_| | __/ | | | ___) | |_| |_| | _| _| | |
| |_| |_|_|\__,_|\__,_|\___|_| |_| |____/ \__|\__,_|_| |_| | |
| */ | |
| .appMount-14L89u { | |
| background-color: transparent !important; | |
| } | |
| .links, | |
| .help-container { | |
| display: none; | |
| } | |
| .layers, | |
| .container-RYiLUQ { | |
| background: transparent !important; | |
| } | |
| .links, | |
| .chat, | |
| .typing, | |
| .content, | |
| .guild-channels, | |
| .private-channels, | |
| .guild-header header, | |
| .divider-red span, | |
| .messages-wrapper, | |
| #rtc-connection, | |
| #voice-connection { | |
| background: transparent !important; | |
| } | |
| div.flex-spacer.flex-vertical { | |
| background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.1) 105px) !important; | |
| } | |
| .content .flex-spacer, .friends-table { | |
| box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,.5); | |
| /*box-shadow: inset 5px 5px 5px -2px rgba(0,0,0,.5);*/ | |
| } | |
| /*Channel Sidebar for Direct Message*/ | |
| div.channels-3g2vYe { | |
| background: rgba(0,0,0,.55); | |
| /* box-shadow: 5px 46px 5px -2px rgba(0,0,0,.5); */ | |
| border-right: 1px solid rgba(20,20,20,.5); | |
| } | |
| /* Server list area */ | |
| .guilds-wrapper { background-color:rgba(0,0,0,0.7) !important; } | |
| /* Channels list area */ | |
| .channels-wrap { | |
| color: #fff; | |
| background-color:rgba(0,0,0,0.7) !important; | |
| } | |
| /* Chat area */ | |
| .content .flex-spacer { background-color:transparent; } | |
| /* Main Transparency Fix */ | |
| #app-mount, | |
| #friends, | |
| .app .layers .layer, | |
| .app .layers .layer>[class='container-'], | |
| .app .layers, | |
| .content-region, | |
| .guilds-wrapper, | |
| .sidebar-region, | |
| [class='activityFeed-'], | |
| [class='channels-'], | |
| [class='titleBar-'] | |
| { | |
| / Too dark or too bright? Adjust the opacity (0.15) to something lower or higher / | |
| background: rgba(0,0,0,0.15) !important; | |
| } | |
| #friends .friends-table, | |
| .channel-members-loading, | |
| .chat .content, | |
| .chat form, | |
| .chat, | |
| .content .flex-spacer, | |
| .messages-wrapper, | |
| .typing, | |
| [class='channels-'] [class="container-"], | |
| [class='headerBar-'], | |
| [class='titleWrapper-'] [class='title-'] | |
| { | |
| background: transparent !important; | |
| } | |
| .messages-wrapper + form { | |
| box-shadow: none !important; | |
| } | |
| /* Fix for suddenly non-transparent Message Being Typed Notification */ | |
| .theme-dark .typing-3eiiL_ { | |
| background: transparent !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 / __/ | | | \__ \ |_ \__ \ __/ (__| |_| | (_) | | | | | |
| |___/\___|_| \_/ \___|_| |_|_|___/\__| |___/\___|\___|\__|_|\___/|_| |_| | |
| */ | |
| .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.6);*/ | |
| background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0) 60px) !important; | |
| padding: 0 10px 0 15px; | |
| } | |
| .contentSelectedText-3j5CXt { | |
| background: rgba(0,0,0,0.8); | |
| } | |
| .contentSelectedText-3j5CXt:hover { | |
| background: rgba(0,0,0,0.3); | |
| } | |
| .contentHoveredText-2HYGIY, | |
| .contentHoveredVoice-3qGNKh:active, | |
| .contentSelectedVoice-gTtYM9:active { | |
| background: rgba(0,0,0,0.5); | |
| } | |
| /****** JOIN OR CREATE SERVER DIALOG COLOR ******/ | |
| .create-guild-container { | |
| background: transparent !important; | |
| box-shadow: 0 0 50px 3px !important; | |
| } | |
| .create-guild-container .action { | |
| background: rgba(255,255,255,0.7) !important; | |
| } | |
| .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 h5, | |
| .create-guild-container .action.create .action-header { | |
| color:var(--main-color); | |
| } | |
| .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); | |
| } | |
| .need-help-modal.deprecated { | |
| background:rgba(35,35,35,.75) !important; | |
| box-shadow: 0 0 50px 3px !important; | |
| } | |
| .need-help-modal.deprecated .footer { | |
| border: none !important; | |
| background-color: rgba(50,50,50,.95) !important; | |
| text-align: center !important; | |
| } | |
| .need-help-modal.deprecated .header input[type=text] { | |
| background-color: rgba(0,0,0,0.5) !important; | |
| } | |
| .region-select-modal { | |
| background:rgba(35,35,35,.75) !important; | |
| box-shadow: 0 0 50px 3px !important; | |
| } | |
| .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:30px; | |
| } | |
| .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: transparent !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: var(--friends-icon) !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,.25) !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; | |
| } | |
| /* | |
| _ _ _ _ | |
| ___| |__ __ _ _ __ _ __ ___| |___ ___ ___ ___| |_(_) ___ _ __ | |
| / __| '_ \ / _` | '_ \| '_ \ / _ \ / __| / __|/ _ \/ __| __| |/ _ \| '_ \ | |
| | (__| | | | (_| | | | | | | | __/ \__ \ \__ \ __/ (__| |_| | (_) | | | | | |
| \___|_| |_|\__,_|_| |_|_| |_|\___|_|___/ |___/\___|\___|\__|_|\___/|_| |_| | |
| */ | |
| .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.90); | |
| 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; | |
| 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; | |
| } | |
| /* | |
| _ _ _ _ | |
| ___| |__ __ _| |_ ___ ___ ___| |_(_) ___ _ __ | |
| / __| '_ \ / _` | __| / __|/ _ \/ __| __| |/ _ \| '_ \ | |
| | (__| | | | (_| | |_ \__ \ __/ (__| |_| | (_) | | | | | |
| \___|_| |_|\__,_|\__| |___/\___|\___|\__|_|\___/|_| |_| | |
| */ | |
| .search .search-bar { | |
| background-color: rgba(0, 0, 0, 0.35) !important; | |
| } | |
| .search-answer, | |
| .search-filter { | |
| background-color: var(--accent-color) !important; | |
| } | |
| .search-popout { | |
| background-color: rgba(12, 13, 14, 0.8); | |
| right: 7px; | |
| } | |
| .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.5) !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: 1px solid rgba(17, 21, 25, 0.6) !important; | |
| background: rgba(0,0,0,.25) !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.1) !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-wrap { | |
| border-bottom: 1px solid rgba(0,0,0,0.3) !important; | |
| background: rgba(0,0,0,0.95) !important; | |
| } | |
| .header-toolbar button.active { | |
| background-color:rgba(255,255,255,0.1); | |
| } | |
| .bot-tag, | |
| .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(35,35,35,.75) !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%,.15) !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; | |
| } | |
| .message-group .mentioned .message-text { | |
| background-color: rgba(100, 100, 100, .5) !important; | |
| } | |
| .chat>.content .messages .message-group .mentioned .markup .mention { | |
| color: var(--main-color) !important; | |
| } | |
| .message-group .mentioned .message-text::after { | |
| background: rgba(100, 100, 100, .3); | |
| border-left: 4px solid var(--main-color); | |
| } | |
| .mentioned .message-text { | |
| border-radius: 0 !important; | |
| background: rgba(37,172,232,0.9) !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: #FFF !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.5) !important; | |
| text-shadow: 2px 2px 20px #000; | |
| } | |
| .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: var(--main-message-color) !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; | |
| } | |
| .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 { | |
| 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: rgba(0,0,0,0.20) !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 .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: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.35);*/ | |
| padding-top: 10px; | |
| padding-bottom: 10px; | |
| border-radius: 5px; | |
| } | |
| .channel-members .member+h2 { | |
| margin-top:12px; | |
| } | |
| .channel-members h2:first-of-type { | |
| margin-top:0px !important; | |
| } | |
| /* | |
| _ __ _ | |
| _ _ ___ ___ _ __ (_)_ __ / _| ___ _ __ ___ _ __ ___ _ _| |_ | |
| | | | / __|/ _ \ '__| | | '_ \| |_ / _ \ | '_ \ / _ \| '_ \ / _ \| | | | __| | |
| | |_| \__ \ __/ | | | | | | _| (_) | | |_) | (_) | |_) | (_) | |_| | |_ | |
| \__,_|___/\___|_| |_|_| |_|_| \___/ | .__/ \___/| .__/ \___/ \__,_|\__| | |
| |_| |_| | |
| */ | |
| .user-popout .header { | |
| background:var(--main-color) !important; | |
| position: relative; | |
| z-index: 1; | |
| } | |
| .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; | |
| } | |
| /* | |
| _ _ _ _ | |
| _ __ ___ (_)_ __ (_)_ __ ___ __ _| | _ __ ___ ___ __| | ___ | |
| | '_ ` _ \| | '_ \| | '_ ` _ \ / _` | | | '_ ` _ \ / _ \ / _` |/ _ \ | |
| | | | | | | | | | | | | | | | | (_| | | | | | | | | (_) | (_| | __/ | |
| |_| |_| |_|_|_| |_|_|_| |_| |_|\__,_|_| |_| |_| |_|\___/ \__,_|\___| | |
| */ | |
| /* 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 { | |
| margin-bottom: 20px; | |
| border-bottom: 1px solid rgba(255,255,255,0.1); | |
| padding-bottom: 20px; | |
| } | |
| #bd-settingspane-container .content-column .ui-switch-item .ui-form-text { | |
| font-size: 14px; | |
| font-weight: 500; | |
| color: rgba(255,255,255,0.35); | |
| } | |
| .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-right { | |
| display: flex; | |
| justify-content: space-between; | |
| flex-direction: row-reverse; | |
| float: none; | |
| position: absolute; | |
| top: -2px; | |
| right: 0; | |
| } | |
| .bd-pfbtn { | |
| position: relative; | |
| top: -43px; | |
| left: 100px; | |
| 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: 12px; | |
| 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); | |
| } | |
| #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; | |
| } | |
| .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; | |
| } | |
| /* | |
| _ _ _ | |
| ___ ___| |_| |_(_)_ __ __ _ ___ | |
| / __|/ _ \ __| __| | '_ \ / _` / __| | |
| \__ \ __/ |_| |_| | | | | (_| \__ \ | |
| |___/\___|\__|\__|_|_| |_|\__, |___/ | |
| |___/ | |
| */ | |
| .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.5) !important; | |
| } | |
| .ui-standard-sidebar-view .content-region, | |
| .ui-standard-sidebar-view .content-region .scrollbar { | |
| background: rgba(0,0,0,0.65) !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: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; | |
| } | |
| .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; | |
| } | |
| /* THIS ONE */ | |
| .popout-menu .popout-menu-item { | |
| background: rgba(0,0,0,0.82) !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; | |
| } | |
| .themed-popout { | |
| background-color: rgba(12, 13, 14, 0.2) !important; | |
| border: 1px solid rgba(255,255,255,.1) !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) !important; | |
| background-color: rgba(0, 0, 0, 0.25) !important; | |
| box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.45) !important; | |
| } | |
| .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; | |
| } | |
| /* | |
| _ _ _ _ _ _ | |
| _ __ _ _| |__ | (_) ___ | | (_)___| |_ | |
| | '_ \| | | | '_ \| | |/ __| | | | / __| __| | |
| | |_) | |_| | |_) | | | (__ | |___| \__ \ |_ | |
| | .__/ \__,_|_.__/|_|_|\___| |_____|_|___/\__| | |
| |_| | |
| */ | |
| /* Turn off Public Server List because it's broken. :( */ | |
| #pubslayerroot .layer div div {display: none} | |
| #pubslayerroot .layer .ui-standard-sidebar-view:before { | |
| content:"The Public Server list on BetterDiscord is currently broken. Please press ESC to close this Window."; | |
| display:block; | |
| position:fixed; | |
| top:0; | |
| left:0; | |
| font-size:24px; | |
| text-align:center; | |
| vertical-align:middle; | |
| line-height:100vh; | |
| width:100%; | |
| height:100%; | |
| background:rgba(0,0,0,.75) !important; | |
| color:#FFF; | |
| } | |
| /* Guild Create or Join Settings */ | |
| /* Corner Rounding */ | |
| .form.deprecated .form-inner:last-child { | |
| border-bottom-left-radius: 7px; | |
| border-bottom-right-radius: 7px; | |
| } | |
| .form.deprecated .form-inner:first-child { | |
| border-top-left-radius: 7px; | |
| border-top-right-radius: 7px; | |
| } | |
| .form.deprecated .form-actions { | |
| border-top: none !important; | |
| background-color: rgba(50,50,50,.95) !important; | |
| } | |
| .bd-blue .create-guild-container h5, .bd-blue .form header { | |
| color: #FFF !important; | |
| } | |
| .create-guild-container.deprecated .action .action-header, | |
| .create-guild-container.deprecated .action .action-body { | |
| color: #000 !important; | |
| } | |
| /* Remove "OR" from Guild Creation Screen */ | |
| .create-guild-container.deprecated .create-or-join .actions .or { | |
| background-image: none !important; | |
| color: transparent !important; | |
| } | |
| /* Main Backdrop */ | |
| .backdrop-2ohBEd { | |
| opacity: .50 !important; | |
| } | |
| /* | |
| ____ _ _____ _ _ _ | |
| / ___| _ ___| |_ ___ _ __ ___ | ____|__| (_) |_ ___ | |
| | | | | | / __| __/ _ \| '_ ` _ \ | _| / _` | | __/ __| | |
| | |__| |_| \__ \ || (_) | | | | | | | |__| (_| | | |_\__ \ | |
| \____\__,_|___/\__\___/|_| |_| |_| |_____\__,_|_|\__|___/ | |
| for to make Clear-Matter work | |
| */ | |
| /* Colorize the Voice Call Status Pane in */ | |
| /* Channel list and remove ugly border.*/ | |
| .container-3lnMWU { | |
| border-bottom: none !important; | |
| background: rgba(32,34,37,.60) !important; | |
| } | |
| /* Make Channel Title Pane Transparent */ | |
| .title-qAcLxz, .title-qAcLxz { | |
| background: rgba(0,0,0,0.5) !important; | |
| } | |
| .theme-dark .headerBar-cxbhPD { | |
| background: rgba(0,0,0,0.45) !important; | |
| } | |
| /* Make Call Pane Transparent */ | |
| .ui-video, .ui-video-height.minimum { | |
| background-color: rgba(0,0,0,0.3); | |
| } | |
| /* Also Make Call Pane Transparent */ | |
| .private-channel-call { | |
| background-color: rgba(0,0,0,.5); | |
| } | |
| /* Remove Ugly White Radial Borders from Channel List */ | |
| .base-3AoPqv { | |
| border-radius: 0; | |
| } | |
| /* Remove Ugly Blue to left of Embeds */ | |
| .message-group .embed-wrapper .embed-color-pill { | |
| background-color: transparent !important; | |
| } | |
| /* Make File Upload Metadata Easier to read */ | |
| .message-group .comment .attachment .metadata { | |
| color: #FFFFFF !important; | |
| } | |
| /* Make 'Add Friends to Chat' List Transparent */ | |
| .private-channel-recipients-invite .body .scroller { | |
| background: rgba(0,0,0,.20); | |
| } | |
| /* Make Above List's elements Transparent */ | |
| .private-channel-recipients-invite .friend { | |
| background: transparent !important; | |
| } | |
| /* Make Mentions and Pins Lists Transparent */ | |
| .messages-popout { | |
| background: rgba(0,0,0,.45) !important; | |
| } | |
| /* Make Text on Empty Friend Pages readable (for Wumpus!) */ | |
| #friends .friends-empty p { | |
| color: rgba(255,255,255,1) !important; | |
| text-shadow: 2px 2px #131313; | |
| } | |
| /* Make Column Headers on Friend Pages readable */ | |
| #friends .friends-table .friends-table-header .friends-column { | |
| color: hsla(0, 0% 100, .7); | |
| } | |
| /* Add a drop shadow to message text for legibility purposes */ | |
| .message .body .message-text { | |
| text-shadow: 2px 2px 20px #000; | |
| } | |
| /* | |
| ____ _ _ __ __ _ _ _ _ | |
| / ___| |__ __ _ _ __ _ __ ___| | | \/ | ___ _ __ ___ | |__ ___ _ __ | | (_)___| |_ | |
| | | | '_ \ / _` | '_ \| '_ \ / _ \ | | |\/| |/ _ \ '_ ` _ \| '_ \ / _ \ '__| | | | / __| __| | |
| | |___| | | | (_| | | | | | | | __/ | | | | | __/ | | | | | |_) | __/ | | |___| \__ \ |_ | |
| \____|_| |_|\__,_|_| |_|_| |_|\___|_| |_| |_|\___|_| |_| |_|_.__/ \___|_| |_____|_|___/\__| | |
| */ | |
| .channel-members { | |
| padding-top: 15px; | |
| } | |
| .channel-members .member { | |
| padding: 5px 16px 5px 23px !important; | |
| } | |
| .flex-vertical.channels-wrap { | |
| z-index: 0; | |
| width: 0px; | |
| transition: width linear .3s; | |
| height: 100%; | |
| background: transparent; | |
| border-right: solid transparent 0px; | |
| } | |
| .guilds-wrapper:hover ~ .flex-vertical.channels-wrap, | |
| .flex-vertical.channels-wrap:hover { | |
| width: 25%; | |
| border-right: 0px solid transparent; | |
| z-index: 3 !important; | |
| } | |
| .theme-dark .guilds-wrapper:hover ~ .chat form, | |
| .theme-dark .flex-vertical.channels-wrap:hover ~ .chat form { | |
| border-left: 2px solid #212121 !important; | |
| } | |
| .channel-members { | |
| transform: translate(163px); | |
| z-index: 2; | |
| transition: all 300ms ease; | |
| } | |
| .channel-members:hover { | |
| animation: member 300ms ease; | |
| transform: translate(0px); | |
| box-shadow: 4px 0 10px 6px rgba(0, 0, 0, 0.32); | |
| } | |
| .channel-members h2 { | |
| width: 96px !important; | |
| text-align: center; | |
| } | |
| .channel-members .member .member-activity, | |
| .channel-members .member .member-username-inner { | |
| opacity: 0; | |
| transition: opacity 300ms ease, margin 100ms ease; | |
| } | |
| .channel-members .member .member-username-inner { | |
| margin-bottom: 6px; | |
| } | |
| .channel-members:hover .member .member-activity, | |
| .channel-members:hover .member .member-username-inner { | |
| opacity: 1; | |
| } | |
| .header-toolbar button.active { | |
| display: none; | |
| } | |
| .channel-members h2 { | |
| transform-origin: left; | |
| transform: scale(0.7); | |
| padding: 6px; | |
| transition: all 300ms ease; | |
| color: #fff !important; | |
| } | |
| .channel-members:hover h2 { | |
| transform: scale(1); | |
| padding: 4px 58px; | |
| } | |
| .channel-members .avatar-small { | |
| transform: scale(1.2); | |
| } | |
| .channel-members:hover .avatar-small { | |
| transform: scale(1); | |
| } | |
| .chat.flex-vertical.flex-spacer>.content.flex-spacer.flex-horizontal>.flex-spacer.flex-vertical:not(.private) { | |
| margin-right: -163px !important; | |
| z-index: 1 | |
| } | |
| .chat.flex-vertical.flex-spacer.private>.content.flex-spacer.flex-horizontal>.flex-spacer.flex-vertical { | |
| margin-right: 0px !important; | |
| z-index: 1 | |
| } | |
| .channel-members::after { | |
| content: var(--theme-letter)" v"var(--version-content); | |
| font-size: 210%; | |
| left: -65px; | |
| } | |
| [class*="scroller-"].channel-members { | |
| background-color:rgba(0,0,0,0.5) !important; | |
| height: 100%; | |
| transform: translate(163px); | |
| } | |
| [class*="scroller-"].channel-members:hover { | |
| background:linear-gradient(to right, rgba(0,0,0,0.5), 50%, rgba(0,0,0,1.0)) !important; | |
| animation: member 300ms ease; | |
| transform: translate(0px); | |
| box-shadow: 4px 0 10px 6px rgba(0, 0, 0, 0.32); | |
| } | |
| .channel-members:hover::after { | |
| display: none; | |
| } | |
| .container-iksrDt { | |
| margin-left: 0px; | |
| } | |
| .scroller-wrap .scroller::-webkit-scrollbar { | |
| width: 0px; | |
| } | |
| .scroller.messages::-webkit-scrollbar { | |
| width: 12px !important; | |
| visibility: hidden; | |
| } | |
| .scroller.messages:hover::-webkit-scrollbar { | |
| width: 12px !important; | |
| visibility: visible; | |
| } | |
| .guilds-wrapper .scroller-wrap { | |
| width: 75px; | |
| } | |
| .guilds-wrapper .guilds-add { | |
| bottom: 0px !important; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment