The following style properties can be used in CSS stylesheets to customize the appearance of this component.
To apply values to these properties globally in your application UI, place them in a CSS block using the html {…} selector. See Lumo Style Properties for more information on style properties.
Background
--vaadin-button-background
--lumo-contrast-5pct
Text Color
--vaadin-button-text-color
--lumo-primary-text-color
Font Weight
--vaadin-button-font-weight
500
Font Size
--vaadin-button-font-size
--lumo-font-size-m
Border
--vaadin-button-border
none
Border Radius
--vaadin-button-border-radius
--lumo-border-radius-m
Padding
--vaadin-button-padding
0 var(--vaadin-button-height) / 3 + var(--lumo-border-radius-m) / 2
Margin
--vaadin-button-margin
--lumo-space-xs 0
Height
--vaadin-button-height
--lumo-size-m
Min-Width
--vaadin-button-min-width
var(--vaadin-button-height) * 2
Background
--vaadin-button-primary-background
--lumo-primary-color
Text Color
--vaadin-button-primary-text-color
--lumo-primary-contrast-color
Font Weight
--vaadin-button-primary-font-weight
600
Border
--vaadin-button-primary-border
none
Background
--vaadin-button-tertiary-background
transparent !important
Text Color
--vaadin-button-tertiary-text-color
--lumo-primary-text-color
Font Weight
--vaadin-button-tertiary-font-weight
500
Border
--vaadin-button-tertiary-border
none
Padding
--vaadin-button-tertiary-padding
0 var(--vaadin-button-height) / 6
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4