color-palette.scss

// Utility Color Classes

$light-contrast-color: rgba(255, 255, 255, 0.87) !default;
$dark-contrast-color: rgba(0, 0, 0, 0.87) !default;
$strong-light-contrast-color: rgb(255, 255, 255) !default;

$foreground-light: (
  '1': rgba(255, 255, 255, 1.0),
  '2': rgba(255, 255, 255, 0.7),
  '3': rgba(255, 255, 255, 0.5),
  '4': rgba(255, 255, 255, 0.12),
  'shadow': '1px 1px 0px rgba(0, 0, 0, 0.4), -1px -1px 0px rgba(0, 0, 0, 0.4)'
) !default;

$foreground-dark: (
  '1': rgba(0, 0, 0, 0.87),
  '2': rgba(0, 0, 0, 0.54),
  '3': rgba(0, 0, 0, 0.38),
  '4': rgba(0, 0, 0, 0.12),
  'shadow': none
) !default;

$color-red: (
  '50': #ffebee,
  '100': #ffcdd2,
  '200': #ef9a9a,
  '300': #e57373,
  '400': #ef5350,
  '500': #f44336,
  '600': #e53935,
  '700': #d32f2f,
  '800': #c62828,
  '900': #b71c1c,
  'A100': #ff8a80,
  'A200': #ff5252,
  'A400': #ff1744,
  'A700': #d50000,
  'contrastDefaultColor': $light-contrast-color,
  'contrastDarkColors': ('50', '100', '200', '300', 'A100'),
  'contrastStrongLightColors': ('400', '500', '600', '700', 'A200', 'A400', 'A700')
) !default;

// Pink
// ----------------------------

$color-pink: (
  '50': #fce4ec,
  '100': #f8bbd0,
  '200': #f48fb1,
  '300': #f06292,
  '400': #ec407a,
  '500': #e91e63,
  '600': #d81b60,
  '700': #c2185b,
  '800': #ad1457,
  '900': #880E4F,
  'A100': #ff80ab,
  'A200': #ff4081,
  'A400': #f50057,
  'A700': #c51162,
  'contrastDefaultColor': $light-contrast-color,
  'contrastDarkColors': ('50', '100', '200', 'A100'),
  'contrastStrongLightColors': ('500', '600', 'A200', 'A400', 'A700')
) !default;

// Purple
// ----------------------------

$color-purple: (
  '50': #f3e5f5,
  '100': #e1bee7,
  '200': #ce93d8,
  '300': #ba68c8,
  '400': #ab47bc,
  '500': #9c27b0,
  '600': #8e24aa,
  '700': #7b1fa2,
  '800': #6a1b9a,
  '900': #4a148c,
  'A100': #ea80fc,
  'A200': #e040fb,
  'A400': #d500f9,
  'A700': #aa00ff,
  'contrastDefaultColor': $light-contrast-color,
  'contrastDarkColors': ('50', '100', '200', 'A100'),
  'contrastStrongLightColors': ('300', '400', 'A200', 'A400', 'A700')
) !default;

// Deep Purple
// ----------------------------

$color-deep-purple: (
  '50': #ede7f6,
  '100': #d1c4e9,
  '200': #b39ddb,
  '300': #9575cd,
  '400': #7e57c2,
  '500': #673ab7,
  '600': #5e35b1,
  '700': #512da8,
  '800': #4527a0,
  '900': #311b92,
  'A100': #b388ff,
  'A200': #7c4dff,
  'A400': #651fff,
  'A700': #6200ea,
  'contrastDefaultColor': $light-contrast-color,
  'contrastDarkColors': ('50', '100', '200', 'A100'),
  'contrastStrongLightColors': ('300', '400', 'A200')
) !default;

// Indigo
// ----------------------------

$color-indigo: (
  '50': #e8eaf6,
  '100': #c5cae9,
  '200': #9fa8da,
  '300': #7986cb,
  '400': #5c6bc0,
  '500': #3f51b5,
  '600': #3949ab,
  '700': #303f9f,
  '800': #283593,
  '900': #1a237e,
  'A100': #8c9eff,
  'A200': #536dfe,
  'A400': #3d5afe,
  'A700': #304ffe,
  'contrastDefaultColor': $light-contrast-color,
  'contrastDarkColors': ('50', '100', '200', 'A100'),
  'contrastStrongLightColors': ('300', '400', 'A200', 'A400')
) !default;

// Blue
// ----------------------------

$color-blue: (
  '50': #e3f2fd,
  '100': #bbdefb,
  '200': #90caf9,
  '300': #64b5f6,
  '400': #42a5f5,
  '500': #2196f3,
  '600': #1e88e5,
  '700': #1976d2,
  '800': #1565c0,
  '900': #0d47a1,
  'A100': #82b1ff,
  'A200': #448aff,
  'A400': #2979ff,
  'A700': #2962ff,
  'contrastDefaultColor': $light-contrast-color,
  'contrastDarkColors': ('50', '100', '200', '300', '400', 'A100'),
  'contrastStrongLightColors': ('500', '600', '700', 'A200', 'A400', 'A700')
) !default;

