ca4b63c386
Co-Authored-By: sadan4 <117494111+sadan4@users.noreply.github.com> Co-Authored-By: doyle31 <abacubabacus@gmail.com> Co-Authored-By: iilwy <iilwy@omg.games> Co-Authored-By: Noa <164402463+nroggendorff@users.noreply.github.com> Co-Authored-By: rini c <rini@rinici.de> Co-Authored-By: Cassie <37855219+codef53@users.noreply.github.com> Co-Authored-By: jamesbt365 <moxy@mothoxi.de> Co-Authored-By: khcrysalis <97859147+khcrysalis@users.noreply.github.com> Co-Authored-By: nin0dev <75569739+nin0-dev@users.noreply.github.com>
82 lines
2.1 KiB
CSS
82 lines
2.1 KiB
CSS
/* TODO: merge with spotifyStyles.css and remove when old UI is discontinued */
|
|
.visual-refresh {
|
|
#vc-spotify-player {
|
|
padding: 12px;
|
|
background: var(--bg-overlay-floating, var(--background-base-low, var(--background-secondary-alt)));
|
|
margin: 0;
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
}
|
|
|
|
.vc-spotify-song-info-prefix {
|
|
display: none;
|
|
}
|
|
|
|
.vc-spotify-artist,
|
|
.vc-spotify-album {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
.vc-spotify-secondary-song-info {
|
|
font-size: 12px;
|
|
}
|
|
|
|
#vc-spotify-progress-bar {
|
|
position: relative;
|
|
color: var(--text-normal);
|
|
width: 100%;
|
|
}
|
|
|
|
#vc-spotify-progress-bar>[class^="slider"] {
|
|
flex-grow: 1;
|
|
width: 100%;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
#vc-spotify-progress-bar>[class^="slider"] [class^="bar"] {
|
|
height: 3px !important;
|
|
top: calc(12px - 4px / 2 + var(--bar-offset));
|
|
}
|
|
|
|
#vc-spotify-progress-bar>[class^="slider"] [class^="barFill"] {
|
|
background-color: var(--interactive-active);
|
|
}
|
|
|
|
#vc-spotify-progress-bar>[class^="slider"]:hover [class^="barFill"] {
|
|
background-color: var(--vc-spotify-green);
|
|
}
|
|
|
|
#vc-spotify-progress-bar>[class^="slider"] [class^="grabber"] {
|
|
background-color: var(--interactive-active);
|
|
width: 16px !important;
|
|
height: 16px !important;
|
|
margin-top: calc(17px/-2 + var(--bar-offset)/2);
|
|
margin-left: -0.5px;
|
|
}
|
|
|
|
.vc-spotify-progress-time {
|
|
margin-top: 8px;
|
|
font-family: var(--font-code);
|
|
}
|
|
|
|
.vc-spotify-button-row {
|
|
margin-top: 14px;
|
|
}
|
|
|
|
.vc-spotify-button {
|
|
margin: 0 2px;
|
|
border-radius: var(--radius-sm);
|
|
}
|
|
|
|
.vc-spotify-repeat-context,
|
|
.vc-spotify-repeat-track,
|
|
.vc-spotify-shuffle-on {
|
|
background-color: var(--vc-spotify-green-90);
|
|
}
|
|
|
|
.vc-spotify-repeat-context:hover,
|
|
.vc-spotify-repeat-track:hover,
|
|
.vc-spotify-shuffle-on:hover {
|
|
background-color: var(--vc-spotify-green-80);
|
|
}
|
|
}
|