twoThemesExample
@
safe @
()
=> label("There might be a quite a lot happening in the example above. Let's unpack:"),
()
=> hspace(label("— "), label("'makeTheme' will produce a new theme which you can later use in your app. Themes " ~ "are constructed from rules which you define inside the q{ } blocks.")),
()
=> hspace(label("— "), vspace(label("We define two rules, one for frames and one for labels. We change their " ~ "colors, which should probably be fairly easy to understand. For reference on CSS hex colors, see "), button("MDN <hex-color>", delegate ))),
()
=> hspace(label("— "), label("Finally, we pass the theme next to the layout argument of the frame. It's " ~ "important that the layout and theme arguments, if either or both are present, must be the first " ~ "arguments.")),
()
=> label("Nodes will automatically inherit themes from their parents, until they have another theme assigned.") Frame
twoThemesExample