// Light Blue
// ----------------------------

$color-light-blue: (
  '50': #e1f5fe,
  '100': #b3e5fc,
  '200': #81d4fa,
  '300': #4fc3f7,
  '400': #29b6f6,
  '500': #03a9f4,
  '600': #039be5,
  '700': #0288d1,
  '800': #0277bd,
  '900': #01579b,
  'A100': #80d8ff,
  'A200': #40c4ff,
  'A400': #00b0ff,
  'A700': #0091ea,
  'contrastDefaultColor': $dark-contrast-color,
  'contrastLightColors': ('600', '700', '800', '900', 'A700'),
  'contrastStrongLightColors': ('600', '700', '800', 'A700')
) !default;

// Cyan
// ----------------------------

$color-cyan: (
  '50': #e0f7fa,
  '100': #b2ebf2,
  '200': #80deea,
  '300': #4dd0e1,
  '400': #26c6da,
  '500': #00bcd4,
  '600': #00acc1,
  '700': #0097a7,
  '800': #00838f,
  '900': #006064,
  'A100': #84ffff,
  'A200': #18ffff,
  'A400': #00e5ff,
  'A700': #00b8d4,
  'contrastDefaultColor': $dark-contrast-color,
  'contrastLightColors': ('700', '800', '900'),
  'contrastStrongLightColors': ('700', '800', '900')
) !default;

// Teal
// ----------------------------

$color-teal: (
  '50': #e0f2f1,
  '100': #b2dfdb,
  '200': #80cbc4,
  '300': #4db6ac,
  '400': #26a69a,
  '500': #009688,
  '600': #00897b,
  '700': #00796b,
  '800': #00695c,
  '900': #004d40,
  'A100': #a7ffeb,
  'A200': #64ffda,
  'A400': #1de9b6,
  'A700': #00bfa5,
  'contrastDefaultColor': $dark-contrast-color,
  'contrastLightColors': ('500', '600', '700', '800', '900'),
  'contrastStrongLightColors': ('500', '600', '700')
) !default;

// Green
// ----------------------------

$color-green: (
  '50': #e8f5e9,
  '100': #c8e6c9,
  '200': #a5d6a7,
  '300': #81c784,
  '400': #66bb6a,
  '500': #4caf50,
  '600': #43a047,
  '700': #388e3c,
  '800': #2e7d32,
  '900': #1b5e20,
  'A100': #b9f6ca,
  'A200': #69f0ae,
  'A400': #00e676,
  'A700': #00c853,
  'contrastDefaultColor': $dark-contrast-color,
  'contrastLightColors': ('500', '600', '700', '800', '900'),
  'contrastStrongLightColors': ('500', '600', '700')
) !default;

// Light Green
// ----------------------------

$color-light-green: (
  '50': #f1f8e9,
  '100': #dcedc8,
  '200': #c5e1a5,
  '300': #aed581,
  '400': #9ccc65,
  '500': #8bc34a,
  '600': #7cb342,
  '700': #689f38,
  '800': #558b2f,
  '900': #33691e,
  'A100': #ccff90,
  'A200': #b2ff59,
  'A400': #76ff03,
  'A700': #64dd17,
  'contrastDefaultColor': $dark-contrast-color,
  'contrastLightColors': ('700', '800', '900'),
  'contrastStrongLightColors': ('700', '800', '900')
) !default;

// Lime
// ----------------------------

$color-lime: (
  '50': #f9fbe7,
  '100': #f0f4c3,
  '200': #e6ee9c,
  '300': #dce775,
  '400': #d4e157,
  '500': #cddc39,
  '600': #c0ca33,
  '700': #afb42b,
  '800': #9e9d24,
  '900': #827717,
  'A100': #f4ff81,
  'A200': #eeff41,
  'A400': #c6ff00,
  'A700': #aeea00,
  'contrastDefaultColor': $dark-contrast-color,
  'contrastLightColors': ('900'),
  'contrastStrongLightColors': ('900')
) !default;

// Yellow
// ----------------------------
$color-yellow: (
  '50': #fffde7,
  '100': #fff9c4,
  '200': #fff59d,
  '300': #fff176,
  '400': #ffee58,
  '500': #ffeb3b,
  '600': #fdd835,
  '700': #fbc02d,
  '800': #f9a825,
  '900': #f57f17,
  'A100': #ffff8d,
  'A200': #ffff00,
  'A400': #ffea00,
  'A700': #ffd600,
  'contrastDefaultColor': $dark-contrast-color
) !default;

// Amber
// ----------------------------

