Mercy-Theme-2.css

//META{"name":"NotAnotherAnimeThemeSCSL","description":"Anime theme made by WhatDaPuck#2080 | Single Column Server List","author":"WhatDaPuck#2080","version":"1.0"}*//{}
@import url(https://gitcdn.xyz/repo/WhatDaPuck/NotAnotherAnimeTheme/master/css/NotAnotherAnimeThemeSCSL.css);


/*      THIS THEME IS THE SAME AS THE ORIGINAL EXCEPT IT HAS A SINGLE COLUMN FOR SERVERS INSTEAD OF TWO                                                 */
/*      IF YOU WANT THE ORIGINAL GO TO THIS LINK -> https://github.com/WhatDaPuck/NotAnotherAnimeTheme/blob/master/NotAnotherAnimeTheme.theme.css       */



/*EDIT THIS TO CHANGE THE BACKGROUND, I RECOMMEND USING IMGUR TO HOST YOUR IMAGE*/
[class~=app] {
    background: url(https://images.duckduckgo.com/iu/?u=http%3A%2F%2Fwww.gamephd.com%2Fwp-content%2Fuploads%2F2017%2F02%2FMercy-Overwatch-Fan-Art-HD-Wallpaper.jpg&f=1) !important;
    background-size: cover !important;
}

/*THIS CHANGES THE COLOR OF THE UNREAD NOTIFICATION*/
.guilds-wrapper .guilds .guild.unread:not(.selected):before,
.guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
    background:  #FFFFFF;    /*change this to any hex code you want*/
}

/*THIS CHANGES THE COLOR OF THE SCROLLBAR*/
[class~=scroller-wrap] [class~=scroller]::-webkit-scrollbar-thumb {
    border-left-color: rgba(255, 254, 255, 1) !important;
}
/*EDIT THIS TO CHANGE THE FRIENDS ICON IMAGE, I WOULD RECOMMEND USING IMGUR TO HOST YOUR IMAGE*/
[class~=guilds-wrapper] [class~=guilds] [class~=friends-icon] {
    background-image: url(https://media.giphy.com/media/qP7tWKd0wJ6p2/giphy.gif)
}


/*IF YOU DON'T WANT A CUSTOM FRIENDS ICON JUST REMOVE THIS BIT OF CODE*/
[class~=guilds-wrapper] [class~=guilds] [class~=friends-icon] {
    display: block;
    width: 50px;
    height: 50px;
    content: '';
    background-size: 110%;    /*how zoomed in or zoomed out your image is*/
    background-repeat: no-repeat;
    background-position: top left;    /*the positioning of your image in the icon, for example "top left" uses the top left of the image*/
}