Global font size change

Flow
1

I’m very novice in Vaadin themes.

Is there a simple way to increase all fonts by 20%?
Some kind of base style to affect?

I mean bigger regular text, table headers, bigger tooltips, bigger buttons text,… every text bigger.

Thank you in advance.
John.

2

hmm… I have a hard time coming up with a way to affect everything at once. I guess you have to say separetly to every component you want to change


.v-button { font-size: 120%; }

or


.v-label { font-size: 10px; }

etc. in the css.

Hope somebody else can give you an easier solution.

3

You may also consider trying out “runo” theme. It has more spacing and larger fonts.