Vaadin 8 - Customizing GridLayout

Hello everyone how is it possible to customise the gridlayout in vaadin 8 with css.

I would like to have the part of the column names to be black and the values to have 2 different kinds of the colour grey where these two colours alternately change

Are you sure you are asking about GridLayout and not Grid? Those are different components. GridLayout does not have column names directly (naturally you can use the first row as a header) nor it has values directly (you need to implement any data filling yourself), as it is not backed by data. Grid on the other hand is data table component which has plenty of features for showing list of beans.

Ohh sorry. Yeah i mean Grid so the Vaadin 8 class grid

the values to have 2 different kinds of the colour grey where these two colours alternately change
The setStyleNameGenerator either on Grid level or for Column is your friend.