mwalbeck/nextcloud-breeze-dark
1
0
Fork 0
mirror of https://github.com/mwalbeck/nextcloud-breeze-dark.git synced 2025-07-24 10:32:44 +00:00
Code Issues Releases Wiki Activity

Manually declare variables for audio-player

Browse source
This commit is contained in:
Magnus Walbeck 2020-01-29 21:25:24 +01:00
parent f2b8f0255e
commit 1800970ada
2 changed files with 41 additions and 0 deletions

34
css/apps/thirdparty/_audio-player.scss vendored
View file

@ -111,3 +111,37 @@
#audios_import .ui-progressbar .ui-progressbar-value {
background-color: var(--color-primary);
}
/* Manual icon variable definitions for icons to prevent black icons -------- */
.app-audioplayer {
.sm2-inline-button.previous {
background-image: var(--icon-audioplayer-previous-f2f2f2) !important;
}
.play-pause,
.play-pause:hover,
.paused .play-pause:hover {
background-image: var(--icon-audioplayer-play-f2f2f2) !important;
}
.playing .play-pause {
background-image: var(--icon-audioplayer-pause-f2f2f2) !important;
}
.sm2-inline-button.next {
background-image: var(--icon-audioplayer-next-f2f2f2) !important;
}
.sm2-volume-control {
background-image: var(--icon-audioplayer-volume-f2f2f2) !important;
}
.sm2-inline-button.repeat {
background-image: var(--icon-audioplayer-repeat-f2f2f2) !important;
}
.sm2-inline-button.shuffle {
background-image: var(--icon-audioplayer-shuffle-f2f2f2) !important;
}
}

7
css/server/_icon-variables.scss
View file

@ -182,12 +182,19 @@ $icon-success: #27ae60;
@include icon-color-theming('circles', 'circles', $icon-normal, '000', 1, false);
@include icon-color-theming('previous', 'audioplayer', $icon-normal, '000', 1, false);
@include icon-color-theming('previous', 'audioplayer', $icon-normal, 'f2f2f2', 1, false);
@include icon-color-theming('play', 'audioplayer', $icon-normal, '000', 1, false);
@include icon-color-theming('play', 'audioplayer', $icon-normal, 'f2f2f2', 1, false);
@include icon-color-theming('pause', 'audioplayer', $icon-normal, '000', 1, false);
@include icon-color-theming('pause', 'audioplayer', $icon-normal, 'f2f2f2', 1, false);
@include icon-color-theming('next', 'audioplayer', $icon-normal, '000', 1, false);
@include icon-color-theming('next', 'audioplayer', $icon-normal, 'f2f2f2', 1, false);
@include icon-color-theming('volume', 'audioplayer', $icon-normal, '000', 1, false);
@include icon-color-theming('volume', 'audioplayer', $icon-normal, 'f2f2f2', 1, false);
@include icon-color-theming('repeat', 'audioplayer', $icon-normal, '000', 1, false);
@include icon-color-theming('repeat', 'audioplayer', $icon-normal, 'f2f2f2', 1, false);
@include icon-color-theming('shuffle', 'audioplayer', $icon-normal, '000', 1, false);
@include icon-color-theming('shuffle', 'audioplayer', $icon-normal, 'f2f2f2', 1, false);
@include icon-color-theming('leftarrow', 'calendar', $icon-normal, '000', 1, false);
@include icon-color-theming('leftarrow', 'calendar', $icon-normal, 'f2f2f2', 1, false);