Sveltekit light mode impossible? #3470
Replies: 1 comment
-
|
@HenryMBaldwin so Dark Mode is a Tailwind feature, not a Skeleton feature. Skeleton merely takes advantage of the mechanics Tailwind provides to use. The good news is not only are all the same options available from v2 to v3, but there's even finer grain control. To to put this in context, let's cover a a couple things:
Here's the relevant docs covering all these things:
Next it's important to know the strategies available:
For your specific issue, you'll want to use the Selector strategy like so: First, add this custom variant near the top of your global stylesheet (ex: app.css) @custom-variant dark (&:where(.dark, .dark *));Then, DON'T set the Here's what that looks like in practice in a real world app:
|
Beta Was this translation helpful? Give feedback.
-
I have used skeleton v2 more than a handful of times and always found it straightforward and enjoyable. Now on v3, not matter what strategy I use from the docs, I cannot seem to set my brand new project to light mode (using theme terminus). Is this a known issue? Is there a simple fix? Are there examples of sveltekit sites built with v3 where light mode works?
Beta Was this translation helpful? Give feedback.
All reactions