CSS matters

Need help
1

Sorry for the possibly noob questions. It is not clear how the work with styles is organized:

  • Does the tool provide a loophole for customizing style classes?

  • Tailwind is visible under the hood. Is it possible to refer to CSS variables instead of direct values? So that instead of duplicating the color in hex-format, substitute the necessary token (for example, --blue-500-color)

  • All style frameworks now support a dark theme out of the box. Is it possible to use it in the web application designer?

2

Right now, built-in support for custom classes isn’t available. In the meantime, you can use custom headers at the page or project level to inject your own CSS and style specific elements via their IDs

am
am2048×1236 239 KB

.
am_settings
am_settings1920×1159 53.8 KB

Dark mode isn’t natively supported at the moment, but you can implement it using CSS

3

Thanks for the quick reply. For some reason it doesn’t work for me.

image
image1054×594 17.8 KB

4

For whole project you can also customize the corner radius, button and text colors in the “theme” tab

Theme
Theme1920×1142 105 KB

5

Also CSS from custom headers only works in preview mode or in published project. You won’t see the changes on canvas, only from the theme settings

6

Thanks for help. Theming is ascetic, but in my case it is enough.

7

@Mikhail_K @Sergei_Talai
It looks like we need to find a way to apply custom CSS in Designer as an option.

8

At a minimum, add a comment in the field ‘Custom header’ (explaining where the user will see the changes in action)