// basic colours $palette-amber-050: #fff8e1; $palette-amber-100: #ffecb3; $palette-amber-200: #ffe082; $palette-amber-300: #ffd54f; $palette-amber-400: #ffca28; $palette-amber-500: #ffc107; $palette-amber-600: #ffb300; $palette-amber-700: #ffa000; $palette-amber-800: #ff8f00; $palette-amber-900: #ff6f00; $palette-amber-a100: #ffe57f; $palette-amber-a200: #ffd740; $palette-amber-a400: #ffc400; $palette-amber-a700: #ffab00; $palette-blue-050: #e3f2fd; $palette-blue-100: #bbdefb; $palette-blue-200: #90caf9; $palette-blue-300: #64b5f6; $palette-blue-400: #42a5f5; $palette-blue-500: #2196f3; $palette-blue-600: #1e88e5; $palette-blue-700: #1976d2; $palette-blue-800: #1565c0; $palette-blue-900: #0d47a1; $palette-blue-a100: #82b1ff; $palette-blue-a200: #448aff; $palette-blue-a400: #2979ff; $palette-blue-a700: #2962ff; $palette-blue-grey-050: #eceff1; $palette-blue-grey-100: #cfd8dc; $palette-blue-grey-200: #b0bec5; $palette-blue-grey-300: #90a4ae; $palette-blue-grey-400: #78909c; $palette-blue-grey-500: #607d8b; $palette-blue-grey-600: #546e7a; $palette-blue-grey-700: #455a64; $palette-blue-grey-800: #37474f; $palette-blue-grey-900: #263238; $palette-brown-050: #efebe9; $palette-brown-100: #d7ccc8; $palette-brown-200: #bcaaa4; $palette-brown-300: #a1887f; $palette-brown-400: #8d6e63; $palette-brown-500: #795548; $palette-brown-600: #6d4c41; $palette-brown-700: #5d4037; $palette-brown-800: #4e342e; $palette-brown-900: #3e2723; $palette-cyan-050: #e0f7fa; $palette-cyan-100: #b2ebf2; $palette-cyan-200: #80deea; $palette-cyan-300: #4dd0e1; $palette-cyan-400: #26c6da; $palette-cyan-500: #00bcd4; $palette-cyan-600: #00acc1; $palette-cyan-700: #0097a7; $palette-cyan-800: #00838f; $palette-cyan-900: #006064; $palette-cyan-a100: #84ffff; $palette-cyan-a200: #18ffff; $palette-cyan-a400: #00e5ff; $palette-cyan-a700: #00b8d4; $palette-deep-orange-050: #fbe9e7; $palette-deep-orange-100: #ffccbc; $palette-deep-orange-200: #ffab91; $palette-deep-orange-300: #ff8a65; $palette-deep-orange-400: #ff7043; $palette-deep-orange-500: #ff5722; $palette-deep-orange-600: #f4511e; $palette-deep-orange-700: #e64a19; $palette-deep-orange-800: #d84315; $palette-deep-orange-900: #bf360c; $palette-deep-orange-a100: #ff9e80; $palette-deep-orange-a200: #ff6e40; $palette-deep-orange-a400: #ff3d00; $palette-deep-orange-a700: #ee2c00; $palette-deep-purple-050: #ede7f6; $palette-deep-purple-100: #d1c4e9; $palette-deep-purple-200: #b39ddb; $palette-deep-purple-300: #9575cd; $palette-deep-purple-400: #7e57c2; $palette-deep-purple-500: #673ab7; $palette-deep-purple-600: #5e35b1; $palette-deep-purple-700: #512da8; $palette-deep-purple-800: #4527a0; $palette-deep-purple-900: #311b92; $palette-deep-purple-a100: #b388ff; $palette-deep-purple-a200: #7c4dff; $palette-deep-purple-a400: #651fff; $palette-deep-purple-a700: #6200ea; $palette-green-050: #e8f5e9; $palette-green-100: #c8e6c9; $palette-green-200: #a5d6a7; $palette-green-300: #81c784; $palette-green-400: #66bb6a; $palette-green-500: #4caf50; $palette-green-600: #43a047; $palette-green-700: #388e3c; $palette-green-800: #2e7d32; $palette-green-900: #1b5e20; $palette-green-a100: #b9f6ca; $palette-green-a200: #69f0ae; $palette-green-a400: #00e676; $palette-green-a700: #00c853; $palette-grey-050: #fafafa; $palette-grey-100: #f5f5f5; $palette-grey-200: #eeeeee; $palette-grey-300: #e0e0e0; $palette-grey-400: #bdbdbd; $palette-grey-500: #9e9e9e; $palette-grey-600: #757575; $palette-grey-700: #616161; $palette-grey-800: #424242; $palette-grey-900: #212121; $palette-indigo-050: #e8eaf6; $palette-indigo-100: #c5cae9; $palette-indigo-200: #9fa8da; $palette-indigo-300: #7986cb; $palette-indigo-400: #5c6bc0; $palette-indigo-500: #3f51b5; $palette-indigo-600: #3949ab; $palette-indigo-700: #303f9f; $palette-indigo-800: #283593; $palette-indigo-900: #1a237e; $palette-indigo-a100: #8c9eff; $palette-indigo-a200: #536dfe; $palette-indigo-a400: #3d5afe; $palette-indigo-a700: #304ffe; $palette-light-blue-050: #e1f5fe; $palette-light-blue-100: #b3e5fc; $palette-light-blue-200: #81d4fa; $palette-light-blue-300: #4fc3f7; $palette-light-blue-400: #29b6f6; $palette-light-blue-500: #03a9f4; $palette-light-blue-600: #039be5; $palette-light-blue-700: #0288d1; $palette-light-blue-800: #0277bd; $palette-light-blue-900: #01579b; $palette-light-blue-a100: #80d8ff; $palette-light-blue-a200: #40c4ff; $palette-light-blue-a400: #00b0ff; $palette-light-blue-a700: #0091ea; $palette-light-green-050: #f1f8e9; $palette-light-green-100: #dcedc8; $palette-light-green-200: #c5e1a5; $palette-light-green-300: #aed581; $palette-light-green-400: #9ccc65; $palette-light-green-500: #8bc34a; $palette-light-green-600: #7cb342; $palette-light-green-700: #689f38; $palette-light-green-800: #558b2f; $palette-light-green-900: #33691e; $palette-light-green-a100: #ccff90; $palette-light-green-a200: #b2ff59; $palette-light-green-a400: #76ff03; $palette-light-green-a700: #64dd17; $palette-lime-050: #f9fbe7; $palette-lime-100: #f0f4c3; $palette-lime-200: #e6ee9c; $palette-lime-300: #dce775; $palette-lime-400: #d4e157; $palette-lime-500: #cddc39; $palette-lime-600: #c0ca33; $palette-lime-700: #afb42b; $palette-lime-800: #9e9d24; $palette-lime-900: #827717; $palette-lime-a100: #f4ff81; $palette-lime-a200: #eeff41; $palette-lime-a400: #c6ff00; $palette-lime-a700: #aeea00; $palette-orange-050: #fff3e0; $palette-orange-100: #ffe0b2; $palette-orange-200: #ffcc80; $palette-orange-300: #ffb74d; $palette-orange-400: #ffa726; $palette-orange-500: #ff9800; $palette-orange-600: #fb8c00; $palette-orange-700: #f57c00; $palette-orange-800: #ef6c00; $palette-orange-900: #e65100; $palette-orange-a100: #ffd180; $palette-orange-a200: #ffab40; $palette-orange-a400: #ff9100; $palette-orange-a700: #ff6d00; $palette-pink-050: #fce4ec; $palette-pink-100: #f8bbd0; $palette-pink-200: #f48fb1; $palette-pink-300: #f06292; $palette-pink-400: #ec407a; $palette-pink-500: #e91e63; $palette-pink-600: #d81b60; $palette-pink-700: #c2185b; $palette-pink-800: #ad1457; $palette-pink-900: #880e4f; $palette-pink-a100: #ff80ab; $palette-pink-a200: #ff4081; $palette-pink-a400: #f50057; $palette-pink-a700: #c51162; $palette-purple-050: #f3e5f5; $palette-purple-100: #e1bee7; $palette-purple-200: #ce93d8; $palette-purple-300: #ba68c8; $palette-purple-400: #ab47bc; $palette-purple-500: #9c27b0; $palette-purple-600: #8e24aa; $palette-purple-700: #7b1fa2; $palette-purple-800: #6a1b9a; $palette-purple-900: #4a148c; $palette-purple-a100: #ea80fc; $palette-purple-a200: #e040fb; $palette-purple-a400: #d500f9; $palette-purple-a700: #aa00ff; $palette-red-050: #ffebee; $palette-red-100: #ffcdd2; $palette-red-200: #ef9a9a; $palette-red-300: #e57373; $palette-red-400: #ef5350; $palette-red-500: #f44336; $palette-red-600: #e53935; $palette-red-700: #d32f2f; $palette-red-800: #c62828; $palette-red-900: #b71c1c; $palette-red-a100: #ff8a80; $palette-red-a200: #ff5252; $palette-red-a400: #ff1744; $palette-red-a700: #d50000; $palette-teal-050: #e0f2f1; $palette-teal-100: #b2dfdb; $palette-teal-200: #80cbc4; $palette-teal-300: #4db6ac; $palette-teal-400: #26a69a; $palette-teal-500: #009688; $palette-teal-600: #00897b; $palette-teal-700: #00796b; $palette-teal-800: #00695c; $palette-teal-900: #004d40; $palette-teal-a100: #a7ffeb; $palette-teal-a200: #64ffda; $palette-teal-a400: #1de9b6; $palette-teal-a700: #00bfa5; $palette-yellow-050: #fffde7; $palette-yellow-100: #fff9c4; $palette-yellow-200: #fff59d; $palette-yellow-300: #fff176; $palette-yellow-400: #ffee58; $palette-yellow-500: #ffeb3b; $palette-yellow-600: #fdd835; $palette-yellow-700: #fbc02d; $palette-yellow-800: #f9a825; $palette-yellow-900: #f57f17; $palette-yellow-a100: #ffff8d; $palette-yellow-a200: #ffff00; $palette-yellow-a400: #ffea00; $palette-yellow-a700: #ffd600; // black and white $black: #000000; $black-divider: rgba(0, 0, 0, 0.12); $black-hint: rgba(0, 0, 0, 0.38); $black-sec: rgba(0, 0, 0, 0.54); $black-text: rgba(0, 0, 0, 0.87); $black-divider-solid: #dadada; $black-hint-solid: #9a9a9a; $black-sec-solid: #727272; $black-text-solid: #212121; $white: #ffffff; $white-divider: rgba(255, 255, 255, 0.12); $white-hint: rgba(255, 255, 255, 0.30); $white-sec: rgba(255, 255, 255, 0.70); $white-text: rgba(255, 255, 255, 1.00); $white-divider-solid: #3c3c3c; $white-hint-solid: #646464; $white-sec-solid: #bcbcbc; $white-text-solid: #ffffff; // offwhite $offwhite: rgba(red($black-hint-solid), green($black-hint-solid), blue($black-hint-solid), 0.18); $offwhite-dark: rgba(red($black-hint-solid), green($black-hint-solid), blue($black-hint-solid), 0.36); $offwhite-light: rgba(red($black-hint-solid), green($black-hint-solid), blue($black-hint-solid), 0.09); $offwhite-solid: $palette-grey-100; $offwhite-solid-dark: $palette-grey-200; $offwhite-solid-light: $palette-grey-050; // palettes $brand-color: $palette-indigo-500 !default; $brand-color-dark: $palette-indigo-700 !default; $brand-color-light: $palette-indigo-300 !default; $brand-color-accent: $palette-pink-a200 !default; $brand-color-accent-dark: $palette-pink-a400 !default; $brand-color-accent-light: $palette-pink-a100 !default; $brand-text: $white-text !default; $brand-text-dark: $white-text !default; $brand-text-light: $black-text !default; $brand-text-accent: $white-text !default; $brand-text-accent-dark: $white-text !default; $brand-text-accent-light: $black-text !default; $palette-list-class: "brand", "brand-accent", "green", "orange", "red"; $palette-list-color: $brand-color, $brand-color-accent, $palette-green-500, $palette-orange-500, $palette-red-500; $palette-list-dark: $brand-color-dark, $brand-color-accent-dark, $palette-green-700, $palette-orange-700, $palette-red-700; $palette-list-light: $brand-color-light, $brand-color-accent-light, $palette-green-300, $palette-orange-300, $palette-red-300; $palette-list-text: $brand-text, $brand-text-accent, $black-text, $black-text, $white-text; $palette-list-text-dark: $brand-text-dark, $brand-text-accent-dark, $white-text, $black-text, $white-text; $palette-list-text-light: $brand-text-light, $brand-text-accent-light, $black-text, $black-text, $black-text; // utilities $link-color: $brand-color-accent !default; $link-color-hover: $brand-color-accent-dark !default;