---
# System prepended metadata

title: Untitled

---

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

:root {
  @each $name, $color in $colors {
    --q-color-#{$name}: #{$color}
  }
}

@each $name, $color in $colors {
  .border-color-#{$name} {
    border-color: $color
  }
}


