Each color from the spec gets converted to a background and text variant for styling within your
application through a class. Also support our component library.
Background color
class="red"
with variation
class="red lighten-5"
Text color
class="red--text"
with variation
class="red--text text--lighten-2"
{{ key2 }}
{{ key }}
{{ key2.replace(/(.*)(\d)/, '$1-$2') }}
{{ subColor.toUpperCase() }}