[Solved] Dark mode switcher

General Discussions

Last Post by Sofy 1 month ago

2 Posts

2 Users

0 Reactions

160 Views

RSS

Posts: 36

golabs

Topic starter

Dec 16, 2024 4:51 pm

(@golabs)

Trusted Member

Joined: 4 years ago

I'm looking for a way to let wpForo theme react to the theme switcher of my theme. I'm using Blocksy but that is not overly relevant for the question I have.

When switching between the light and dark theme on the frontend, Blocksy updates <html> element from data-color-mode="light" to data-color-mode="dark" (or vice versa).

I can of course sync that statement into the <body> element with some basic JS.

Does anyone know if wpForo can response, theme wise, to a class change to switch between light (regular) and dark theme?
If so, is wpForo using darkmode as classname or something else?
And does it need to be a class of the <body> element, or another element?

Thanks in advance for your help.

Topic Tags

dark mode

1 Reply

Posts: 4963

Sofy

Admin

Dec 17, 2024 9:59 am

(@sofy)

Support Team

Joined: 7 years ago

Hi,

You can try achieving this with CSS code. Apply a transparent background for wpForo in dark mode. If necessary, fix any small issues using additional CSS code.

In case you want to say thank you 😊
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.

Forum Jump:

Previous Topic

Next Topic