My personal discord "theme" - use with dark theme & beautifuldiscord

discord.css

/* -------------------------------------------  *
 * |     nexerq <3 ~ discord custom css       | *
 * -------------------------------------------  *
 *                             ~ t: @_nexerq
 *                             ~ discord update ver: Dec 21, 2017
 *                             ~ updated 2018년 1월 22일
 */





/* Background */
.theme-dark div[class^='layers-']>div[class^='layer-'] {
    /*background: linear-gradient(rgba(54, 57, 62, .6), rgba(54, 57, 62, .6)), url(//i.imgur.com/GrIThCE.jpg);*/
    /*background: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url(//i.imgur.com/bPCMSsy.jpg);*/
    background: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url(//i.imgur.com/49VeRIy.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


/* Background resets to see the very bottom layer as set above */
.theme-dark div[class*=' container-'],
.theme-dark .chat,
.theme-dark .chat>.content,
.theme-dark .messages-wrapper,
.theme-dark .channel-members,
.theme-dark .chat form,
.theme-dark div[class*=' title-'],
.theme-dark div[class^='typing-'],
.theme-dark #friends,
.theme-dark div[class*=' headerBar-'],
.theme-dark .friends-table {
    background: rgba(0, 0, 0, .05) !important;
}

.theme-dark div[class^='channels-'],
.theme-dark .guilds-wrapper,
.theme-dark div[class*='Hovered'],
.theme-dark .member:hover,
.theme-dark .member.popout-open,
.theme-dark .private-channels .channel:hover a {
    background: rgba(0, 0, 0, .3) !important;
}
.theme-dark .chat form {
    margin: 0;
    padding: 0 20px;
}
.theme-dark div[class^='typing-'] {
    padding: 0 20px;
}

.theme-dark div[class*=' base-'] { /* why is it like this */
    border-radius: 0;
}


/* hmm */
#app-mount {
    border-radius: 5px;
}


/* Title bar logo */
svg[name="DiscordWordmark"] {
    background-image: url(//i.imgur.com/cg1R3XX.png);
    height: 18px;
    background-size: contain;
    width: auto;
    background-repeat: no-repeat;
}
svg[name="DiscordWordmark"] path {
    display: none;
}


/* Settings panel - reset panels & blur the bg */
.theme-dark .ui-standard-sidebar-view .sidebar-region {
    background: rgba(0, 0, 0, .5) !important;
}
.theme-dark .ui-standard-sidebar-view .content-region {
    background: none !important;
}
.theme-dark .ui-standard-sidebar-view {
    background: rgba(0, 0, 0, .35) !important;
}


/* hehe? - settings panel pt 2 */
.theme-dark .sidebar div[class^="socialLinks-"]::after {
    content: "you are using nexerq's custom css, v2! <3";
    display: block;
    color: white;
    text-align: center;
    margin-top: 15px;
}
/*.user-settings-appearance :not(.ui-form-item) + .ui-form-item div[class^="radioGroup-"] div[class^="item-"]:last-child div div::after {
    content: " ~ nexerq's custom css v2";
    padding-top: 10px;
}*/