audrey/resources/style.css
2024-11-13 22:28:49 +01:00

51 lines
1.3 KiB
CSS

window.background > * {
/* from amberol */
background: linear-gradient(127deg, color-mix(in srgb, var(--background-color-0) 55%, transparent), color-mix(in srgb, var(--background-color-0) 0%, transparent) 70.71%),
linear-gradient(217deg, color-mix(in srgb, var(--background-color-1) 55%, transparent), color-mix(in srgb, var(--background-color-1) 0%, transparent) 70.71%),
linear-gradient(336deg, color-mix(in srgb, var(--background-color-2) 55%, transparent), color-mix(in srgb, var(--background-color-2) 0%, transparent) 70.71%);
transition-property: background;
transition-duration: 250ms;
transition-timing-function: ease;
}
#seek-scale slider {
margin: 0px;
opacity: 0%;
min-width: 10px;
min-height: 10px;
}
#volume-scale slider {
margin: -5px;
min-width: 15px;
min-height: 15px;
}
#play-queue listview {
background-color: rgba(0,0,0,0);
}
/* make drag and drop indicator take up entire perimeter */
#play-queue listview row {
padding: 0;
}
#play-queue .playing {
background-color: color-mix(in srgb, var(--accent-bg-color) 40%, transparent);
}
#play-queue .playing label.title {
font-weight: bold;
}
gridview.albums {
background-color: rgba(0,0,0,0);
}
gridview.albums child {
margin: 10px;
}
gridview.albums child image {
margin: 10px;
}