Maven:
<dependency>
<groupId>com.vaadin</groupId>
<artifactId>vaadin-lumo-styles</artifactId>
<version>1.7.0</version>
</dependency>
Gradle:
implementation 'com.vaadin:vaadin-lumo-styles:1.7.0'
import com.vaadin.flow.component.button.Button;
import com.vaadin.flow.component.dependency.CssImport;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.router.Route;
@Route
@CssImport(value="./styles/my-component.css", themeFor="vaadin-button")
public class MyComponent extends VerticalLayout {
public MyComponent() {
Button button = new Button("Click me");
add(button);
button.addClassName("my-button-style");
}
}
css
:root {
--lumo-primary-color: red;
--lumo-primary-text-color: white;
--lumo-primary-color-50pct: rgba(var(--lumo-primary-rgb), 0.5);
}
.my-button-style {
border-radius: 5px;
border: 1px solid var(--lumo-primary-color);
}
