RSS Feed/News extra.less dark mode rules — how to cover System variation (prefers-color-scheme)?

Status
Not open for further replies.

ENXF NET

Administrator
Staff member
Administrator
Moderator
+Lifetime VIP+
S.V.I.P.S Member
S.V.I.P Member
V.I.P Member
Collaborate
Registered
Joined
Nov 13, 2018
Messages
31,077
Points
823

Reputation:

We have a child style of a pixel-exit style with a dark alternate variation. Our custom dark mode CSS in extra.less is scoped to :root[data-variation="alternate"], which works correctly when a user explicitly selects Dark mode.

However, when a user selects System variation and their browser/OS is set to dark mode, data-variation is removed from <html> entirely, so our :root[data-variation="alternate"] rules don't apply. The palette CSS variables are handled correctly by...

Read more

Continue reading...
 
Status
Not open for further replies.
Top