Community forum for knowledge and support

Updated 4 months ago

Implementing dark mode: a built-in solution or a custom approach?

At a glance

The community member is looking for a built-in way to add dark mode to their project, as they have found some outdated tutorials on color palettes. The comments suggest two potential solutions: one from Relume that integrates with CSS variables, and a tutorial by Timothy Ricks on YouTube. Another community member also mentions a video by Yar demonstrating how to implement dark mode using CSS properties. There is no explicitly marked answer in the post and comments.

Useful resources

VVictor Svedberg

So, I could def figure out a way to do it myself, but is there a built in set up for adding dark mode, before I jump the gun and start building something custom. I did find the color pallets but that tutorial seem bit outdated, so now with variables, whats the goto way?

3 comments

FFederico Bebber

Relume is actually working at a solution (color-schemes) that integrates with variables,
but if you're in hurry there's a Timothy Ricks tutorial on youtube.

https://www.youtube.com/watch?v=grA47dBXzPg

CChris Wertz

I saw this video yesterday where Yar demonstrates how to do it with CSS properties. https://youtu.be/NoIi4HVN3YI?si=XndgyaGc_3spWFF-

VVictor Svedberg

Neat! Thanks

Add a reply