{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/99cade51f8da46eeb3bb5d7080f7c182\" frameborder=\"0\" width=\"1110\" height=\"832\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":832,"width":1110,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":832,"thumbnail_width":1110,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/99cade51f8da46eeb3bb5d7080f7c182-c101f93cb8a1427b.gif","duration":122.441,"title":"Auto-Detecting Light and Dark Mode in Webflow","description":"In this video, I walk you through how to set up auto-detecting light and dark mode in Weflow. I demonstrate how to define our color variables for dark and light modes and show you how to use custom functions to ensure the background and text colors update accordingly. I also emphasize the importance of defining the color scheme at the root level. Please make sure to check the settings and adjust them as needed. Let me know if you have any questions!"}