ModifiedReborn.theme.css

/* IMPORT CSS FROM GITHUB */
@import url("https://rawgit.com/0mniscient/Discord-Themes/master/css/Discord%20Reborn.css");

/*

/*
---------------------------------------------------------------------------------------------------------------------------------------------
IMPORTANT: CHANGE DISCORDS THEME TO DARK THEME IN APPEARANCE SETTINGS FOR THIS THEME TO WORK!
---------------------------------------------------------------------------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------------------------------------------------------------------------
===== CUSTOMIZABLE COLORS =====
*/
:root { 
 --main-color: #057F95;
 --hover-color: #045B6B;
 }
/*
--------------------------------------------------------------------------------------------------------------------------------------------
*/
 /*
---------------------------------------------------------------------------------------------------------------------------------------------
===== CUSTOMIZABLE IMAGES =====
IMPORTANT: EVERY URL MUST BE HTTPS:// IN ORDER TO WORK IN DISCORD
RECOMMENDATIONS: EVERY URL AT THE BOTTOM SHOULD BE THE SAME TO MAKE THE THEME MATCH. (YOUR CHOICE)
--------------------------------------------------------------------------------------------------------------------------------------------
*/
/*Change the url in .app to change the background behind chat */

.app { background-image: url("https://imgur.com/RG03PyX.png") !important; background-size: cover !important; }

/*Change the url in .callout-backdrop to change the background when modal pop outs happen */

.callout-backdrop { background-color: #0e0e0e; !important; background-image: url("https://imgur.com/RG03PyX.png") !important; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease; background-size: cover !important; -webkit-filter: brightness(75%); }

/*Change the urls below to change the background of a profile modal pop up */

.user-popout:before {
    background-image: url("https://imgur.com/RG03PyX.png") !important;
    content: "";position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index: -1;background-position: 50% 50%;-webkit-filter: blur(3px);-webkit-transform: scale(1.05);transform: scale(1.05);}

#user-profile-modal .header:before {
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0.5)), url("https://imgur.com/RG03PyX.png") !important;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0.5)), url("https://imgur.com/RG03PyX.png") !important;
    content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;background-position: 50% 50%;background-size: cover !important;-webkit-filter: blur(3px);-webkit-transform: scale(1.1);transform: scale(1.1);}
.guilds-wrapper{position:absolute;z-index:5;left:-80px;transition: left ease .5s;height:100%;background:transparent;border-right:solid transparent 50px;}
 .guilds-wrapper:hover {left: 0; background-color: #0e0e0e; }
 .channel-members{transform:translate(145px);z-index:2;transition:all 300ms ease;}
 .channel-members:hover{animation: member 300ms ease;transform:translate(0px);background: #000 !important;}
 .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:0px 0px 0px 10px;transition: all 300ms ease;}
 .channel-members:hover h2{transform:scale(1);padding: 4px 58px;}
 .channel-members .avatar-small{transform:scale(1);}
 .channel-members:hover .avatar-small{transform:scale(1);}
 .chat.flex-vertical.flex-spacer>.content.flex-spacer.flex-horizontal>.flex-spacer.flex-vertical{margin-right:-145px !important;z-index:1}
 .chat.flex-vertical.flex-spacer.private>.content.flex-spacer.flex-horizontal>.flex-spacer.flex-vertical{margin-right:0px;z-index:1}
 .theme-dark .channel-members .member.popout-open, .theme-dark .channel-members .member:hover {background: -webkit-linear-gradient(left, rgb(9, 10, 10) 85%, rgba(46, 49, 54, 0)) !important;}
 .channel-members .member.popout-open .avatar-small, .channel-members .member:hover .avatar-small {transform: scale(1.2);}
 .chat .content .flex-spacer.flex-vertical:only-child .message-group .comment .markup,
 .chat .content .flex-spacer.flex-vertical:not(:only-child) .message-group .comment .markup{max-width: 80%;}
 .channels-wrap{position:absolute;z-index:5;left:-275px;transition: left ease .5s;height:100%;background:rgba(10, 10, 10, 1);border-right:solid transparent 50px;width: 178px;}
 .scroller-wrap.fade.dark {width: 218px !important;}
 .guild-header {width: 228px;}
 .guilds-wrapper:hover ~ .channels-wrap {left: 80px;width: 178px;}
 .channels-wrap:hover {left: 5px;width: 178px; opacity: 1;}
 .guild-channels .channel a {opacity: 0.7}
 #voice-connection .btn-group {margin-right: -56px;}

 /*
---------------------------------------------------------------------------------------------------------------------------------------------
===== CREDITS =====
URI
BEARDDESIGN
ZERTHOX
THESE PEOPLE HAVE HELPED CREATE THIS THEME IN ONE WAY OR THE OTHER.
--------------------------------------------------------------------------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------------------------------------------------------------------------
TROUBLESHOOTING: IF YOU NEED ANY HELP GO TO HTTPS://BETTERDOCS.NET
---------------------------------------------------------------------------------------------------------------------------------------------
*/