//META{"name":"NotAnotherAnimeThemeSCSL","description":"Anime theme made by puckzxz#2080, make sure you're up to date at https://goo.gl/jfR9BS , Get support here https://discord.gg/FdZhbjY","author":"puckzxz#2080","version":"1.0"}*//{}
@import url(https://8xs4qxklp8.execute-api.us-east-2.amazonaws.com/release/gorawgit?giturl=/puckzxz/NotAnotherAnimeTheme/master/css/scsl.css);

/*To make editing this theme easier I recommend using Notepad++ , you can download it for free here - https://notepad-plus-plus.org/download/ */


/*Any images you use MUST end with .jpg or .png or any other image extension*/
/*This is NOT a valid link, https://imgur.com/a/ycjL2 */
/*THIS IS A VALID LINK https://i.imgur.com/rCqnrQ7.jpg */
/*Usually you can just right click your image and then click "Copy image address" and that should give you the direct link to the image*/


/* For all images I recommend using imgur to host your image */


/* Edit this to change your background */
/* Change the URL to whatever image you want */
[class~=app] {
    background: url(https://erishi.feen.us/scycm5np.jpg) !important; /* The URL of the background image you want */
    background-size: cover !important; /* No need to edit this */
}
/* Settings Image */
.ui-standard-sidebar-view {
    background: url(https://erishi.feen.us/scycm5np.jpg) !important;
    background-size: cover !important
}

/* Also Settings */
.sidebar-region, .content-region {
    background: none !important;
}

.layers, .appMount-14L89u, .layer-kosS71, .layers-20RVFW {
    background: none !important;
}

/* Edit this to change your friends icon picture */
/* If you don't want a custom friends icon just delete this small section of code */
.guilds-wrapper .guilds .friends-icon {
    background-image: url(https://cdn130.picsart.com/259704468010212.png?r1024x1024); /* The URL of the friends icon image you want */
    background-position: top center; /* This is the section of the image that you want to use, for exmaple this is using the top left of the image, you would probably want to change this to center or top center */
    background-repeat: no-repeat; /* No need to edit this */
    background-size: 100%; /* This is how zoomed in your image will be, change this back to 100% and increase or decrease as needed */
    height: 50px; /* No need to edit this */
    width: 50px; /* No need to edit this */
}


/* Edit this to change the color and weight of the text */
.theme-dark .message-group .comment .markup {
    color: rgba(255, 255, 255, 0.8);
}



/* Edit this to change some features of your text */
.message-group .comment .markup {
    font-size: 0.9375rem; /* Font size, default is 0.9375rem, I wouldn't go below 0.8 or above 1.4 */
    line-height: 1.1em; /* Spacing between the text, I wouldn't recommend changing this but if you do don't go above 1.4 or below 0.6 */
    margin-top: 6px; /* This is the margin between each new message, safer to change than line-height.  6px is default. Don't go below 0 */ 
    white-space: pre-wrap; /* No need to edit this */
    word-wrap: break-word; /* No need to edit this */
}



/* Edit this to change the color of a selected text or voice join */
.nameSelectedText-sp_EUw, .nameSelectedVoice-1qSph5 {
    color: #f6f6f7 !important;
}
/* Edit this to change the color when you hover over a text channel */
.nameHoveredText-1uO31y {
    color: #b9bbbe !important;
}
/* Edit this to change the color when you hover over a voice channel */
.nameHoveredVoice-YJ1Vfd {
    color: #f6f6f7 !important;
}
/* Edit this to change the color of an unread text channel color */
.nameUnreadText-DfkrI4, .nameUnreadVoice-EVo-wI {
    color: #a6fca6;
}



/* Edit this to change the color of your scrollbar,  */
.theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-thumb, .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.15);
}


/* ADD CODE BELOW TO CUSTOMIZE THE THEME */
.guilds-wrapper .guilds .guild.unread:before {
    background: rgba(166, 252, 166, 0.8);
}
.theme-dark .private-channel-call { background: transparent}
.guilds-wrapper .guilds .home-icon {
    background-image: url(https://erishi.feen.us/faip7q6o.jpg); 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: 100%; 
    height: 50px; 
    width: 50px; 
    transition: all  .3s ease-in-out;
}
.guilds-wrapper .guilds .home-icon:hover {
    background-image: url(https://erishi.feen.us/faip7q6o.jpg); 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: 100%; 
    height: 50px; 
    width: 50px; 
}
.guilds .home-icon defs,
.guilds .home-icon g {
  display: none;
}