Utilities

File: src/scss/_core/utils/_colors.scss

Text Color : Extended

Size: 7Kb (~3Kb gzipped)
Colors inspired from material design! (text-gray-* already added by bootstrap!)

If not needed, simply remove from: src/scss/main.scss
If backgrounds needed, add the code below to your src/scss/_custom/main.scss and rebuild using GULP. (+8Kb will be added - better use style and hex color)

// Smarty Extended : Bg Colors [Material Design][8Kb]
@each $color-name, $color-variants in $material-colors {
    @each $color-variant, $hex-value in $color-variants {

        .bg-#{$color-name}-#{$color-variant} { background-color: #{$hex-value}!important; }

    }
}
ON COLOR CLICK, COPY:
Red Pink Purple Deep Purple Indigo Blue Light Blue Cyan Teal Green Light Green Lime Yellow Amber Orange Deep Orange Brown Gray Blue gray
100 : #ffcdd2 100 : #F8BBD0 100 : #E1BEE7 100 : #D1C4E9 100 : #C5CAE9 100 : #BBDEFB 100 : #B3E5FC 100 : #B2EBF2 100 : #B2DFDB 100 : #C8E6C9 100 : #DCEDC8 100 : #F0F4C3 100 : #FFF9C4 100 : #FFECB3 100 : #FFE0B2 100 : #FFCCBC 100 : #D7CCC8 100 : #F5F5F5 100 : #CFD8DC
200 : #ef9a9a 200 : #F48FB1 200 : #CE93D8 200 : #B39DDB 200 : #9FA8DA 200 : #90CAF9 200 : #81D4FA 200 : #80DEEA 200 : #80CBC4 200 : #A5D6A7 200 : #C5E1A5 200 : #E6EE9C 200 : #FFF59D 200 : #FFE082 200 : #FFCC80 200 : #FFAB91 200 : #BCAAA4 200 : #EEEEEE 200 : #B0BEC5
300 : #e57373 300 : #F06292 300 : #BA68C8 300 : #9575CD 300 : #7986CB 300 : #64B5F6 300 : #4FC3F7 300 : #4DD0E1 300 : #4DB6AC 300 : #81C784 300 : #AED581 300 : #DCE775 300 : #FFF176 300 : #FFD54F 300 : #FFB74D 300 : #FF8A65 300 : #A1887F 300 : #E0E0E0 300 : #90A4AE
400 : #ef5350 400 : #EC407A 400 : #AB47BC 400 : #7E57C2 400 : #5C6BC0 400 : #42A5F5 400 : #29B6F6 400 : #26C6DA 400 : #26A69A 400 : #66BB6A 400 : #9CCC65 400 : #D4E157 400 : #FFEE58 400 : #FFCA28 400 : #FFA726 400 : #FF7043 400 : #8D6E63 400 : #BDBDBD 400 : #78909C
500 : #f44336 500 : #E91E63 500 : #9C27B0 500 : #673AB7 500 : #3F51B5 500 : #2196F3 500 : #03A9F4 500 : #00BCD4 500 : #009688 500 : #4CAF50 500 : #8BC34A 500 : #CDDC39 500 : #FFEB3B 500 : #FFC107 500 : #FF9800 500 : #FF5722 500 : #795548 500 : #9E9E9E 500 : #607D8B
600 : #e53935 600 : #D81B60 600 : #8E24AA 600 : #5E35B1 600 : #3949AB 600 : #1E88E5 600 : #039BE5 600 : #00ACC1 600 : #00897B 600 : #43A047 600 : #7CB342 600 : #C0CA33 600 : #FDD835 600 : #FFB300 600 : #FB8C00 600 : #F4511E 600 : #6D4C41 600 : #757575 600 : #546E7A
700 : #d32f2f 700 : #C2185B 700 : #7B1FA2 700 : #512DA8 700 : #303F9F 700 : #1976D2 700 : #0288D1 700 : #0097A7 700 : #00796B 700 : #388E3C 700 : #689F38 700 : #AFB42B 700 : #FBC02D 700 : #FFA000 700 : #F57C00 700 : #E64A19 700 : #5D4037 700 : #616161 700 : #455A64
800 : #c62828 800 : #AD1457 800 : #6A1B9A 800 : #4527A0 800 : #283593 800 : #1565C0 800 : #0277BD 800 : #00838F 800 : #00695C 800 : #2E7D32 800 : #558B2F 800 : #9E9D24 800 : #F9A825 800 : #FF8F00 800 : #EF6C00 800 : #D84315 800 : #4E342E 800 : #424242 800 : #37474F
900 : #b71c1c 900 : #880E4F 900 : #4A148C 900 : #311B92 900 : #1A237E 900 : #0D47A1 900 : #01579B 900 : #006064 900 : #004D40 900 : #1B5E20 900 : #33691E 900 : #827717 900 : #F57F17 900 : #FF6F00 900 : #E65100 900 : #BF360C 900 : #3E2723 900 : #212121 900 : #263238