Backend Dark Mode

[Picannick]

Hi there,

In my operating system I have turned on dark mode.
But since Joomlas Dark Mode is not really usable, I changed the setting in the atum template to 0 (deactivated).
But nevertheless Phoca Maps loads the theme-dark.css which makes the buttons white on hover.

It also happens if I change the setting to light.
Is there a way to prevent Phoca Maps from loading this CSS?

Kind regards,
Tanja

[Jan]

The the dark theme is always loaded, but includes this rule:

@media (prefers-color-scheme: dark) {

so it only displays when the prefers-color-scheme is set to dark in browser. Which version of Joomla do you use?

Jan

[Jan]

If you are using the latest Joomla (5.1 or 5.2), open this file:

media/com_phocamaps/css/administrator/theme-dark.css

and change
FROM:
@media (prefers-color-scheme: dark) {

TO:
[data-bs-theme="dark"] {

(it is twice there)

This parameter is new in Joomla, so it will be included in next version of Phoca Maps.

Jan

[Picannick]

Thank you Jan,

I am using Joomla 5.1 and my browser is set to dark mode. But in the settings of the atum template I changed to light because the darkmode is not really user-friendly.

So with your changes it works now and I will wait for the next version.

Kind regards
Tanja

[Jan]

Hi, see:
https://www.phoca.cz/news/1328-phoca-ma ... d-joomla-5

Jan