# Dev Diary Ep42 - Dark & Light Mode Support **URL:** \ **Category:** Elements\ **Created:** [October 22, 2024, 4:13pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep42-dark-light-mode-support/45036 "2024-10-22T16:13:22Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [October 22, 2024, 4:13pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep42-dark-light-mode-support/45036/1 "2024-10-22T16:13:22Z")
Hello again, This week I give a brief update on how the inline text editing is progressing (we still have more to do, but it’s looking good), along with a deep-dive into the all new Light and Dark Mode support 🤯 ![Artboard](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/5/f57bf99a2bbd28fb9757f4e554c818fe49b27eab.jpeg) I’ve never used anything that makes it as easy (and flexible) as Elements to build a site that supports both Dark and Light mode. Watch the video below to see how this awesome new feature works! [![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/e/ce9926eea6787e9b05cb2b601ed64d885cbb2121.jpeg "Dev Diary Ep42 — Dark & Light Mode Support") ](https://www.youtube.com/watch?v=dZkGtd1sHPc) P.S. We’re aiming to release a new beta with these new features and more next week​🤞 ## Thanks as always… We’re listening to all your feedback and working super hard to make Elements the perfect website builder. See you next week 👋 Thanks, Dan & Team Realmac. ---
**Author:** ![Flash](https://avatars.discourse-cdn.com/v4/letter/f/f475e1/32.png) [@Flash](https://forums.realmacsoftware.com/u/Flash)\ **Post date:** [October 22, 2024, 4:56pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep42-dark-light-mode-support/45036/2 "2024-10-22T16:56:36Z")
I know I can just click the like button. But I feel you should know I appreciate RM’s continued thought into how “it just works!” ---
**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\ **Post date:** [October 22, 2024, 5:01pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep42-dark-light-mode-support/45036/3 "2024-10-22T17:01:16Z")
Eagerly awaiting the next beta… ---
**Author:** ![anon68150607](https://avatars.discourse-cdn.com/v4/letter/a/4bbf92/32.png) [@anon68150607](https://forums.realmacsoftware.com/u/anon68150607)\ **Post date:** [October 22, 2024, 5:13pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep42-dark-light-mode-support/45036/4 "2024-10-22T17:13:41Z")
If the light and dark mode colour choices were specified in a ‘global’ I assume they would automatically be carried to every place where that global was used on the site, reducing the need to set the colours for the various modes repeatedly (unless the value was overridden)? Also, would it be worth considering _(post v1.0)_ adding dark variants of each colour of a theme? This way you could theoretically have a dark made available without having to go and set each variant yourself _(I’m notoriously lazy)_? ie: ‘text’ would have both light and dark colours/shades, as would ‘surface’, and every other named colour included in the theme. I’d assume the majority of the time these would just default to inverse values of the same colour, ie: text/surface = (light) 90% → 10%, 10% → 90% (dark). ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [October 22, 2024, 5:16pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep42-dark-light-mode-support/45036/5 "2024-10-22T17:16:59Z")
> [@anon68150607](#): > > If the light and dark mode colour choices were specified in a ‘global’ I assume they would automatically be carried to every place where that global was used on the site Yes, exactly. I actually do this in the template(s) I’m building ☺ > [@anon68150607](#): > > Also, would it be worth considering _(post v1.0)_ adding dark variants of each colour of a theme? This way you could theoretically have a dark made available without having to go and set each variant yourself? Yes, possibly. Another way to tackle it would be for the components you drop on the page to already have a dark and light colour specified. I’m thinking Containers and Text mainly. This would get you there 90% of the way right out of the box 🤔 ---
**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\ **Post date:** [October 22, 2024, 5:33pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep42-dark-light-mode-support/45036/6 "2024-10-22T17:33:22Z")
@dan If possible, can you look into setting defaults in the theme editor?? Specifically, default text color and default background color. ---
**Author:** ![Lion](https://avatars.discourse-cdn.com/v4/letter/l/57b2e6/32.png) [@Lion](https://forums.realmacsoftware.com/u/Lion)\ **Post date:** [October 23, 2024, 11:22am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep42-dark-light-mode-support/45036/7 "2024-10-23T11:22:21Z")
Hi Dan & team, I have been offline for some time and am catching up with the dev diaries. Just as an encouragement from my side, I think that you are all doing a great job and making Elements really amazing. I know there are tons of opinions and suggestions to work through. Keep us the great work and looking forward to the ‘final’ product. 😃 ---
**Author:** ![ticknerdesign](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ticknerdesign/32/33805_2.png) [@ticknerdesign](https://forums.realmacsoftware.com/u/ticknerdesign)\ **Post date:** [February 20, 2026, 7:38pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep42-dark-light-mode-support/45036/8 "2026-02-20T19:38:17Z")
Can we add a button to the website to allows the user to change the website from light mode to dark mode at will?