Color of the text on a main button, in the example, it is set to red:

Text color when passing the mouse over a primary button.

Text color of a main button when it is selected.

Background of a main button, in the example, is set to green:

Background color of a main button when hovering the mouse over it.

Background color of a main button when it is clicked.

Color of the text on a secondary button, in the example, it is set to green:

Text color when passing the mouse over a secondary button.

Text color of a child button when it is selected (clicked).

Background of a secondary button, in the example, is set to yellow:

Color of the border of a secondary button, in the example, it is set to red:

The color of the border of a secondary button when the mouse is hovered over it.

Color of the border of a child button when it is selected, clicked.

Text color of a disabled button.

Background color of a disabled button.

Color of the border of a disabled button.

Color of icons: button to close pop-up windows, paging icons, social network sharing icons on product and blog pages, among others.

In the example, red is set:

Alternate color of icons when hovering the mouse over buttons to close pop-up windows, paging icons, social network sharing icons on product and blog pages, among others.

In the example, it is set to blue and the mouse is over the printer icon:

Color of the completed stars, in the example, is set to green:

Color of uncompleted stars, in the example, is set to yellow:

Color of field labels in a form, in the example shown above, is set to black:

Form text color, in the example shown above, is set to pink:

Text color of the fields that have not been filled in, in the example shown above, is set to blue:

"Enter your text", in this case, is the help text that disappears when the user starts typing, that is why the field is shown as not completed:

Background color of the field that has not been filled in, in the example shown above, is set to light gray:

In this case, "Enter your text", is the help text that disappears when the user starts typing, that is why the field is shown as not completed.

Border color of the fields that have not been completed, in the example shown above, is set to yellow:

"Enter your text", in this case, is the help text that disappears when the user starts typing, that is why the field is shown as not completed:

Text color of the fields that have been filled in, in the example shown above, is set to white:

Background color of the fields that have been completed, in the example shown above, is set to dark gray:

Border color of the fields that have been completed, in the example shown above, is set to green:

Border of the field in which the user is positioned, in the example shown above, is set to red: