UD StyleSheet Colors
UD StyleSheet Default Color Classes
UD StyleSheet is a modern CSS framework used for styling HTML pages.
The default color class used in UD StyleSheet is inspired by Material Design.
Material Design colors reflect the colors used in marketing, road signs, and sticky notes.
The following UD StyleSheet color classes can be used on any HTML element:
UD StyleSheet Text Color Classes
The following UD StyleSheet text color classes can be used on any HTML element:
On Black
ud-text-red
ud-text-pink
ud-text-purple
ud-text-deep-purple
ud-text-indigo
ud-text-blue
ud-text-light-blue
ud-text-cyan
ud-text-aqua
ud-text-teal
ud-text-green
ud-text-light-green
ud-text-lime
ud-text-sand
ud-text-khaki
ud-text-yellow
ud-text-amber
ud-text-orange
ud-text-deep-orange
ud-text-blue-gray
ud-text-brown
ud-text-light-gray
ud-text-gray
ud-text-dark-gray
ud-text-black
ud-text-white
On Gray
ud-text-red
ud-text-pink
ud-text-purple
ud-text-deep-purple
ud-text-indigo
ud-text-blue
ud-text-light-blue
ud-text-cyan
ud-text-aqua
ud-text-teal
ud-text-green
ud-text-light-green
ud-text-lime
ud-text-sand
ud-text-khaki
ud-text-yellow
ud-text-amber
ud-text-orange
ud-text-deep-orange
ud-text-blue-gray
ud-text-brown
ud-text-light-gray
ud-text-gray
ud-text-dark-gray
ud-text-black
ud-text-white
On White
ud-text-red
ud-text-pink
ud-text-purple
ud-text-deep-purple
ud-text-indigo
ud-text-blue
ud-text-light-blue
ud-text-cyan
ud-text-aqua
ud-text-teal
ud-text-green
ud-text-light-green
ud-text-lime
ud-text-sand
ud-text-khaki
ud-text-yellow
ud-text-amber
ud-text-orange
ud-text-deep-orange
ud-text-blue-gray
ud-text-brown
ud-text-light-gray
ud-text-gray
ud-text-dark-gray
ud-text-black
ud-text-white
Hover Color Classes
The following UD StyleSheet hover color classes can be used on any HTML element:

