Cheat Sheet
This page provides a quick reference to all of the Aura Design tokens and classes, grouped by their major functionality:
| --aura-font-stack | Font family for general propose of project. |
| --aura-font-quotes | Font family for quotes in project. |
| --aura-snow | Variable for snow color. |
| --aura-purple | Variable for purple color. |
| --aura-white | Variable for white color. |
| --aura-black | Variable for black color. |
| --aura-orange | Variable for orange color. |
| --aura-orange-rose | Variable for orange rose color. |
| --aura-pink | Variable for pink color. |
| --aura-pink-purple | Variable for pink purple color. |
| --aura-blue | Variable for blue color. |
| --aura-teal-green | Variable for teal green color. |
| --aura-green | variable for green color |
| --aura-lemon-green | Variable for lemon green color |
| --aura-yellow | Variable for yellow color. |
| --aura-grey | Variable for grey color. |
| --aura-bg | Default Background color for general website. |
| --aura-text-primary | Default text color for general website. |
| --aura-text-primary-inverse | Default inverse text color for general website. |
| --aura-accents-0 | Background color 0 in a scale from 0 to 3. |
| --aura-accents-1 | Background color 1 in a scale from 0 to 3. |
| --aura-accents-2 | Background color 2 in a scale from 0 to 2. |
| --aura-accents-3 | Background color 3 in a scale from 0 to 3. |
| --aura-radius | Default border radius for modules. |
| --aura-opacity | Default opacity for disabled elementos. |
| --aura-accents-primary | Default color for buttons. |
| --aura-button-hover | Default background color for button in hover state |
| --aura-accents-success | Default color for success text. |
| --aura-accents-success-bg | Default background color for success. |
| --aura-accents-info | Default color for info text. |
| --aura-accents-info-bg | Default background color for info. |
| --aura-accents-warning | Default color for warning text. |
| --aura-accents-warning-bg | Default background color for warning. |
| --aura-accents-danger | Default color for danger text. |
| --aura-accents-danger-bg | Default background color for danger. |
| --aura-input-bg | Default background color for inputs. |
| --aura-module | Default background color for modules. |
| --aura-outline | Default color for outline of elements. |
| --aura-link | Default color for links. |
| --aura-link-hover | Default color for links in hover state. |
| --aura-input-radius | Default border radius for input. |
| --aura-button-radius | Default border radius for buttons. |
| --aura-selector | Default background color of selector. |
| --aura-loader | Default background color of nprogress loader. |