Community forum for knowledge and support

Updated 11 months ago

Quickly Turn Section Layouts Into Dark Version

At a glance

The community member is asking if all the hundreds of layouts in the builder have a dark version variation option, as it would be helpful to quickly turn section layouts into a dark version to create contrast and focus during wireframe review and client communication. The comments indicate that there are currently no dark mode components, but suggest using a button/switch to change colours, or designing a dark mode colour companion to the light mode colours.

Hi, do all these hundreds of layouts have a dark version variation option? Using the builder, sitemap, and while editing the wireframes sections, it would be great to be able to turn section layouts into dark version quickly so we don’t end up with everything on white all the way down. It helps create contrast and focus on specific sections during wireframe review and facilitates content communication with clients. Unless I’m missing how to do this quickly? Thanks

M
L
3 comments

appreciate your feedback! We do not currently have any dark mode components no.

You might be able to get away with using a button/ switch div, and then adding an animation on interactions to change colours of classes.

So if you design out a dark mode colour companion to light mode colours, you can switch them over, or create a line of dark mode components with the style guide

Add a reply
Sign up and join the conversation on Slack