Backend Dark Mode

Phoca Maps - displaying maps in Joomla! CMS
Picannick
Phoca Member
Phoca Member
Posts: 15
Joined: 10 May 2013, 15:50
Contact:

Backend Dark Mode

Post by 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
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48345
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Backend Dark Mode

Post by 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
If you find Phoca extensions useful, please support the project
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48345
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Backend Dark Mode

Post by 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
If you find Phoca extensions useful, please support the project
Picannick
Phoca Member
Phoca Member
Posts: 15
Joined: 10 May 2013, 15:50
Contact:

Re: Backend Dark Mode

Post by 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
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48345
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Backend Dark Mode

Post by Jan »

If you find Phoca extensions useful, please support the project
Post Reply