colors.css

.indigo{background-color:#3f51b5}.indigo:hover,.indigo:active{background-color:#606fc7}.purple{background-color:#9c27b0}.purple:hover,.purple:active{background-color:#bc37d3}.blue{background-color:#2196f3}.blue:hover,.blue:active{background-color:#51adf6}.teal{background-color:#009688}.teal:hover,.teal:active{background-color:#00c9b6}.green{background-color:#4caf50}.green:hover,.green:active{background-color:#6ec071}.gray{background-color:#455a64}.gray:hover,.gray:active{background-color:#5a7582}.yellow{background-color:#cddc39}.yellow:hover,.yellow:active{background-color:#d8e464}.red{background-color:#e51c23}.red:hover,.red:active{background-color:#ea4a4f}.orange{background-color:#ff9800}.orange:hover,.orange:active{background-color:#ffad33}.light-green{background-color:#8bc34a}.light-green:hover,.light-green:active{background-color:#a4d070}.lime{background-color:#cddc39}.lime:hover,.lime:active{background-color:#d8e464}.amber{background-color:#ffc107}.amber:hover,.amber:active{background-color:#ffce3a}.pink{background-color:#e91e63}.pink:hover,.pink:active{background-color:#ee4c83}.cyan{background-color:#00bcd4}.cyan:hover,.cyan:active{background-color:#08e3ff}.deep-orange{background-color:#ff5722}.deep-orange:hover,.deep-orange:active{background-color:#ff7e55}