AI Search

Classic Search

Search Phrase:

Search Type:

Advanced search options

Search in Forums:

Search in date period:

Sort Search Results by:

Filter by custom fields

Topic prefix

AI Assistant

Notifications

Clear all

[Solved] Dark mode switcher

Summarize Topic

General Discussions

Last Post by Sofy 1 year ago

2 Posts

2 Users

0 Reactions

1,022 Views

RSS

Posts: 47

golabs

Topic starter

Translate ▼

Dec 16, 2024 8:51 pm

(@golabs)

Trusted Member

Joined: 5 years ago

[#61745]

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: 5774

Sofy

Admin

Translate ▼

Dec 17, 2024 1:59 pm

(@sofy)

Support Team

Joined: 8 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