Skip to content

Instantly share code, notes, and snippets.

@cryocaustik

cryocaustik/BetterDiscord_Dark_Material_Custom.css

Last active March 5, 2018 02:48
Show Gist options
  • Save cryocaustik/0b3b3bc228b5daeda6aaa3e3693e0d02 to your computer and use it in GitHub Desktop.
Save cryocaustik/0b3b3bc228b5daeda6aaa3e3693e0d02 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
BetterDiscord_Dark_Material_Custom.css
@import url('https://fonts.googleapis.com/css?family=Artifika');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300');
.message-text{
font-size: 1.1em !important;
}
.markup{
font-family: 'Ubuntu', 'Segoe UI light' !important;
}
//META{"name":"Discord_Theme","description":"Dark, material like theme","author":"https://github.com/BakaTekku/Discord_Theme","version":"?"}*//
html, body, a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
text-shadow: 1px 1px #000000;
}
::selection {
background: #000 !important;
color: #ffffff;
}
::-moz-selection {
background: #000 !important;
color: #ffffff;
}
@keyframes color_up {
from {
background-color: rgba(0,0,0,0.7);
}
to {
background-color: rgba(0,0,0,0);
}
}
/*Discord Boot*/
.connecting {
background: #111111;
}
.connecting .connecting-inner:before {
content: "NIGHT WAS HERE :)";
color: #DD0000;
}
.connecting video.ready {
visibility: hidden;
display: none !important;
}
/*User settings main*/
.theme-dark .ui-standard-sidebar-view .sidebar-region {
background: #161616;
}
.theme-dark .ui-standard-sidebar-view .content-region {
background: #0f0f0f;
}
.theme-dark .ui-card-primary {
background: #111111;
}
.theme-dark .cardPrimary-ZVL9Jr {
border-color: #060606;
}
.theme-dark .cardPrimaryEditable-2IQ7-V {
border-color: #060606;
background-color: #161616;
}
.theme-dark .desc-2dKaro {
color: #aaaaaa;
}
.theme-dark .description-3MVziF, .theme-dark .labelDescriptor-1BebCl {
color: #aaaaaa;
}
.theme-dark .item-3tXG-o {
box-shadow: inset 0 -1px 0 0 #000000;
}
.theme-dark .ui-radio-list-item {
box-shadow: inset 0 -1px 0 0 #1c1c1c;
}
.theme-dark .ui-tab-bar-separator {
background-color: #1c1c1c;
}
.theme-dark .divider-1G01Z9 {
background-color: rgba(0,0,0,.9);
}
.theme-dark .user-settings-notifications .notifications-sound {
box-shadow: inset 0 -1px 0 0 #1c1c1c;
}
.theme-dark .user-settings-games .game {
box-shadow: 0 1px 0 0 #1c1c1c;
}
/* scroll bars style */
.scroller::-webkit-scrollbar-thumb {
border:1px solid transparent!important;
background-color:#0e0e0e!important;
}
.scroller::-webkit-scrollbar-track-piece {
border: none!important;
background-color: #161616!important;
}
.scroller::-webkit-scrollbar {
width:10px!important;
}
/* Server List bar */
.guilds-wrapper {
background: #0a0a0a;
}
/* Text channels title bar */
.channels-wrap {
background-color: #131313;
}
/*New text channels update */
.container-RYiLUQ {
background-color: #161616;
}
.contentSelectedText-3j5CXt {
background-color: #111111;
}
.contentHoveredText-2HYGIY, .contentHoveredVoice-3qGNKh:active, .contentSelectedVoice-gTtYM9:active {
background-color: #111111;
}
.nameUnreadText-1pxldj, .nameUnreadVoice-QK4gxH {
color: #dddddd;
}
.nameMutedText-1YDcP-, .nameMutedVoice-26k4cP {
color: #333333;
}
.slider-handle span:before {
border-top-color: #000000;
}
.slider-handle span:after {
border-top-color: #000000;
}
.slider-handle span {
background-color: #000000;
border: none;
}
.slider-handle {
border: none;
}
.private-channels {
background-color: #161616;
}
/* Chat messages title bar */
.theme-dark .chat .title-wrap {
background: #0f0f0f;
border-bottom: none;
box-shadow: 0 1px 0 rgba(0,0,0,.00);
}
/* Load more messages modal */
.theme-dark .chat .has-more button {
background: #0f0f0f;
border: 1px solid #0e0e0e;
}
/* Chat messages Content */
.chat .messages {
background: #161616;
box-shadow: inset 16px 0px 16px -16px rgba(0,0,0,0.8);
}
/* Messages Divider */
.theme-dark .message-group:not(.has-divider) {
border-bottom-color: rgba(0,0,0,.3);
}
/* Blocked Message */
.theme-dark .messages-wrapper .messages .message-group-blocked .message-group-blocked-btn {
background: #0f0f0f;
color: #aaa;
}
/* @mention hover */
.theme-dark .message-group .comment .markup .mention:hover {
background-color: transparent;
}
.theme-dark .friends-table .messages .message-group-blocked, .theme-dark .messages-wrapper .messages .message-group-blocked {
background: #0f0f0f;
border-color: #0a0a0a;
}
.theme-dark .friends-table .messages .message-group-blocked.revealed, .theme-dark .messages-wrapper .messages .message-group-blocked.revealed {
border-color: #0a0a0a;
background: #141414;
}
/* new message alert*/
.theme-dark .friends-table .messages .divider.divider-red>div, .theme-dark .messages-wrapper .messages .divider.divider-red>div {
background: #dd0000 !important;
}
.theme-dark .friends-table .messages .divider:not(.red) div, .theme-dark .messages-wrapper .messages .divider:not(.red) div {
background: #0c0c0c;
}
.theme-dark .messages-wrapper .messages .divider span {
background-color: #161616;
}
.theme-dark .inner-3if5cm {
background-color: #0f0f0f;
}
/* Text input chat bar */
.theme-dark .channel-textarea-inner, .theme-dark .channel-textarea.has-results .channel-textarea-inner {
border-color: transparent;
}
.theme-dark .channel-textarea-inner
{
border-color: #0e0e0e;
background-color: #0f0f0f;
}
.theme-dark .chat form
{
background: transparent;
border-top: none;
box-shadow: inset 16px 0px 16px -16px rgba(0, 0, 0, .8);
}
.chat form
{
margin: 0 0px;
padding-left: 20px;
padding-right: 20px;
}
.channel-textarea
{
margin: 20px 0 30px;
}
.theme-dark .chat form .typing
{
background-color: transparent;
margin-left: 20px;
}
.theme-dark .channel-textarea-emoji {
opacity: 0.6;
}
.channel-textarea-inner .channel-textarea-upload {
opacity: 0.6;
}
.theme-dark .channel-textarea-inner .channel-textarea-upload:hover {
background-color: transparent;
opacity: 1;
}
.theme-dark .channel-
textarea.has-results .channel-textarea-inner
{
border-color: rgba(0,0,0,0);
}
.theme-dark .autocomplete-1TnWNR {
background-color: #111111;
border-radius: 3px 3px 0 0;
box-shadow: 0 0px 3px #000000;
}
.theme-dark .selectorSelected-2M0IGv {
background-color: #161616;
}
.theme-dark .divider-2JwdCF {
background-color: #000000;
}
.emoji-picker .premium-promo {
background-color: #0f0f0f;
}
/* Members List */
.theme-dark .channel-members {
background-color: #161616;
box-shadow: 0 0 16px rgba(0, 0, 0, 0.8);
}
.theme-dark .channel-members .member.popout-open, .theme-dark .channel-members .member:hover {
background: -webkit-linear-gradient(left,#111111 85%,#131313);
background: linear-gradient(to right,#111111 85%,#131313);
}
/*New Voice bar update */
.container-3lnMWU {
background: #0f0f0f;
border-bottom: solid 1px #090909;
}
.container-iksrDt {
background: #0f0f0f;
}
/* connection info */
.popout header {
background-color: #0f0f0f;
color: #aaa;
border-radius: 3px 3px 0 0;
box-shadow: 0 0px 3px #000000;
}
/* Voice Debug info */
.tab-bar.SIDE .tab-bar-item {
color: #bbb;
}
#rtc-debug-modal #users-section .user-list li.selected {
background: #161616;
}
.form.deprecated .btn-default {
background-color: transparent;
}
#rtc-debug-modal #users-section .selected-user {
color: #ccc;
}
.tab-bar.SIDE .tab-bar-item.selected, .tab-bar.SIDE .tab-bar-item:hover {
background: #111;
}
.deprecated-settings-modal .settings-header {
background-color: #161616;
}
.tab-bar.SIDE {
margin-right: -17px;
}
.deprecated-settings-modal .settings-inner {
background-color: #0f0f0f;
}
.deprecated-settings-modal .settings-actions {
background-color: #0f0f0f;
border-top: 1px solid #1c1c1c;
}
.form .control-group label {
color: #888;
}
.form .btn-default {
background-color: transparent;
color: #949494;
border-bottom: 2px solid #f9f9f9;
}
.form.deprecated hr {
border-bottom: 1px solid #000;
}
.scroller-wrap h3 {
color: #aaa;
}
#rtc-debug-modal #users-section .user-list {
border-right: 1px solid #1c1c1c;
}
#rtc-debug-modal #users-section .user-list li:hover {
background: linear-gradient(90deg,#111111 85%,#131313);
}
.scroller.settings-panel {
color: #aaa;
}
#rtc-connection-popout hr {
border: 1px solid #1c1c1c;
}
.popout.popout-top-right section:after, .popout.popout-top section:after {
border-top-color: #161616;
}
/* account bar*/
.account {
background: #111111;
border-top: 1px solid #191919;
}
.account .btn-group {
border: none;
}
.account .btn {
background: none;
}
#rtc-connection .btn-disconnect {
box-shadow: none;
}
.account .btn-deafen, .account .btn-settings {
box-shadow: none;
}
.account .btn-deafen, .account .btn-mute {
border-right: none;
}
/* status picker */
.theme-light .status-picker.popout-menu, .theme-dark .status-picker.popout-menu {
background-color: #161616 !important;
border-radius: 10px;
animation: status-picker 600ms ease-in-out!important;
}
.popout-menu { border-radius: 0;}
.status-picker .popout-menu-item {
background-color: #161616;
color: #fff;
}
.status-picker .popout-menu-item:hover {
background-color: #0f0f0f;
color: #fff;
}
.popout-menu .popout-menu-separator {
border-bottom: 1px solid #1c1c1c;
}
/* Friends list */
.theme-dark #friends .friends-header .tab-bar .tab-bar-item.selected {
background-color: #000000;
color: #ffffff;
border: solid 1px #0a0a0a;
}
.search-bar {
background-color: #131313;
box-shadow: 0 1px 0 0 rgba(0,0,0,.06),inset 0 -1px 0 0 rgba(0,0,0,.2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 4px;
}
.private-channels .channel.selected a {
background-color: #111111;
}
.private-channels .channel:hover a {
background-color: #111111;
}
.theme-dark #friends {
background-color: #161616;
}
.theme-dark #friends .friends-header {
background-color: #111111;
border-bottom: none;
box-shadow: none;
}
#friends .friends-table {
box-shadow: inset 16px 0px 16px -16px rgba(0,0,0,0.8);
margin-top: 0px;
}
.theme-dark .chat>.content, .theme-dark .friends-table, .theme-dark .messages-wrapper {
background-color: #161616;
}
.theme-dark #friends .friends-table .friends-row+.friends-row {
border-top: 1px solid rgba(0,0,0,.3);
}
.theme-dark #friends .friends-table .friends-table-header {
border-bottom: 1px solid rgba(0,0,0,.3);
}
.theme-dark #friends .friends-table .friends-row:hover {
background: #111;
}
/* add friend */
.theme-dark #friends .friends-table .friend-table-add-wrapper .friend-table-add-header {
background: #0f0f0f;
border-bottom: 1px solid rgba(0,0,0,.2);
border-top: 1px solid rgba(0,0,0,.2);
}
.theme-dark .add-friend-input-wrapper {
background-color: #161616;
}
.theme-dark #friends .friends-table .friend-table-add-wrapper .friend-table-suggestions-header {
border-bottom: 1px solid #1c1c1c;
}
/* User Profile popup */
/* playing game body */
.bodyDivider-3OPnU2 {
background-color: #212121;
}
.headerNormal-1cioxU {
background: #7289da url(https://i.imgur.com/u7lHZZ3.png);
background-size: 270px 213px;
}
.member-roles .member-role {
background-color: transparent;
border: 1px solid #252525;
}
component.member-role {
background: transparent !important;
}
.body-3rkFrF {
background-color: #1c1c1c;
padding: 10px;
border-bottom: 1px solid #212121;
}
.note textarea:focus {
background: #111;
}
.quick-message {
border: 1px solid #212121;
background: #111;
color: #aaa;
}
.footer-2J5zqP {
padding: 10px;
background-color: #1c1c1c;
}
/* User Profile page */
#user-profile-modal .header:after { /* Header */
background-image: url( "data:image/png;base64,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" );
background-color: #7289DA;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 150px
}
#user-profile-modal .header .username { /* Username */
color: #ffffff;
}
#user-profile-modal .header .discriminator { /* Discriminator */
opacity: 0.5!important;
color: #ffffff!important;
}
#user-profile-modal .header .activity { /* Playing X */
opacity: 0.5!important;
color: #ffffff!important;
}
#user-profile-modal .tab-bar-item { /* Tab */
color: #DDDDDD!important;
opacity: 0.7;
}
#user-profile-modal .tab-bar-item.selected { /* Selected Tab */
opacity: 1;
color: #6881D7!important;
border-bottom-color: #6881D7!important;
}
#user-profile-modal .additional-actions-icon { /* Actions Icon */
background: url( "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTJDBGvsAAAAUElEQVRIS+3SMQ4AIAgDQJ7m/z+FVSqLiRMOJL2EhaFDU5M+3H3gjsF3HQYnvuswN/FdB5l/K+pv1RLtbFrRDZla0duqJdrZtKIbMrWilswmKKm2TeARxnMAAAAASUVORK5CYII=" ) center no-repeat!important;
}
#user-profile-modal .avatar-wrapper { /* Avatar Wrapper */
border: solid 5px white;
border-radius: 100%;
}
.popout {
padding: 0;
box-shadow: 0 0px 16px #000000;
}
.popout section {
padding: 20px;
background-color: #161616;
border-radius: 0 0 3px 3px;
}
#user-profile-modal .header:after {
background-image: url(https://i.imgur.com/u7lHZZ3.png);
background-size: 270px 213px;
}
#user-profile-modal .tab-bar-container {
background-color: #111;
box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
border-bottom: none;;
}
#user-profile-modal .scroller {
background: #161616;
}
#user-profile-modal .guilds .section+.section {
border-top: 1px solid #202020;
}
#user-profile-modal .guilds .section .connected-accounts .connected-account{
border:0;
background:#212121;
box-shadow:0 2px 5px rgba(0,0,0,.1);
}
#user-profile-modal .guilds .section .connected-accounts .connected-account .connected-account-name-inner .connected-account-name {
color:#aaa;
}
#user-profile-modal .empty {
background: #161616;
}
#user-profile-modal .guilds .guild:hover {
background: #111111;
color: #aaa;
}
#user-profile-modal .guilds .guild {
color: #aaa;
}
/* Pinned messages */
.messages-popout .channel-separator{
background-color: #0f0f0f;
line-height: 32px;
}
.theme-dark .themed-popout .header {
background-color: #111111;
box-shadow: 0 0px 3px #000000;
}
.theme-dark .themed-popout {
background-color: #161616;
border: none;
box-shadow: 0 0px 16px #000000;
}
.theme-dark .messages-popout-wrap .messages-popout .message-group:hover {
border-color: transparent;
background-color: #111111;
}
.theme-dark .messages-popout-wrap .messages-popout .message-group {
border-color: transparent;
background-color: transparent;
border-bottom: solid 1px rgba(0,0,0,.3);
}
.theme-dark .messages-popout-wrap .messages-popout .message-group:hover .action-buttons {
box-shadow: none;
background-color: transparent;
}
.theme-dark .messages-popout-wrap .messages-popout .message-group .action-buttons .jump-button {
background-color: #191919;
}
/* search results */
.theme-dark .search-results-wrap .channel-separator:before {
border-color: rgba(0,0,0,.3);
}
.search-popout {
background-color: #161616;
border: none;
border-radius: 5px;
box-shadow: 0 0px 3px #000000;
}
.theme-dark .search-answer, .theme-dark .search-filter {
background-color: #000;
}
.search-popout .option:after {
background: transparent;
}
.search-popout .results-group:before {
border-top: 1px solid rgba(0,0,0,.3);
}
.search-popout .option.selected {
background-color: #111111;
}
.search-popout .option.selected:after {
background: transparent;
}
.search-popout .option strong {
color: #888;
}
/*Search calander */
.search-popout .date-picker {
border-top: transparent;
}
.theme-dark .theme-light .ui-calendar-picker .react-datepicker, .theme-light .ui-calendar-picker .react-datepicker {
background-color: #161616;
}
.theme-dark .theme-light .ui-calendar-picker .react-datepicker__week:last-of-type .react-datepicker__day, .theme-light .ui-calendar-picker .react-datepicker__week:last-of-type .react-datepicker__day {
border-bottom-color: #1c1c1c;
}
.theme-dark .theme-light .ui-calendar-picker .react-datepicker__header, .theme-light .ui-calendar-picker .react-datepicker__header {
background-color: #161616;
}
.theme-dark .theme-light .ui-calendar-picker .react-datepicker__day, .theme-light .ui-calendar-picker .react-datepicker__day {
border-top-color: #1c1c1c;
border-left-color: #1c1c1c;
color: #aaa;
}
.theme-dark .theme-light .ui-calendar-picker .react-datepicker__day--disabled, .theme-dark .theme-light .ui-calendar-picker .react-datepicker__day--outside-month, .theme-light .ui-calendar-picker .react-datepicker__day--disabled, .theme-light .ui-calendar-picker .react-datepicker__day--outside-month {
background-color: #000000;
}
.search-popout .date-picker .date-picker-hint {
border-top: 1px solid #1c1c1c;
}
.theme-dark .theme-light .ui-calendar-picker .react-datepicker__current-month, .theme-light .ui-calendar-picker .react-datepicker__current-month {
border-bottom-color: #1c1c1c;
}
.theme-dark .theme-light .ui-calendar-picker .react-datepicker__navigation.react-datepicker__navigation--next, .theme-dark .theme-light .ui-calendar-picker .react-datepicker__navigation.react-datepicker__navigation--previous, .theme-light .ui-calendar-picker .react-datepicker__navigation.react-datepicker__navigation--next, .theme-light .ui-calendar-picker .react-datepicker__navigation.react-datepicker__navigation--previous {
border-color: transparent;
}
.theme-dark .theme-light .ui-calendar-picker .react-datepicker__week .react-datepicker__day:last-of-type, .theme-light .ui-calendar-picker .react-datepicker__week .react-datepicker__day:last-of-type {
border-right-color: transparent;
}
.theme-dark .theme-light .ui-calendar-picker .react-datepicker__current-month, .theme-light .ui-calendar-picker .react-datepicker__current-month {
color: #aaa;
}
.theme-dark .theme-light .ui-calendar-picker .react-datepicker__day.react-datepicker__day--disabled, .theme-dark .theme-light .ui-calendar-picker .react-datepicker__day.react-datepicker__day--disabled:hover, .theme-light .ui-calendar-picker .react-datepicker__day.react-datepicker__day--disabled, .theme-light .ui-calendar-picker .react-datepicker__day.react-datepicker__day--disabled:hover {
background-color: #111;
color: #aaa;
}
.theme-dark .search-results-wrap .search-header {
background-color: transparent;
box-shadow: 4px #000;
}
.search-popout .search-query {
border-bottom: 1px so;
}
.option.search-query {
background-color: #111111;
}
.theme-dark .search-results-wrap .action-buttons .jump-button {
background-color: #212121;
}
/* no search results page*/
.theme-dark .search-results-wrap {
background-color: #161616;
box-shadow: 0 0 16px rgba(0, 0, 0, 0.8);
}
.theme-dark .search-results-wrap .search-header {
background-color: transparent;
box-shadow: 1px 1px #111;
}
/* Search Results */
.theme-dark .search-results-wrap .channel-separator .channel-name {
background-color: transparent;
}
.theme-dark .search-results-wrap .search-result .search-result-message.hit {
border: none;
}
.theme-dark .search-results-wrap .search-result .hit {
background-color: #111;
box-shadow: none;
}
.theme-dark .search-results-wrap .search-result:after {
background-image: none;
}
.search-results-wrap .search-result:after {
background-image: none;
}
.theme-dark .search-results-wrap .search-result:before {
background-image: none;
}
/* Emoji picker context menu */
.emoji-picker .scroller::-webkit-scrollbar-thumb{border:3px solid transparent!important;background-color:#333!important}
.emoji-picker .scroller::-webkit-scrollbar-track-piece{border:3px solid #19191b!important;background-color:#1a1a1a!important}
.emoji-picker .scroller::-webkit-scrollbar{width:5px}
.header {
background: #0f0f0f;
}
.emoji-picker .header {
border-bottom: 1px solid #1c1c1c;
}
.search-bar.search-bar-light .search-bar-inner {
background-color: #161616;
}
.emoji-picker .sticky-header {
background: #161616;
}
.search-bar.search-bar-light {
background-color: #0f0f0f;
}
.search-bar.search-bar-light input {
color: #aaa;
}
.emoji-picker .category {
color: #aaa;
}
.emoji-picker {
background-color: #161616;
border: 0px;
box-shadow: 0 0px 3px #000000;
border-radius: 0px;
}
.emoji-picker .scroller .emoji-item.selected {
background-color: #111;
}
.emoji-picker .categories {
border-top: 1px solid #1c1c1c;
}
/* local bot message */
.theme-dark .message-group.is-local-bot-message {
background-image: none;
border-color: transparent;
background-color: #0f0f0f;
box-shadow: 1px 0px #0a0a0a;
}
/* TOS modal */
.ui-new-terms-modal {
background-color: #161616;
}
.theme-light .primary-2giqSn {
color: #bbbbbb;
}
.ui-new-terms-modal .ack {
color: #bbbbbb;
}
.ui-new-terms-modal .button-container {
background-color: #0f0f0f;
}
.theme-dark .checked-2TahvT {
border-color: #000;
background-color: #fff;
}
.theme-dark .focused-1rg4X4 {
box-shadow: none;
}
.theme-dark .checkbox-1QwaS4 {
background-color: #0f0f0f;
border-color: #0a0a0a;
}
/* channel info modal*/
.theme-dark .modal-3HOjGZ {
background-color: #0f0f0f;
box-shadow: 0 0 0 1px rgba(0,0,0,.6),0 2px 10px 0 rgba(0,0,0,.2);
}
/*Help modal*/
.need-help-modal.deprecated .header input[type=text]:focus {
border-bottom: transparent;
}
.form.deprecated .control-group input[type=text], .form.deprecated .control-group textarea {
border-bottom: none;
}
.need-help-modal.deprecated .header {
background-color: #0f0f0f;
}
.form.deprecated .form-inner {
background-color: #161616;
}
.need-help-modal.deprecated .footer {
background-color: #161616;
color: #aaaaaa;
border-top: 1px solid rgba(0,0,0,.3);
}
/* help modal input*/
.need-help-modal.deprecated .header input[type=text] {
color: #aaaaaa;
font-size: 14px;
margin: 15px 0;
width: 460px;
height: 40px;
background-color: #0a0a0a;
border-radius: 20px;
box-shadow: none;
box-sizing: border-box;
padding: 10px;
}
/* Delete Message Modal */
.theme-dark .footer-1PYmcw {
background-color: #161616;
}
.theme-dark .message-25xg43 {
background-color: #161616;
}
/* Help info */
.need-help-modal .header input[type=text] {
color: #aaa;
background-color: #0a0a0a;
box-shadow: none;
}
.form .control-group input[type=text] {
border-bottom: none;
}
.need-help-modal .header input[type=text]:focus {
border-bottom: none;
}
.popout-menu {
background: #161616;
box-shadow: 0 2px 10 0 rgba(0,0,0,.5);
}
.popout-menu .popout-menu-item {
color: #aaaaaa;
}
.popout-menu .popout-menu-item:hover {
background-color: #111111;
color: #888888;
}
/* Invite link modal */
.clipboard-input-inner button:first-of-type:before {
background: transparent !important;
}
.clipboard-input-inner button {
border-left: none;
}
#instant-invite-modal .checkbox .checkbox-inner span {
border: 2px solid #0a0a0a;
}
#instant-invite-modal .form-header header {
color: #aaaaaa;
}
#instant-invite-modal .blurb {
color: #888888;
}
.clipboard-input-inner {
background: #0a0a0a;
border: none;
}
#instant-invite-modal .clipboard-input-inner input {
background: #0a0a0a;
}
.form.deprecated .is-focused:not(.is-open)>.Select-control {
border: 1px solid #000000;
}
.form.deprecated .Select-option.is-focused {
background: #111111;
color: #cccccc;
}
.instant-invite-modal {
background: #0f0f0f;
}
.form.deprecated .form-header {
background: #0f0f0f;
}
#instant-invite-modal .form-actions {
background-color: #161616;
border-top: solid 1px rgba(0,0,0,.3);
}
.alert.form.has-icon:before {
background-color: transparent;
}
.form .form-inner:last-child {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.alert.form .form-inner h4 {
color: #fff;
}
.alert.form .form-inner p {
color: #aaaaaa;
}
#instant-invite-modal-advanced .form-actions {
background-color: #161616;
}
.form.deprecated .has-value .Select-placeholder {
color: #aaa;
}
.form.deprecated .Select-control:hover {
border-color: #000000;
}
.is-open>.Select-control {
background: #161616;
border-color: #000000;
}
.Select-menu-outer {
background-color: #0f0f0f;
border: 1px solid #000000;
border-top-color: transparent;
box-shadow: none;
}
.Select-control:hover {
box-shadow: none;
}
.form.deprecated .Select.is-disabled .Select-control:hover, .form.deprecated .Select.is-open .Select-control:hover {
border-color: #000000;
}
.form .Select-option:hover {
background-color: #000000;
color:#aaaaaa;
}
.form .Select-option:focus {
background-color: #000000;
color:#aaaaaa;
}
.form.deprecated .Select-option {
color: #aaaaaa;
}
.deprecated-settings-modal .checkbox .checkbox-inner span {
border: 2px solid #000000;
}
.form.deprecated .Select-control {
border: 1px solid #000000;
}
.Select-control {
background-color: #0a0a0a;
border-color: #d9d9d9 #ccc #b3b3b3;
border: 1px solid #ccc;
color: #333;
}
.checkbox .checkbox-inner+span {
color: #888888;
}
/* server settings - moderation */
.theme-dark .buttonPrimaryOutlinedDefault--H0hhk, .theme-dark .buttonPrimaryOutlinedSubmitting-3m3eFx {
border-color: #000;
background: #161616;
}
/*server settings - audit log */
.theme-dark .headerClickable-1jGUp8, .theme-dark .headerDefault-1ajMkj {
background-color: #161616;
color: #b9bbbe;
}
.theme-dark .auditLog-1XsYCj {
border-color: #060606;
}
.theme-dark .headerExpanded-wW1rBx {
background-color: #161616;
}
.theme-dark .divider-ShvCWe {
background-color: #0a0a0a;
}
.theme-dark .changeDetails-zbf-61 {
background-color: #161616;
}
.theme-dark .ui-form-divider {
background-color: #1c1c1c;
}
.theme-dark .ui-audit-log .header {
background-color: #161616;
}
.theme-dark .ui-audit-log {
border-color: #1c1c1c;
}
.theme-dark .buttonPrimaryFilledDefault-ekmMaT, .theme-dark .buttonPrimaryFilledDisabled-YU7uC3, .theme-dark .buttonPrimaryFilledSubmitting-1zavhH {
background-color: #161616;
}
.theme-dark .buttonPrimaryFilledDefault-ekmMaT:active, .theme-dark .buttonPrimaryFilledDefault-ekmMaT:hover {
background-color: #131313;
}
/* server settings - emoji */
.theme-dark .emoji-row {
box-shadow: 0 1px 0 0 #010101;
}
.theme-dark .emoji-alias-input .emoji-input {
background-color: #0a0a0a;
}
/* server settings - overview */
.theme-dark .separator-3z7STW {
background-color: rgba(0,0,0,.6);
}
.theme-dark .ui-radiogroup .desc {
color: #888;
}
.theme-dark .ui-checkbox {
border-color: #000;
background: #0f0f0f;
}
.theme-dark .ui-card-primary.editable {
background: #161616;
}
.theme-dark .ui-card-primary {
border-color: #1c1c1c;
}
.buttonWhiteOutlined-2KwPTg {
border-color: #000000;
}
.buttonWhiteOutlined-2KwPTg:hover {
border-color: #1c1c1c;
}
#autocomplete-popout .row.selected, #autocomplete-popout .row:hover {
background: #111111;
}
.popout.popout-bottom-right header:before, .popout.popout-bottom header:before {
border-bottom-color: #000000;
}
#autocomplete-popout .empty:hover {
background-color: transparent;
}
/* region selector*/
.region-select-modal {
background: #161616;
}
.region-select-modal .region-select-modal-option {
border: 2px solid #1c1c1c;
background-color: #0f0f0f;
}
.region-select-modal .region-select-modal-footer {
color: #888888;
}
.region-select-name {
color: #aaaaaa;
}
.theme-dark .ui-select .Select-menu-outer {
border-color: #1c1c1c;
box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
background: #161616;
}
.theme-dark .ui-select .Select-option.is-focused, .theme-dark .ui-select .Select-option:hover {
background: #111111;
}
/* server members */
.theme-dark .guild-settings-members-member {
box-shadow: 0 1px 0 0 #010101;
}
.theme-dark .ui-role-list-add {
border-color: #000000;
background: #0a0a0a;
}
.theme-dark .ui-search-bar {
background-color: #0a0a0a;
}
.theme-dark .guild-settings-members-member .tag {
color: #aaaaaa;
}
.theme-dark .ui-hover-card:before {
background-color: #161616;
border-color: #000000;
}
.theme-dark .round-remove-button {
background-color: #111;
box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 2px 10px 0 rgba(0,0,0,.2);
}
/* invites log */
.theme-dark .invite-settings-invite-row {
box-shadow: 0 1px 0 0 #010101;
color: #f6f6f7;
}
/*ban log */
.theme-dark .guild-settings-banned-user {
box-shadow: 0 1px 0 0 #010101;
}
/* delete server */
.form .form-inner {
color: #aaaaaa;
}
.form .form-actions {
background-color: #161616;
border-top: 1px solid #1c1c1c;
border-radius: 0;
}
.form.deprecated .btn-default {
border-bottom: 2px solid #000000;
}
/* members quick menu */
.theme-dark .ui-popout-list {
background: #161616;
}
.theme-dark .ui-selectable-item:hover {
background-color: #111111;
}
/* Notification settings */
.form .control-group label {
color: #aaaaaa;
}
.settings-section.control-groups {
color: #888;
}
.notification-settings-modal .notification-settings-modal-channel-settings-header label {
color: #aaaaaa;
}
.notification-settings-modal .notification-settings-modal-channel-settings-list {
box-shadow: 0 -1px #1c1c1c;
}
.channel-notification-settings .content label {
color: #888888;
}
.channel-notification-settings {
border-bottom: 1px solid #1c1c1c;
}
/*Changelog modal window popup*/
.markdown-modal {
background-color: #161616;
color: #aaaaaa;
}
.markdown-modal .markdown-modal-header {
border-bottom: 1px solid #1c1c1c;
color: #cccccc;
}
.markdown-modal ul li {
color: #aaaaaa;
}
.markdown-modal .markdown-modal-footer {
border-top: 1px solid #1c1c1c;
color: #aaaaaa;
background-color: #161616;
}
.modal-content .form-inner p {
color: #aaaaaa;
}
/* Alerts */
.mention {
color: #fffff;
}
.chat .new-messages-bar button:last-child {
color: #e0e0e0;
}
.theme-dark .chat .jump-to-present-bar {
background-color: #000000;
}
.theme-dark .chat .jump-to-present-bar:hover {
background-color: #030303;
}
.theme-dark .message-group .comment .markup .mention {
background-color: #131313;
}
form.modal-content.form.alert.has-icon {
background-image:url(https://i.imgur.com/S2WyM21.png) !important;
}
/* create/join server modal */
.create-guild-container.deprecated {
background-color: #161616;
}
.create-guild-container.deprecated .create-or-join .form-inner {
background-color: #161616;
}
.create-guild-container.deprecated .action {
background: #0f0f0f;
}
.form.deprecated .control-group input[type=email], .form.deprecated .control-group input[type=number], .form.deprecated .control-group input[type=password], .form.deprecated .control-group input[type=text], .form.deprecated .control-group textarea {
color: #ccc;
}
.create-guild-container.deprecated .join-server .link-container input {
border: 1px solid #000000;
}
.or {
display: none;
}
.form .control-group input[type=text] {
background: #0a0a0a;
color: #cccccc;
}
.form.deprecated .form-actions {
background-color: #161616;
border-top: 1px solid #000000;
}
.create-guild-container .action:hover.join .btn {
background-color: #000000!important;
}
.create-guild-container .action.join .btn {
background-color: #000000!important;
}
.create-guild-container .action.create .action-icon {
background: url(https://i.imgur.com/zi2NJ1r.png) 50% no-repeat !important;
background-size: 112px 78px !important;
}
.create-guild-container .action.join .action-icon {
background: url(https://i.imgur.com/6HYQCCv.png) 50% no-repeat !important;
background-size: 178.5px 78px !important;
}
.region-select .region-select-inner {
border: 1px solid #000000;
background: #0a0a0a;
}
.region-select button {
border: 1px solid #000000;
}
/* Right-click Popout */
.small-popout-box {
border-radius: 0;
color: #fff;
background: #161616;
border: 0;
}
.option-popout .btn-item {
color: #ffffff;
}
.option-popout .btn-item:hover {
background: #0f0f0f;
color: #fff;
}
.context-menu {
background: #161616!important;
border-radius: 2px;
padding: 0px 0px;
box-shadow: 0 0px 16px #000000 !important;
}
.theme-dark.context-menu .item-group {
border-color: #1c1c1c!important;
}
.theme-dark.context-menu .context-menu {
border: none;
box-shadow: 0 0px 3px #000000;
}
.context-menu .item:first-of-type {
border-radius: 2px 2px 0 0;
}
.context-menu .item:last-of-type {
border-radius: 0 0 2px 2px;
}
.context-menu .item {
background: transparent!important;
border-radius: 0px;
cursor: pointer;
margin: 0px;
padding: 9px 15px;
color: rgba(255, 255, 255, .6);
}
.context-menu .item:hover {
background: rgba(225, 225, 225, 0.03)!important;
color: rgba(255, 255, 255, .8);
}
.context-menu .item:active {
background: rgba(225, 225, 225, 0.1)!important;
}
#instant-invite-modal-advanced .checkbox .checkbox-inner span {
border: 2px solid #0a0a0a;
}
/*incoming call*/
.theme-dark .incoming-call-inner {
background: #161616;
border-color: #1c1c1c;
box-shadow: 0 0px 3px #000000;
}
/*private video call*/
.theme-dark .ui-video {
background-color: #0a0a0a;
background-image: url(https://i.imgur.com/u7lHZZ3.png);
background-attachment: fixed;
background-position: top left;
background-repeat: repeat;
background-size: initial;
box-shadow: inset 16px 0px 16px -16px rgba(0,0,0,0.8);
}
.ui-video-height.minimum.private-channel-call {
border-bottom: solid 2px #111;
}
.theme-dark .private-channel-recipients-invite .friend {
color: #fff;
background: #161616;
}
.theme-dark .private-channel-recipients-invite .friend.selected {
background: transparent;
}
.theme-dark .private-channel-recipients-invite .friend:hover {
background: #111111;
}
.private-channel-recipients-invite .error-state .text {
color: #aaaaaa;
}
.theme-dark .themed-popout .footer {
background-color: #0f0f0f;
}
.theme-dark .ui-quick-select-popout {
background: #161616;
}
/* embeds & codeblock */
.theme-dark .message-group .comment .markup pre {
background: #0a0a0a;
border-color: #000000;
}
.theme-dark .message-group .comment .markup code.inline, .theme-dark .message-group .comment .markup pre code {
background: #0f0f0f;
}
.message-group .comment .markup pre {
background: #0a0a0a;
border: 1px solid #000000;
}
.message-group .comment .markup pre code {
background: #0a0a0a;
}
.message-group .comment .markup {
color: #aaa;
}
.theme-dark .hljs {
background: #0a0a0a;
color: #888888;
}
.theme-dark .message-group .embed {
background-color: #0f0f0f;
border-color: #000000;
}
.theme-dark .message-group .embed .embed-fields .embed-field-name {
color: #bbbbbb;
}
/* Reaction buttons */
.theme-dark .reaction.reaction-me .reaction-count {
color: #aaaaaa;
}
.theme-dark .reaction.reaction-me {
background: #0f0f0f;
}
/* Quick switch menu */
.quickswitcher.dark .results-scroller-outer:before {
background-image: none;
}
.quickswitcher.dark {
background-color: #161616;
box-shadow: 0 0px 3px #000000;
}
.quickswitcher.dark .big-input {
background-color: #0a0a0a;
}
.quickswitcher.dark .ui-scroller-wrap:before {
background-image: none;
}
.quickswitcher.dark .result.selected {
background-color: #111111;
}
.keybind-shortcut.dark span {
border-color: #000000;
background-color: #0a0a0a;
}
/* File uploader */
.upload-drop-modal .bgScale {
background: #000000 !important;
}
.channel-textarea-autocomplete-inner {
background: #161616 !important ;
}
.channel-textarea-autocomplete-inner ul li.active {
background: #111111 !important;
}
.channel-textarea-autocomplete-inner ul li {
color: #eeeeee !important;
}
.channel-textarea-autocomplete-inner header {
border-bottom: none !important;
}
.channel-textarea-autocomplete-inner:after {
border-bottom: none !important;
}
.upload-modal {
background-color: #0f0f0f;
}
.theme-brand .textArea-20yzAH {
background: #161616;
}
.upload-modal .inner {
color: #fff;
border: 2px dashed #161616;
}
.upload-modal .footer {
background-color: #161616;
}
.upload-modal .footer .button {
background-color: #161616;
}
.channel-textarea-autocomplete-inner {
border: 2px solid #0f0f0f;
}
.message-group .comment .attachment .upload>.speed {
color: #ffffff;
}
/* File type icons */
.upload-modal .inner .file .icon.video {
background-image: url(https://i.imgur.com/RvX3gVU.png) !important;
}
.icon.icon-file {
background: url(https://i.imgur.com/fW0LbaK.png) no-repeat !important;
}
.upload-modal .inner .file .icon.code {
background-image: url(https://i.imgur.com/cFruUPo.png) !important;
}
.upload-modal .inner .file .icon.photoshop, .upload-modal .inner .file .icon.ps {
background-image: url(https://i.imgur.com/4Ntx1QQ.png) !important;
}
.upload-modal .inner .file .icon.acrobat {
background-image: url(https://i.imgur.com/yPumXwv.png) !important;
}
.upload-modal .inner .file .icon.document {
background-image: url(https://i.imgur.com/X1KpID0.png) !important;
}
.upload-modal .inner .file .icon.webcode {
background-image: url(https://i.imgur.com/iiwH60L.png) !important;
}
.upload-modal .inner .file .icon.unknown {
background-image: url(https://i.imgur.com/yoPCa6F.png) !important;
}
.upload-modal .inner .file .icon.spreadsheet {
background-image: url(https://i.imgur.com/5DmdgSm.png) !important;
}
.upload-modal .inner .file .icon.archive {
background-image: url(https://i.imgur.com/BEvKNyR.png) !important;
}
.upload-modal .inner .file .icon.ai {
background-image: url(https://i.imgur.com/y7HALaA.png) !important;
}
.upload-modal .inner .file .icon.ae {
background-image: url(https://i.imgur.com/fO7qFZd.png) !important;
}
.upload-modal .inner .file .icon.sketch {
background-image: url(https://i.imgur.com/G9fA1qZ.png) !important;
}
.icon.icon-file.code {
background-image: url(https://i.imgur.com/9lTLxnm.png) !important;
}
.icon.icon-file.webcode {
background-image: url(https://i.imgur.com/kxrIEjm.png) !important;
}
.icon.icon-file.archive {
background-image: url(https://i.imgur.com/Tc3aESM.png) !important;
}
.icon.icon-file.video {
background: url(https://i.imgur.com/N6uJs3S.png) !important;
}
.icon.icon-file.acrobat {
background-image: url(https://i.imgur.com/NTEAzRP.png) !important;
}
.icon.icon-file.ae {
background-image: url(https://i.imgur.com/klFZX7z.png) !important;
}
.icon.icon-file.sketch {
background-image: url(https://i.imgur.com/2abD5sg.png) !important;
}
.icon.icon-file.ai {
background-image: url(https://i.imgur.com/jOPa4jW.png) !important;
}
.icon.icon-file.document {
background-image: url(https://i.imgur.com/w4n1IQG.png) !important;
}
.icon.icon-file.photoshop,.icon.icon-file.ps {
background-image: url(https://i.imgur.com/Kda0rQw.png) !important;
}
.icon.icon-file.spreadsheet {
background-image: url(https://i.imgur.com/w4n1IQG.png) !important;
}
/* jump to mention/pin */
div[style^="border-radius: 2px; background-color: rgba(114, 137, 218, 0"] {
animation-name: color_up;
animation-duration: 3s;
animation-direction: alternate;
animation-timing-function: ease-in-out;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment