I am building an React app using monday-sdk where I want to handle Colors and typography on dark mode , and I couldn’t found any solution in monday-sdk or Monday Design System.
Kindly share an example code to handle dork mode.
Great question! I’m asking around internally now for you.
I know the “Colors” page in our style guide does mention dark mode: Storybook, perhaps you can use this as a starting out point until I get back to you.
The answer is yes! It escaped me, but you can see the Dark Mode UI features here:
Hope this helps!
Thank you for responding. Actually all I want to know that how can I change color of my storybook component in my app when it goes on Dark Mode .
Like how to conditionally change the color of text maybe, e.g. text color is black on light mode(or default mode ) when it goes on dark mode text become invisible . how to handle this issue.
Great question! In this case, you can utilize our SDK methods (the
monday.get("context") method) in order to see whether a user has a light or dark theme:
Depending on which theme is returned, you can then utilize different text colors within your app.
Thank You so much I needed this hint.
This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.