Support Breeze Dark theme

[mfs85]

Describe the bug

1. Some items are not clearly visible, when using the Breeze Dark theme.
   Is there something that could be done? At least Menu (Titles, Artist, Playlists, e.g.), progress bar and volume bar is having this issue.

2. The name of the app is too long and it "overwrites" the names on other apps

To Reproduce
Steps to reproduce the behavior:

1. Enable Breeze Dark theme
2. Click on Audio Player
3. Move the cursor to the Audio Player logo
4. See error

Expected behavior

1. To see items clearly when using Breeze Dark theme.
2. To see app names without overwriting other names

Screenshots

Versions:

• Nextcloud: 21.0.5
• Audioplayer 3.2.2

Nextcloud log

[Rello]

Hello,
the issue I see here are the errors in the category dropdrown.
the topic with the overlapping app title is standard Nextcloud behavior. it works this way when app names are longer

[Rello]

Hello,
do you have any other theming?
because NC dark theme shows correctly (dropdown) for me.
also the header should be blue

[mfs85]

No, only this Breeze Dark theme is enabled.
If I deactivate it, I will have light color and header will also changed to blue.

[yaroslav4167]

i created css styles for fix this. (i use stylus plugin for my firefox) but, you may insert this css code in Custom Styling field.

/*Deploying playlist was hidden under the page*/
.coverrow {
    padding-bottom: 250px;
}

/*** Breeze dark audioplayer fixes ***/
/*In dark mode there is no progress bar */
.theme--dark.theme--breezedark #progressBar,
.volume-slider::-moz-range-track {
    background: #cccccc3d !important;
}

.theme--dark.theme--breezedark .volume-slider::-webkit-slider-progress, 
.theme--dark.theme--breezedark .volume-slider::-moz-range-progress {
    background-color: #0082c9;
    padding: 2px;
    border-radius: 5px;
}

/*Selecting the type of sorting*/
.theme--dark.theme--breezedark #category_selector {
    background-image: none !important;
    margin: 7px 0 !important;
}

[Rello]

Hi,

issue is finally solved.
checked in the default theme as well as the dark breeze
thank you for your css suggestion. it helped!

[Rello]

3.3.0 released