Button widget

If you migrate a project created prior to HATS V7.0.0.2, and you choose to implement the Enable foreground colors option, if you use a template that uses the blacktheme.css style sheet, you must manually update the blacktheme.css style sheet in one of the following ways:
  1. Remove the following line from the input.HATSBUTTON declaration: 
    color: lime;
    This enables foreground colors to be rendered on function keys; however it causes other buttons generated by a HATS widget to render in a default color.
  2. Combine the color-related CSS declarations for each color. For example, change: 
    .HBLUE {
       color: #3c9dff;
}
input.HBLUE {
       white-space: normal;
       letter-spacing: normal;
}
    to 
    .HBLUE, input.HBLUE {
        color: #3c9dff;
        white-space: normal;
        letter-spacing: normal;
}
    Repeat this change for each color.

An alternative to manually editing the blacktheme.css style sheet is to create a new dummy project and copy the theme CSS files from this project into your project. Be aware that any changes you have made to your CSS files are overwritten.