Is there a component or some other way for the user to decide what theme they view the app in? Just like Retool's dark/light theme toggler would be nice
Hey @YAMLcase ,
Here's a nice way of how yo ucould achieve dark/light (and other colors)
Searching through topics on Dark Mode, I've seen a number of posts suggesting the use of invert, which limits the control a user has over color selection and impacts the entire browser. I've also found extensions being suggested, which is absolutely unnecessary.
Implementing dark mode is actually quite simple and only takes a few minutes.
Create a variable for storing whether or not dark mode is enabled (Example: darkModeValue). Set this value to either true or false. You can also set it …
1 Like
Paulo
September 16, 2024, 6:10pm
3
Hi @YAMLcase , @jbautista 's implementation is a great option!
Hi @juan_posada ,
Apologies for the confusion here! The new themes feature is still in Private Beta. I'm happy to enable it for you if you'd like. During private betas, we are particularly interested in collecting lots of product feedback as we move towards general availability.
Should I go ahead and add the feature? Once it is enabled, you'll get access to the new themes editor shown here . You can create any number of "modes" in the top right corner of the editor. Then, in an app that has your…
Here is more context on this feature:
Hey Retoolers -
We've made a ton of progress on making it easier to design and build beautiful apps in Retool this year, and we couldn't have done it without working alongside of all of you. Thanks, as always, for the feedback.
I hosted a webinar last week that summed up what we'd consider best practices for designing in Retool these days, including how to think about working with designs from Figma.
I wanted to share it here as a resource: https://www.youtube.com/watch?v=WfyQAEOODjA&ab_chann…
Paulo
October 30, 2024, 9:03pm
4
Update: Themes are now available on all cloud orgs!
[image]
We’re excited to share that we’ve begun rolling out a new Theming experience to cloud users!
Users on the Business and Enterprise plans can now see a revamped organization-level theme editing experience with expanded functionality, including:
The ability to create custom color, typography, and metric tokens for use in the theme editor and app component styles.
The ability to create multiple modes within a theme and switch between modes in an app using theme.setMode().
The ability to …
