Buttons are unreadable in firefox with Windows dark theme enabled

[hyperlink-skylight]

Describe the bug Buttons are not readable, because of dark background color. Only in Firefox. I am using the "Collabora Online - Built-in CODE Server". Nextcloud is running in Docker.

To Reproduce Steps to reproduce the behavior:

1. Activate the dark theme in Windows 10 settings
2. Open a collabora document from Nextcloud in the Firefox browser
3. See the dark background color on all bars and buttons

Expected behavior Either: Lighten the background color Or: Use the default (white) background color like it is used in the Edge browser.

Screenshots

Activate dark theme in Windows:

Firefox:

Edge:

Client details:

• OS: Windows 10
• Browser Firefox ESR 91.11.0esr (64-Bit)
• Version 22.2.9
• Device: Desktop

Server details

Operating system: Linux 4.14.35-2047.508.3.3.el7uek.x86_64

Web server:

Database: mysql 10.4.8

PHP version: 8.0.20

Nextcloud version: 22.2.9

Version of the richdocuments app

Version of Collabora Online4.2.7

Collabora Online - Built-in CODE Server: 22.5.301

Logs

Nextcloud log (data/nextcloud.log)

Insert your Nextcloud log here

Browser log

Insert your browser log here, this could for example include:

a) The javascript console log
b) The network log
c) ...