palette: add support for colored text

css/palette.css

@@ -342,3 +342,52 @@
 .alert-success {
   background-color: #d9f0c1;
   color: black; }
+
+/* TEXT */
+.text-blue {
+  color: #4e63c9; }
+
+.text-violet {
+  color: #ce4dcd; }
+
+.text-purple {
+  color: #7951c0; }
+
+.text-red {
+  color: #e33d22; }
+
+.text-orange {
+  color: #eb790a; }
+
+.text-green {
+  color: #75b82d; }
+
+.text-skyblue {
+  color: #42a0f3; }
+
+.text-dark {
+  color: #6d6d6d; }
+
+.text-light {
+  color: #eeeeec; }
+
+.text-turquoise {
+  color: #46bd9e; }
+
+.text-primary {
+  color: #7951c0; }
+
+.text-secondary {
+  color: #4e63c9; }
+
+.text-warning {
+  color: #eb790a; }
+
+.text-danger {
+  color: #e33d22; }
+
+.text-info {
+  color: #42a0f3; }
+
+.text-success {
+  color: #75b82d; }

scss/palette.scss

@@ -38,6 +38,10 @@ $color-success: $color-green;
   color: darken($background-color, 80%);
 }
 
+@mixin text-color($text-color) {
+  color: $text-color;
+}
+
 /* CARDS */
 
 .card {
@@ -135,3 +139,25 @@ $color-success: $color-green;
   &-info { @include alert-color($color-info); }
   &-success { @include alert-color($color-success); }
 }
+
+/* TEXT */
+
+.text {
+  &-blue { @include text-color($color-blue); }
+  &-violet { @include text-color($color-violet); }
+  &-purple { @include text-color($color-purple); }
+  &-red { @include text-color($color-red); }
+  &-orange { @include text-color($color-orange); }
+  &-green { @include text-color($color-green); }
+  &-skyblue { @include text-color($color-skyblue); }
+  &-dark { @include text-color($color-dark); }
+  &-light { @include text-color($color-light); }
+  &-turquoise { @include text-color($color-turquoise); }
+  
+  &-primary { @include text-color($color-primary); }
+  &-secondary { @include text-color($color-secondary); }
+  &-warning { @include text-color($color-warning); }
+  &-danger { @include text-color($color-danger); }
+  &-info { @include text-color($color-info); }
+  &-success { @include text-color($color-success); }
+}