Valo themed button

Hi all,

I’ve been playing around with the new Valo theme for awhile now but I am unable to achieve the button look that is depicted here https://vaadin.com/valo. The button style I am referring to is the one with white border, white text and no background (the one in the middle).

Does anyone have any tips on how to go about doing this?

Thank you!

Hi, Do you mean the button of Valo “bluprint” demo? To apply the blueprint like theme in your project copy paste its variables (e.g. from here https://github.com/vaadin/valo-demo/blob/master/src/main/webapp/VAADIN/themes/tests-valo-blueprint/_variables.scss) in the beginning of your project’s scss file (e.g. themes/your-project/your-project.scss).

Please, ask further adviced if needed.