370 lines
7.8 KiB
SCSS
370 lines
7.8 KiB
SCSS
// Google Color Palette defined: http://www.google.com/design/spec/style/color.html
|
|
|
|
$materialize-red: (
|
|
"base": #e51c23,
|
|
"lighten-5": #fdeaeb,
|
|
"lighten-4": #f8c1c3,
|
|
"lighten-3": #f3989b,
|
|
"lighten-2": #ee6e73,
|
|
"lighten-1": #ea454b,
|
|
"darken-1": #d0181e,
|
|
"darken-2": #b9151b,
|
|
"darken-3": #a21318,
|
|
"darken-4": #8b1014,
|
|
);
|
|
|
|
$red: (
|
|
"base": #F44336,
|
|
"lighten-5": #FFEBEE,
|
|
"lighten-4": #FFCDD2,
|
|
"lighten-3": #EF9A9A,
|
|
"lighten-2": #E57373,
|
|
"lighten-1": #EF5350,
|
|
"darken-1": #E53935,
|
|
"darken-2": #D32F2F,
|
|
"darken-3": #C62828,
|
|
"darken-4": #B71C1C,
|
|
"accent-1": #FF8A80,
|
|
"accent-2": #FF5252,
|
|
"accent-3": #FF1744,
|
|
"accent-4": #D50000
|
|
);
|
|
|
|
$pink: (
|
|
"base": #e91e63,
|
|
"lighten-5": #fce4ec,
|
|
"lighten-4": #f8bbd0,
|
|
"lighten-3": #f48fb1,
|
|
"lighten-2": #f06292,
|
|
"lighten-1": #ec407a,
|
|
"darken-1": #d81b60,
|
|
"darken-2": #c2185b,
|
|
"darken-3": #ad1457,
|
|
"darken-4": #880e4f,
|
|
"accent-1": #ff80ab,
|
|
"accent-2": #ff4081,
|
|
"accent-3": #f50057,
|
|
"accent-4": #c51162
|
|
);
|
|
|
|
$purple: (
|
|
"base": #9c27b0,
|
|
"lighten-5": #f3e5f5,
|
|
"lighten-4": #e1bee7,
|
|
"lighten-3": #ce93d8,
|
|
"lighten-2": #ba68c8,
|
|
"lighten-1": #ab47bc,
|
|
"darken-1": #8e24aa,
|
|
"darken-2": #7b1fa2,
|
|
"darken-3": #6a1b9a,
|
|
"darken-4": #4a148c,
|
|
"accent-1": #ea80fc,
|
|
"accent-2": #e040fb,
|
|
"accent-3": #d500f9,
|
|
"accent-4": #aa00ff
|
|
);
|
|
|
|
$deep-purple: (
|
|
"base": #673ab7,
|
|
"lighten-5": #ede7f6,
|
|
"lighten-4": #d1c4e9,
|
|
"lighten-3": #b39ddb,
|
|
"lighten-2": #9575cd,
|
|
"lighten-1": #7e57c2,
|
|
"darken-1": #5e35b1,
|
|
"darken-2": #512da8,
|
|
"darken-3": #4527a0,
|
|
"darken-4": #311b92,
|
|
"accent-1": #b388ff,
|
|
"accent-2": #7c4dff,
|
|
"accent-3": #651fff,
|
|
"accent-4": #6200ea
|
|
);
|
|
|
|
$indigo: (
|
|
"base": #3f51b5,
|
|
"lighten-5": #e8eaf6,
|
|
"lighten-4": #c5cae9,
|
|
"lighten-3": #9fa8da,
|
|
"lighten-2": #7986cb,
|
|
"lighten-1": #5c6bc0,
|
|
"darken-1": #3949ab,
|
|
"darken-2": #303f9f,
|
|
"darken-3": #283593,
|
|
"darken-4": #1a237e,
|
|
"accent-1": #8c9eff,
|
|
"accent-2": #536dfe,
|
|
"accent-3": #3d5afe,
|
|
"accent-4": #304ffe
|
|
);
|
|
|
|
$blue: (
|
|
"base": #2196F3,
|
|
"lighten-5": #E3F2FD,
|
|
"lighten-4": #BBDEFB,
|
|
"lighten-3": #90CAF9,
|
|
"lighten-2": #64B5F6,
|
|
"lighten-1": #42A5F5,
|
|
"darken-1": #1E88E5,
|
|
"darken-2": #1976D2,
|
|
"darken-3": #1565C0,
|
|
"darken-4": #0D47A1,
|
|
"accent-1": #82B1FF,
|
|
"accent-2": #448AFF,
|
|
"accent-3": #2979FF,
|
|
"accent-4": #2962FF
|
|
);
|
|
|
|
$light-blue: (
|
|
"base": #03a9f4,
|
|
"lighten-5": #e1f5fe,
|
|
"lighten-4": #b3e5fc,
|
|
"lighten-3": #81d4fa,
|
|
"lighten-2": #4fc3f7,
|
|
"lighten-1": #29b6f6,
|
|
"darken-1": #039be5,
|
|
"darken-2": #0288d1,
|
|
"darken-3": #0277bd,
|
|
"darken-4": #01579b,
|
|
"accent-1": #80d8ff,
|
|
"accent-2": #40c4ff,
|
|
"accent-3": #00b0ff,
|
|
"accent-4": #0091ea
|
|
);
|
|
|
|
$cyan: (
|
|
"base": #00bcd4,
|
|
"lighten-5": #e0f7fa,
|
|
"lighten-4": #b2ebf2,
|
|
"lighten-3": #80deea,
|
|
"lighten-2": #4dd0e1,
|
|
"lighten-1": #26c6da,
|
|
"darken-1": #00acc1,
|
|
"darken-2": #0097a7,
|
|
"darken-3": #00838f,
|
|
"darken-4": #006064,
|
|
"accent-1": #84ffff,
|
|
"accent-2": #18ffff,
|
|
"accent-3": #00e5ff,
|
|
"accent-4": #00b8d4
|
|
);
|
|
|
|
$teal: (
|
|
"base": #009688,
|
|
"lighten-5": #e0f2f1,
|
|
"lighten-4": #b2dfdb,
|
|
"lighten-3": #80cbc4,
|
|
"lighten-2": #4db6ac,
|
|
"lighten-1": #26a69a,
|
|
"darken-1": #00897b,
|
|
"darken-2": #00796b,
|
|
"darken-3": #00695c,
|
|
"darken-4": #004d40,
|
|
"accent-1": #a7ffeb,
|
|
"accent-2": #64ffda,
|
|
"accent-3": #1de9b6,
|
|
"accent-4": #00bfa5
|
|
);
|
|
|
|
$green: (
|
|
"base": #4CAF50,
|
|
"lighten-5": #E8F5E9,
|
|
"lighten-4": #C8E6C9,
|
|
"lighten-3": #A5D6A7,
|
|
"lighten-2": #81C784,
|
|
"lighten-1": #66BB6A,
|
|
"darken-1": #43A047,
|
|
"darken-2": #388E3C,
|
|
"darken-3": #2E7D32,
|
|
"darken-4": #1B5E20,
|
|
"accent-1": #B9F6CA,
|
|
"accent-2": #69F0AE,
|
|
"accent-3": #00E676,
|
|
"accent-4": #00C853
|
|
);
|
|
|
|
$light-green: (
|
|
"base": #8bc34a,
|
|
"lighten-5": #f1f8e9,
|
|
"lighten-4": #dcedc8,
|
|
"lighten-3": #c5e1a5,
|
|
"lighten-2": #aed581,
|
|
"lighten-1": #9ccc65,
|
|
"darken-1": #7cb342,
|
|
"darken-2": #689f38,
|
|
"darken-3": #558b2f,
|
|
"darken-4": #33691e,
|
|
"accent-1": #ccff90,
|
|
"accent-2": #b2ff59,
|
|
"accent-3": #76ff03,
|
|
"accent-4": #64dd17
|
|
);
|
|
|
|
$lime: (
|
|
"base": #cddc39,
|
|
"lighten-5": #f9fbe7,
|
|
"lighten-4": #f0f4c3,
|
|
"lighten-3": #e6ee9c,
|
|
"lighten-2": #dce775,
|
|
"lighten-1": #d4e157,
|
|
"darken-1": #c0ca33,
|
|
"darken-2": #afb42b,
|
|
"darken-3": #9e9d24,
|
|
"darken-4": #827717,
|
|
"accent-1": #f4ff81,
|
|
"accent-2": #eeff41,
|
|
"accent-3": #c6ff00,
|
|
"accent-4": #aeea00
|
|
);
|
|
|
|
$yellow: (
|
|
"base": #ffeb3b,
|
|
"lighten-5": #fffde7,
|
|
"lighten-4": #fff9c4,
|
|
"lighten-3": #fff59d,
|
|
"lighten-2": #fff176,
|
|
"lighten-1": #ffee58,
|
|
"darken-1": #fdd835,
|
|
"darken-2": #fbc02d,
|
|
"darken-3": #f9a825,
|
|
"darken-4": #f57f17,
|
|
"accent-1": #ffff8d,
|
|
"accent-2": #ffff00,
|
|
"accent-3": #ffea00,
|
|
"accent-4": #ffd600
|
|
);
|
|
|
|
$amber: (
|
|
"base": #ffc107,
|
|
"lighten-5": #fff8e1,
|
|
"lighten-4": #ffecb3,
|
|
"lighten-3": #ffe082,
|
|
"lighten-2": #ffd54f,
|
|
"lighten-1": #ffca28,
|
|
"darken-1": #ffb300,
|
|
"darken-2": #ffa000,
|
|
"darken-3": #ff8f00,
|
|
"darken-4": #ff6f00,
|
|
"accent-1": #ffe57f,
|
|
"accent-2": #ffd740,
|
|
"accent-3": #ffc400,
|
|
"accent-4": #ffab00
|
|
);
|
|
|
|
$orange: (
|
|
"base": #ff9800,
|
|
"lighten-5": #fff3e0,
|
|
"lighten-4": #ffe0b2,
|
|
"lighten-3": #ffcc80,
|
|
"lighten-2": #ffb74d,
|
|
"lighten-1": #ffa726,
|
|
"darken-1": #fb8c00,
|
|
"darken-2": #f57c00,
|
|
"darken-3": #ef6c00,
|
|
"darken-4": #e65100,
|
|
"accent-1": #ffd180,
|
|
"accent-2": #ffab40,
|
|
"accent-3": #ff9100,
|
|
"accent-4": #ff6d00
|
|
);
|
|
|
|
$deep-orange: (
|
|
"base": #ff5722,
|
|
"lighten-5": #fbe9e7,
|
|
"lighten-4": #ffccbc,
|
|
"lighten-3": #ffab91,
|
|
"lighten-2": #ff8a65,
|
|
"lighten-1": #ff7043,
|
|
"darken-1": #f4511e,
|
|
"darken-2": #e64a19,
|
|
"darken-3": #d84315,
|
|
"darken-4": #bf360c,
|
|
"accent-1": #ff9e80,
|
|
"accent-2": #ff6e40,
|
|
"accent-3": #ff3d00,
|
|
"accent-4": #dd2c00
|
|
);
|
|
|
|
$brown: (
|
|
"base": #795548,
|
|
"lighten-5": #efebe9,
|
|
"lighten-4": #d7ccc8,
|
|
"lighten-3": #bcaaa4,
|
|
"lighten-2": #a1887f,
|
|
"lighten-1": #8d6e63,
|
|
"darken-1": #6d4c41,
|
|
"darken-2": #5d4037,
|
|
"darken-3": #4e342e,
|
|
"darken-4": #3e2723
|
|
);
|
|
|
|
$blue-grey: (
|
|
"base": #607d8b,
|
|
"lighten-5": #eceff1,
|
|
"lighten-4": #cfd8dc,
|
|
"lighten-3": #b0bec5,
|
|
"lighten-2": #90a4ae,
|
|
"lighten-1": #78909c,
|
|
"darken-1": #546e7a,
|
|
"darken-2": #455a64,
|
|
"darken-3": #37474f,
|
|
"darken-4": #263238
|
|
);
|
|
|
|
$grey: (
|
|
"base": #9e9e9e,
|
|
"lighten-5": #fafafa,
|
|
"lighten-4": #f5f5f5,
|
|
"lighten-3": #eeeeee,
|
|
"lighten-2": #e0e0e0,
|
|
"lighten-1": #bdbdbd,
|
|
"darken-1": #757575,
|
|
"darken-2": #616161,
|
|
"darken-3": #424242,
|
|
"darken-4": #212121
|
|
);
|
|
|
|
$shades: (
|
|
"black": #000000,
|
|
"white": #FFFFFF,
|
|
"transparent": transparent
|
|
);
|
|
|
|
$colors: (
|
|
"materialize-red": $materialize-red,
|
|
"red": $red,
|
|
"pink": $pink,
|
|
"purple": $purple,
|
|
"deep-purple": $deep-purple,
|
|
"indigo": $indigo,
|
|
"blue": $blue,
|
|
"light-blue": $light-blue,
|
|
"cyan": $cyan,
|
|
"teal": $teal,
|
|
"green": $green,
|
|
"light-green": $light-green,
|
|
"lime": $lime,
|
|
"yellow": $yellow,
|
|
"amber": $amber,
|
|
"orange": $orange,
|
|
"deep-orange": $deep-orange,
|
|
"brown": $brown,
|
|
"blue-grey": $blue-grey,
|
|
"grey": $grey,
|
|
"shades": $shades
|
|
) !default;
|
|
|
|
|
|
// usage: color("name_of_color", "type_of_color")
|
|
// to avoid to repeating map-get($colors, ...)
|
|
|
|
@function color($color, $type) {
|
|
@if map-has-key($colors, $color) {
|
|
$curr_color: map-get($colors, $color);
|
|
@if map-has-key($curr_color, $type) {
|
|
@return map-get($curr_color, $type);
|
|
}
|
|
}
|
|
@warn "Unknown `#{$color}` - `#{$type}` in $colors.";
|
|
@return null;
|
|
}
|