nextcloud / calendar

📆 Calendar app for Nextcloud
https://apps.nextcloud.com/apps/calendar
GNU Affero General Public License v3.0
968 stars 236 forks source link

Datepicker navigation buttons not visible on dark mode on macOS in Firefox #5164

Open frlan opened 1 year ago

frlan commented 1 year ago

Steps to reproduce

  1. Switch to dark mode
  2. Try to edit a date of an event

Expected behavior

The arrows should be visible

Actual behaviour

The arrows are not easily visible

Calendar app version

4.3.3

CalDAV-clients used

No response

Browser

Firefox

Client operating system

macOS

Server operating system

No response

Web server

None

Database engine version

None

PHP engine version

None

Nextcloud version

25.0.6

Updated from an older installed version or fresh install

None

List of activated apps

No response

Nextcloud configuration

No response

Web server error log

No response

Log file

No response

Browser log

No response

Additional info

Bildschirmfoto 2023-04-26 um 08 33 53
ChristophWurst commented 1 year ago

Switch to dark mode

Is your OS set to dark mode? Is your browser set to dark mode? Is Nextcloud set to dark mode?

There are 8 possible combinations with these settings above. It's relevant for reproduction.

frlan commented 1 year ago

Nextcloud is set to system default

Bildschirmfoto 2023-04-26 um 11 41 47

Browser is set to default.

macOS is set to dark mode 

Bildschirmfoto 2023-04-26 um 11 43 11
nickian commented 1 year ago

I noticed this as well. Here is a temporary fix. Install the custom CSS app. Add this to it.

.mx-datepicker-main .mx-calendar-header .mx-btn-icon-double-left, .mx-datepicker-main .mx-calendar-header .mx-btn-icon-left, .mx-datepicker-main .mx-calendar-header .mx-btn-icon-right, .mx-datepicker-main .mx-calendar-header .mx-btn-icon-double-right {
    background-color: #fff;
}