Each set of colors below is used to create a gradient for each style of push button.
up
over
Text is dark gray in most cases. Black is never used. For a subtle effect, the light gray can be used. In special cases, text can be reversed on a dark background. Header style 1 uses a gray blue, and is reserved for page titles.
More information on styling error messages to be included below.
Old message colors, in process of phasing out:
New message colors, more guidance on styling to be included below:
As this color has insufficient contrast on either the TN8 dark gray or white, it should only be used decoratively.
Most TN8 push buttons use the large styling.
Some rules should be defined around when to use the large versus regular size of this button style.
The inverse styling is used when more attention should be drawn to action, but it is not a primary action.
The original bootstrap style for a success button is overwritten in TN8 for accessibility reasons.
Coming soon...
Fixed Modals are used to display alert, error, and warning messages from TN8 over the main content. A transparent backing of 30% black appears under the window.
Modal text goes here...
Draggable modals can be moved around within TN8. No transparent overlay appears behind them.
Modal text goes here...
Error messages should include a message phrased with the user in mind. Message numbers are always included.
MSG 0000