$color-amber: (
  '50': #fff8e1,
  '100': #ffecb3,
  '200': #ffe082,
  '300': #ffd54f,
  '400': #ffca28,
  '500': #ffc107,
  '600': #ffb300,
  '700': #ffa000,
  '800': #ff8f00,
  '900': #ff6f00,
  'A100': #ffe57f,
  'A200': #ffd740,
  'A400': #ffc400,
  'A700': #ffab00,
  'contrastDefaultColor': $dark-contrast-color
) !default;

// Orange
// ----------------------------

$color-orange: (
  '50': #fff3e0,
  '100': #ffe0b2,
  '200': #ffcc80,
  '300': #ffb74d,
  '400': #ffa726,
  '500': #ff9800,
  '600': #fb8c00,
  '700': #f57c00,
  '800': #ef6c00,
  '900': #e65100,
  'A100': #ffd180,
  'A200': #ffab40,
  'A400': #ff9100,
  'A700': #ff6d00,
  'contrastDefaultColor': $dark-contrast-color,
  'contrastLightColors': ('800', '900'),
  'contrastStrongLightColors': ('800', '900')
) !default;

// Deep Orange
// ----------------------------

$color-deep-orange: (
  '50': #fbe9e7,
  '100': #ffccbc,
  '200': #ffab91,
  '300': #ff8a65,
  '400': #ff7043,
  '500': #ff5722,
  '600': #f4511e,
  '700': #e64a19,
  '800': #d84315,
  '900': #bf360c,
  'A100': #ff9e80,
  'A200': #ff6e40,
  'A400': #ff3d00,
  'A700': #dd2c00,
  'contrastDefaultColor': $light-contrast-color,
  'contrastDarkColors': ('50', '100', '200', '300', '400', 'A100', 'A200'),
  'contrastStrongLightColors': ('500', '600', '700', '800', '900', 'A400', 'A700')
) !default;

// Brown
// ----------------------------

$color-brown: (
  '50': #efebe9,
  '100': #d7ccc8,
  '200': #bcaaa4,
  '300': #a1887f,
  '400': #8d6e63,
  '500': #795548,
  '600': #6d4c41,
  '700': #5d4037,
  '800': #4e342e,
  '900': #3e2723,
  'A100': #d7ccc8,
  'A200': #bcaaa4,
  'A400': #8d6e63,
  'A700': #5d4037,
  'contrastDefaultColor': $light-contrast-color,
  'contrastDarkColors': ('50', '100', '200', 'A100', 'A200'),
  'contrastStrongLightColors': ('300', '400')
) !default;

// Grey
// ----------------------------
$color-grey: (
  '50': #fafafa,
  '100': #f5f5f5,
  '200': #eeeeee,
  '300': #e0e0e0,
  '400': #bdbdbd,
  '500': #9e9e9e,
  '600': #757575,
  '700': #616161,
  '800': #424242,
  '900': #212121,
  'A100': #ffffff,
  'A200': #000000,
  'A400': #303030,
  'A700': #616161,
  'contrastDefaultColor': $dark-contrast-color,
  'contrastLightColors': ('600', '700', '800', '900', 'A200', 'A400', 'A700')
) !default;

// Blue Grey
// ----------------------------
$color-blue-grey: (
  '50': #eceff1,
  '100': #cfd8dc,
  '200': #b0bec5,
  '300': #90a4ae,
  '400': #78909c,
  '500': #607d8b,
  '600': #546e7a,
  '700': #455a64,
  '800': #37474f,
  '900': #263238,
  'A100': #cfd8dc,
  'A200': #b0bec5,
  'A400': #78909c,
  'A700': #455a64,
  'contrastDefaultColor': $light-contrast-color,
  'contrastDarkColors': ('50', '100', '200', '300', 'A100', 'A200'),
  'contrastStrongLightColors': ('400', '500', '700')
) !default;

$colors: () !default;

$colors: map-merge($colors, (
  'red': $color-red,
  'pink': $color-pink,
  'purple': $color-purple,
  'deep-purple': $color-deep-purple,
  'indigo': $color-indigo,
  'blue': $color-blue,
  'light-blue': $color-light-blue,
  'cyan': $color-cyan,
  'teal': $color-teal,
  'green': $color-green,
  'light-green': $color-light-green,
  'lime': $color-lime,
  'yellow': $color-yellow,
  'amber': $color-amber,
  'orange': $color-orange,
  'deep-orange': $color-deep-orange,
  'brown': $color-brown,
  'blue-grey': $color-blue-grey,
  'grey': $color-grey,
  'foreground-light': $foreground-light,
  'foreground-dark': $foreground-dark
));

// export palettes to js land using ember-cli-sass-variables-export addon
// At the moment we're manually including the generated files at addon/utils/[palletes.js|contrasts.js]
// because ember-cli-sass-variables-export has an issue generating the files when using `ember b`
/*
$colors-export: export('palettes', $colors);
$contrasts-export: export('contrasts', (
  'light-contrast-color': $light-contrast-color,
  'dark-contrast-color': $dark-contrast-color,
  'strong-light-contrast-color': $strong-light-contrast-color
));
*/