Hi There
I am updating from Vaadin 13 and want to migrate to the new frontend mode (Polymer 3, not compatibility mode).
I was using a @HtmlImport
that registers a block to globally customize some styles. This annotation is now ignored by Vaadin 14.
The content of my .html file looks like the following:
<custom-style>
<style>
/* https://www.paulirish.com/2012/box-sizing-border-box-ftw */
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
html {
--lumo-primary-color: rgb(255, 165, 0) /* = orange */;
--lumo-body-text-color2: var(--lumo-primary-color);
--lumo-contrast-10pct: white;
--lumo-error-color-10pct: white;
--lumo-header-text-color: var(--lumo-primary-color);
}
</style>
</custom-style>
How do I correctly migrate this to a @JsImport
or @CssImport
?