Although we have set the foreground and background color for our theme, we might want to make some changes for specific regions of a page for visual clarity.
To get started, search for color in theme.css. In order to find just color and not background-color as well, start your filter with a space character.
I found 15 instances of color. So I have to check to see which rules are of immediate interest to me. I am interested in the rules that define the look and feel of components that are not involved in the dynamic state feedback, such as any rule that defines selected, active, and hover.
This leaves us with the following four rules.
.ui-widget-content {
border: 1px solid #aaaaff;
background: #ffffff url("#{resource['primefaces-moodyblue2:images/ui-bg_flat_75_ffffff_40x100.png']}") 50% 50% repeat-x;
color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-widget-header {
border: 1px solid #aaaaff;
background: #ccccff url("#{resource...