150 lines
3.1 KiB
SCSS
150 lines
3.1 KiB
SCSS
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
|
|
/* Music -------------------------------------------------------------------- */
|
|
|
|
.app-music #app-navigation {
|
|
.app-navigation-separator {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
|
|
li.drag-hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
}
|
|
|
|
.app-music #app-content {
|
|
#emptycontent,
|
|
.emptycontent {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
|
|
#toScan:hover * {
|
|
color: var(--color-main-text);
|
|
}
|
|
|
|
.alphabet-navigation a {
|
|
opacity: 0.2;
|
|
|
|
&.available {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
&.available:hover {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
#controls {
|
|
background-color: var(--color-main-background);
|
|
border-bottom: 1px solid var(--color-border);
|
|
|
|
.progress,
|
|
.seek-bar {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
|
|
.buffer-bar {
|
|
background-color: var(--color-background-hover);
|
|
opacity: 1;
|
|
}
|
|
|
|
.play-bar {
|
|
background-color: var(--color-primary-element);
|
|
}
|
|
}
|
|
|
|
#app-sidebar {
|
|
.close,
|
|
#follow-playback {
|
|
background-color: unset;
|
|
}
|
|
}
|
|
|
|
#music-user .warning a {
|
|
color: var(--color-text-link) !important;
|
|
}
|
|
}
|
|
|
|
#music-controls {
|
|
background-color: var(--color-main-background) !important;
|
|
border-top: 1px solid var(--color-border);
|
|
|
|
#albumart {
|
|
border: unset !important;
|
|
}
|
|
|
|
.seek-bar {
|
|
background-color: var(--color-background-darker) !important;
|
|
}
|
|
|
|
.buffer-bar {
|
|
background-color: var(--color-background-hover) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.play-bar {
|
|
background-color: var(--color-primary-element) !important;
|
|
}
|
|
}
|
|
|
|
/* Icons -------------------------------------------------------------------- */
|
|
|
|
.app-music {
|
|
//follow-playback icon
|
|
#app-sidebar #follow-playback {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
// Play button on album covers
|
|
img.play.svg {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
// Settings icon
|
|
.music-nav-settings img.svg {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
#app-content .play-pause {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
#app-navigation .play-pause {
|
|
filter: unset;
|
|
}
|
|
|
|
.icon-album,
|
|
.icon-folder-nav,
|
|
.icon-audiotrack,
|
|
.icon-library-music,
|
|
.icon-radio,
|
|
.icon-podcast,
|
|
.icon-play-big,
|
|
.icon-pause-big {
|
|
filter: invert(95%);
|
|
}
|
|
}
|
|
|
|
// Music app: icons for Music player controls in files and in app
|
|
#music-controls img.control,
|
|
.app-music img.control {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
// Music App: Mini play button
|
|
.current.playing .play-pause,
|
|
.current:not(.playing) .play-pause,
|
|
#app-view :hover > .play-pause,
|
|
#app-view .current.playing div:hover .play-pause {
|
|
filter: invert(95%);
|
|
}
|
|
|
|
// Music app: Play option in file action menu in Files App
|
|
.fileActionsMenu .action-music-play img.icon {
|
|
filter: invert(95%);
|
|
}
|