Spotify hara theme by hara28122004

/* ==UserStyle==
@name         Spotify hara theme
@version      20220301.09.21
@namespace    userstyles.world/user/hara28122004
@description  Spotify
@author       hara28122004
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://open.spotify.com") {
/*Trang nghe nhạc*/
/*=================BODY=====================*/
body {
    background: url(https://cdn.discordapp.com/attachments/859801914405421090/877374789126348800/get_thumbnail.png);
    color: #505050;
    background-attachment: fixed;
    background-size: cover;
    background-blend-mode: color;
    background-color: rgba(0,0,0,0.6)
}
/*=================Left_sidebar================*/
/*Left_sidebar*/
.Root__nav-bar {
    background-color: rgba(0,0,0,0.4);
    width: 70px;
    transition: width ease-in 2s;
}
.TQQSam9tGsRXGj4aGFSc {
    display: none;
}
.Root__nav-bar:hover {
    width: initial; 
}
.Root__nav-bar:hover .TQQSam9tGsRXGj4aGFSc{
    display: block;
}
.veu1BUqeOKBg94mEMhsQ {
    display: none;
}
.Root__nav-bar:hover .veu1BUqeOKBg94mEMhsQ {
    display: block;
}
.xdh_vm__glIIwrj_yEO7 {
    display: none;
}
.Root__nav-bar:hover .xdh_vm__glIIwrj_yEO7 {
    display: block;
}


/*Logo Spotify*/
.logo {
    color: transparent;
    background: url(https://media.discordapp.net/attachments/752775319139647560/906717700250812467/spotify-logo-png-7078.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 12px;
}
.Root__nav-bar:hover .logo {
    background: url(https://media.discordapp.net/attachments/752775319139647560/906718025447768074/spotify-badge-button.png);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position-x: 0px;
    background-position-y: -15px
}
/*Chữ install app*/
._ZB2JcJdiG6rpEgCd3sR {
    background-color: rgba(0,0,0,0.4);
    z-index: 1;
}
.bBxxnUCgRcYCaPw1sLYI {
    background-color: transparent;
}
/*=============Lyrics area=====================*/
/*Nền*/
.hW9km7ku6_iggdWDR_Lg{
    --lyrics-color-active: rgb(255, 255, 255);
    --lyrics-color-inactive: rgba(229, 228, 228, .21) !important;
    --lyrics-color-background: none !important;
    --lyrics-color-messaging: #333333;
    font-family: 'Itim' !important;
}

/*============Thanh chơi nhạc bên dưới=================*/
.O6evDj2xd8mSlS2qiPiG {
    background-color: transparent !important;
}
.Root__now-playing-bar, .U05tnfKJjzV3lfrwRbLN {
    background-color: rgba(0,0,0,0.4) !important;
}
/*Thanh chạy*/
.Vis45PPawTyED7Lt2_LI {
    background: url("https://media.discordapp.net/attachments/752775319139647560/897859176661938176/skukid.gif?width=126&height=120")! important;
    background-repeat: no-repeat! important;
    width: 126px! important;
    height: 115px! important;
    margin-left: -70px! important;
    margin-top: -90px! important;
    transform: scale(0.6)! important;
}
/*===================Chỗ avatar=============*/
.piZm_EDVhaIKveycdFTB{
    background: none!important;
}

/*===========https://open.spotify.com/collection/tracks==========*/
._JKdvfJnHxRZ33nlei4Z{
    background-color: transparent !important;
}
._XX7ZgHsEhiQ3gO0kz5Q {
    background: none !important;
}
.svugUts3H1KByftGgaHW {
    background-color: rgba(0,0,0,0);
}
.gHImFiUWOg93pvTefeAD, .uebZpDr3EwDvpO0w6P9U{
    background: none !important;
}
}

@-moz-document url-prefix("https://open.spotify.com") {
/*HOME*/
._ZhbiHuTGHCAQ_asJSw9 {
    background: none !important;
}
.YWQ6MaodStrAvAMCg1wx, .LunqxlFIupJw_Dkx6mNx {
    -webkit-box-flex: 1;
    background: rgb(141 141 141 / 40%);
    border-radius: 15px;
}
.LunqxlFIupJw_Dkx6mNx:hover{
    background: rgba(30, 30, 30, .36);
}
.Hn_m1H5t0xMhZa46UHuC{
    background: none !important;
}
.jNSwrrV1feJDbTAzoSUb {
    background-color: transparent
}
.RPume2IX5dtet4gflQhm {
    background: none;
}
.vzMSLXDXM8yiYziBe_UK{
    background: none !important;
    background-color: transparent;
}
}

@-moz-document url-prefix("https://open.spotify.com") {
/*FONT CHỮ*/
body{
    font-family: 'Itim' !important;
}
}

@-moz-document url-prefix("https://open.spotify.com") {
/*PLAYLIST + SEARCH*/
._5wXWalxnOyFQX7uHu_j {
    background: none;
}
.rezqw3Q4OEPB1m4rmwfw {
    background: none !important;
}
.MclJZ2TMkhjdlqqQfmQd{
    background: rgba(141,141,141,.3)
}
.iB16LxoPzDeVZo8zPhPQ {
    background: none !important;
    isolation: isolate;
}
/*SEARCH*/
.G9iUss4eOSpJyn2VBzsS {
    color: #fff;
    BACKGROUND: NONE;
}
.BDcKgSW_ys9_Hj2DwDBW {
    display: block;
    color: #fff;
}
._v8Mx2UfzSTsJdscjs00 {
    background: rgba(0,0,0,0.4)!important;
}
.dz7uMMlz8Xxw7eIqjBA0 {
    background: rgba(0,0,0,0.3)!important;
}
.Z1sHXP1EI_v36FCALBRd {
    background: rgba(255,255,255,0.3);
    border-radius: 15px;
}
/*liked song*/
.W5JUlxsbMsaSi4DGjoPN {
    background: rgba(141,141,141, .40);
}
.W5JUlxsbMsaSi4DGjoPN:hover {
    background: rgba(0,0,0,0.2);
}
/*hàng bên trên*/
.oaNVBli46GtVjaQKB15g {
    background-color: rgba(255,255,255,0.1);
}
/*Nút back, forward*/
.X7dfunlfOcVRswVz5WXA .DkkGy6vm5tDYQiGtmy9J {
    background-color: rgba(255,255,255,0.2);
    color: #fff;
}
}