Universal Theme provides 6 stateful colors: normal, hot, informational, danger, warning, and success. Here are the CSS modifier classes you can use to apply these states to your own UI controls.
Status | Block | Text | Background | Border |
Normal | u-normal | u-normal-text | u-normal-bg | u-normal-border |
Hot | u-hot | u-hot-text | u-hot-bg | u-hot-border |
Warning | u-warning | u-warning-text | u-warning-bg | u-warning-border |
Danger | u-danger | u-danger-text | u-danger-bg | u-danger-border |
Info | u-info | u-info-text | u-info-bg | u-info-border |
Success | u-success | u-success-text | u-success-bg | u-success-border |