Is there a way in a plugin / theme component to detect if the current theme is using dark mode? Alternately, is there a way to get the active theme ID? Or should we create different theme components for light themes and dark themes?

I resolved this by adding a single line of code to the Head section of each theme depending on the colors: document.body.classList.add(“dark-theme”); document.body.classList.add(“light-theme”); Thanks for your inputs @Don @Lilly

Is there a way to detect dark mode usage?

Dev

system (system) Closed May 16, 2023, 12:24pm 5

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

Topic		Replies	Views
Is there a CSS way to modify specific items in dark mode? Dev auto-dark	1	239	April 17, 2023
Is this still the solution for checking for dark mode? Dev	4	71	February 20, 2025
How to add a specific body class for the dark (or light) mode? Support	13	3513	March 7, 2022
No specific class for dark mode Dev css	5	700	March 15, 2023
How to change css item based on dark or light mode? Dev	11	2040	June 18, 2023

Is there a way to detect dark mode usage?

Related topics