What i tend to do when i want to change the overall styling is the following:
- Search for the class name of the widget by running the application and inspection the widget (ctrl + shft + c)
- Check which class-names are used to set the attributes (color/fonts/borders) you want to change
- Add that class to your custom folder
- Theme > Styles > Web > Sass > App > _custom.scss
- fill in the information you want to change and run calypso (if you are working in mendix 8 or lower)
your class will look something like this:
.classname{
background-color: #......;
color: #......;
border: .......;
&:hover{
background-color: #......;
color: #......;
border: .......;
}
}