little spotify theme

spotify.css

div[class*="winButton-"]:hover {
    background-color: transparent;
    opacity: 1;
}
div[class*="titleBar-"] div:nth-of-type(2) {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0xIDFoMjR2MjRIMVYxeiIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTIwIDcuNDFMMTguNTkgNiAxMyAxMS41OSA3LjQxIDYgNiA3LjQxIDExLjU5IDEzIDYgMTguNTkgNy40MSAyMCAxMyAxNC40MSAxOC41OSAyMCAyMCAxOC41OSAxNC40MSAxMyAyMCA3LjQxeiIvPgogIDwvZz4KPC9zdmc+);
}
div[class*="titleBar-"] div:nth-of-type(3) {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0xIDFoMjR2MjRIMVYxeiIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTggMTNINnY3aDd2LTJIOHYtNXptLTIgMGgyVjhoNVY2SDZ2N3ptNyA1djJoN3YtN2gtMnY1aC01em0wLTEydjJoNXY1aDJWNmgtN3oiLz4KICA8L2c+Cjwvc3ZnPg);
}
div[class*="titleBar-"] div:nth-of-type(4) {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xOSAxOXYtMkg3djJoMTJ6Ii8+CiAgICA8cGF0aCBkPSJNMSAyNWgyNFYxSDF2MjR6Ii8+CiAgPC9nPgo8L3N2Zz4=);
    margin-left: 8px;
}
.theme-dark .chat form {
    -webkit-box-shadow: 0 0px 0 hsla(0,0%,100%,.06); 
    background-color: #36393f;
    box-shadow: 0 0px 0 hsla(0,0%,100%,.06); 
}
.message-group {
    border-bottom: 0px solid #eceeef; 
}

div[class*="titleBar-"] {
    height: 0px;
    margin-top: 0px;
}
div[class*="titleBar-"]:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 6px;
    height: 14px;
    z-index: 3002;
    -webkit-app-region: drag;
}
div[class*="titleBar-"]:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 6px;
    z-index: 3002;
}
div[class*="wordmark-"], div[class*="winButton-"] svg {
    display: none;
}
div[class*="winButton-"] {
    top: 9px;
    height: 30px;
    width: 30px;
    right: 8px;
    background-position: center;
    opacity: .6;
    transition: 200ms ease;
}
.pictureInPictureVideo-2w62Uz {
    width: 493px;
    height: 277px;
}
.theme-dark div[class*="activityProfile-"] div[class*="content-"], div[class*="details-"]{
    color: white;
}
.theme-dark div[class*="activityProfile-"] div[class*="content-"]  div[class*="details-"]{
    color: white;
}




.guilds-wrapper {
    background-color: #121212;
}
.theme-dark .channel-members {
    background-color: #121212;
}
div[class*="container-"] {
    background-color: #121212;
}
.chat {
    background-color: #181818;
}
.theme-dark .chat form {
    background-color: #181818;
}
.theme-dark .friends-table, .theme-dark .messages-wrapper {
    background-color: #181818;
}
.theme-dark .chat>.content {
    background-color: #181818;
}
.theme-dark div[class*="title-"] {
    background: #121212;
}
.theme-dark div[class*="inner-"] {
    background-color: hsla(0, 0%, 16%, 0.48);
}
.theme-dark .friends-table .messages .divider:before, .theme-dark .friends-table .messages .divider span, .theme-dark .messages-wrapper .messages .divider:before, .theme-dark .messages-wrapper .messages .divider span {
    background-color: #282828;
}
.theme-dark .friends-table .messages .divider:not(.red) div, .theme-dark .messages-wrapper .messages .divider:not(.red) div {
    background: #282828;
}
div[class*="contentSelectedText-"] {
    background-color: hsla(0, 0%, 70%, 0.09);
}
div[class*="contentHoveredText-"] {
    background-color: hsla(0, 0%, 70%, 0.09);
}
.bot-tag {
    background: #1DB954;
}
div[class*="unreadBar-"] {
    display: none;
}
.typing {
    background-color: #181818;
}
.theme-dark .chat form .typing {
    background-color: #181818
}
.emoji-picker {
    background-color: #181818;
    border: 1px solid #1DB954;
    border-radius: 5px;
    box-shadow: 0 0 6px 0 #1DB954;
}
.search-bar.search-bar-light {
    background-color: #181818;
}
.emoji-picker .sticky-header {
    background: #181818;
}
.search-bar.search-bar-light input {;
    color: white;
}
.scroller-wrap .scroller::-webkit-scrollbar-thumb,.scroller-wrap .scroller::-webkit-scrollbar-track-piece {
    background-color: #1DB954;
    background-clip: padding-box;
    border: 2px solid #181818;
    border-radius: 7px
}

.search-bar.search-bar-light .search-bar-inner {
    background-color: hsla(0, 0%, 11%, 0.84);

}
.guilds-wrapper .guilds .guild .guild-inner {
        background-color: #1DB954;
}
.chat .new-messages-bar {
    background-color: #1DB954;
}
.theme-dark .friends-table .messages .divider.divider-red>span, .theme-dark .messages-wrapper .messages .divider.divider-red>span {
    color: #1DB954;
}
.scroller-wrap .scroller::-webkit-scrollbar {
    width: 8px;
}
.scroller-wrap .scroller.messages::-webkit-scrollbar {
    width: 10px !important;
}

.scroller-wrap ::-webkit-scrollbar-thumb {
    background-color: #1DB954 !important;
    border: none !important;
    border-radius: 4px !important;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
}
.scroller-wrap ::-webkit-scrollbar-thumb:hover {
    background-color: var(--accent) !important;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
}

.scroller-wrap ::-webkit-scrollbar-track-piece {
    background-color: transparent !important;
    border-color: transparent !important;
    border: none !important
}
div[class*="topSectionPlaying-"]{
	    background: #1DB954;
}
div[class*="headerPlaying-"]{
	    background: #1DB954;
}
.emoji {
    height: 30px;
    width: 30px;
}
 
.emoji {
    -o-object-fit: contain;
    object-fit: contain;
    height: 30px;
    width: 30px;
    min-width: 22px;
    min-height: 22px;
    margin: 0 .05em 0 .1em!important;
    vertical-align: -.4em;
}
.theme-dark .message-group .comment .markup code.inline, .theme-dark .message-group .comment .markup pre code {
    background: #181818;
}
.theme-dark .channel-members .member.popout-open, .theme-dark .channel-members .member:hover {
    background: hsla(0, 0%, 70%, 0.09)
}
.theme-dark .ui-standard-sidebar-view .sidebar-region {
    background: #181818;
}
.theme-dark .ui-standard-sidebar-view .content-region {
    background: #121212;
}
div[class*="buttonBrandFilled-"] {
    background-color: #1DB954;
}
div[class*="side-"] div[class*="itemSelected-"] {
        background-color: #1DB954;
}