adaptiv-ui/styled/theme/index.js

a library of styled components with some global style overrides in sass

// theme variables are set here
export default {
  primary: "#2962FF",
  secondary: "#FFC629",
  logoPrimary: "#0094DE",
  logoSecondary: "#ECCC23",
  gamePrimary: "#242C63",
  gameSecondary: "#BE965A",
  gameAccent: "#6EA9DC",
  lightGray: "#F5F5F5",
  gray: "#808080",

  // Grayscale
  gray0: "#FAFAFA",
  gray1: "#F5F5F5",
  gray2: "#EEEEEE",
  gray3: "#E0E0E0",
  gray4: "#BDBDBD",
  gray5: "#9E9E9E",
  gray6: "#757575",
  gray7: "#616161",
  gray8: "#424242",
  gray9: "#212121",

  // Cool gray colors
  coolGray0: "#ECEFF1",
  coolGray1: "#CFD8DC",
  coolGray2: "#B0BEC5",
  coolGray3: "#90A4AE",
  coolGray4: "#78909C",
  coolGray5: "#607D8B",
  coolGray6: "#546E7A",
  coolGray7: "#455A64",
  coolGray8: "#37474F",
  coolGray9: "#263238",

  red0: "#FFEBEE",
  red1: "#FFCDD2",
  red2: "#EF9A9A",
  red3: "#E57373",
  red4: "#EF5350",
  red5: "#F44336",
  red6: "#E53935",
  red7: "#D32F2F",
  red8: "#C62828",
  red9: "#B71C1C",

  orange0: "#FFF3E0",
  orange1: "#FFE0B2",
  orange2: "#FFCC80",
  orange3: "#FFB74D",
  orange4: "#FFA726",
  orange5: "#FF9800",
  orange6: "#FB8C00",
  orange7: "#F57C00",
  orange8: "#EF6C00",
  orange9: "#E65100",

  amber0: "#FFF8E1",
  amber1: "#FFECB3",
  amber2: "#FFE082",
  amber3: "#FFD54F",
  amber4: "#FFCA28",
  amber5: "#FFC107",
  amber6: "#FFB300",
  amber7: "#FFA000",
  amber8: "#FF8F00",
  amber9: "#FF6F00",

  yellow0: "#FFFDE7",
  yellow1: "#FFF9C4",
  yellow2: "#FFF59D",
  yellow3: "#FFF176",
  yellow4: "#FFEE58",
  yellow5: "#FFEB3B",
  yellow6: "#FDD835",
  yellow7: "#FBC02D",
  yellow8: "#F9A825",
  yellow9: "#F57F17",

  brown0: "#EFEBE9",
  brown1: "#D7CCC8",
  brown2: "#BCAAA4",
  brown3: "#A1887F",
  brown4: "#8D6E63",
  brown5: "#795548",
  brown6: "#6D4C41",
  brown7: "#5D4037",
  brown8: "#4E342E",
  brown9: "#3E2723",

  lime0: "#F1F8E9",
  lime1: "#DCEDC8",
  lime2: "#C5E1A5",
  lime3: "#AED581",
  lime4: "#9CCC65",
  lime5: "#8BC34A",
  lime6: "#7CB342",
  lime7: "#689F38",
  lime8: "#558B2F",
  lime9: "#33691E",

  green0: "#E8F5E9",
  green1: "#C8E6C9",
  green2: "#A5D6A7",
  green3: "#81C784",
  green4: "#66BB6A",
  green5: "#4CAF50",
  green6: "#43A047",
  green7: "#388E3C",
  green8: "#2E7D32",
  green9: "#1B5E20",

  teal0: "#E0F2F1",
  teal1: "#B2DFDB",
  teal2: "#80CBC4",
  teal3: "#4DB6AC",
  teal4: "#26A69A",
  teal5: "#009688",
  teal6: "#00897B",
  teal7: "#00796B",
  teal8: "#00695C",
  teal9: "#004D40",

  cyan0: "#E0F7FA",
  cyan1: "#B2EBF2",
  cyan2: "#80DEEA",
  cyan3: "#4DD0E1",
  cyan4: "#26C6DA",
  cyan5: "#00BCD4",
  cyan6: "#00ACC1",
  cyan7: "#0097A7",
  cyan8: "#00838F",
  cyan9: "#006064",

  skyBlue0: "#E1F5FE",
  skyBlue1: "#B3E5FC",
  skyBlue2: "#81D4FA",
  skyBlue3: "#4FC3F7",
  skyBlue4: "#29B6F6",
  skyBlue5: "#03A9F4",
  skyBlue6: "#039BE5",
  skyBlue7: "#0288D1",
  skyBlue8: "#0277BD",
  skyBlue9: "#01579B",

  blue0: "#E3F2FD",
  blue1: "#BBDEFB",
  blue2: "#90CAF9",
  blue3: "#64B5F6",
  blue4: "#42A5F5",
  blue5: "#2196F3",
  blue6: "#1E88E5",
  blue7: "#1976D2",
  blue8: "#1565C0",
  blue9: "#0D47A1",

  indigo0: "#E8EAF6",
  indigo1: "#C5CAE9",
  indigo2: "#9FA8DA",
  indigo3: "#7986CB",
  indigo4: "#5C6BC0",
  indigo5: "#3F51B5",
  indigo6: "#3949AB",
  indigo7: "#303F9F",
  indigo8: "#283593",
  indigo9: "#1A237E",

  violet0: "#EDE7F6",
  violet1: "#D1C4E9",
  violet2: "#B39DDB",
  violet3: "#9575CD",
  violet4: "#7E57C2",
  violet5: "#673AB7",
  violet6: "#5E35B1",
  violet7: "#512DA8",
  violet8: "#4527A0",
  violet9: "#311B92",

  purple0: "#F3E5F5",
  purple1: "#E1BEE7",
  purple2: "#CE93D8",
  purple3: "#BA68C8",
  purple4: "#AB47BC",
  purple5: "#9C27B0",
  purple6: "#8E24AA",
  purple7: "#7B1FA2",
  purple8: "#6A1B9A",
  purple9: "#4A148C",

  pink0: "#FCE4EC",
  pink1: "#F8BBD0",
  pink2: "#F48FB1",
  pink3: "#F06292",
  pink4: "#EC407A",
  pink5: "#E91E63",
  pink6: "#D81B60",
  pink7: "#C2185B",
  pink8: "#AD1457",
  pink9: "#880E4F",

  whiteAlpha0: "rgba(255, 255, 255, 0.04)",
  whiteAlpha1: "rgba(255, 255, 255, 0.06)",
  whiteAlpha2: "rgba(255, 255, 255, 0.08)",
  whiteAlpha3: "rgba(255, 255, 255, 0.16)",
  whiteAlpha4: "rgba(255, 255, 255, 0.24)",
  whiteAlpha5: "rgba(255, 255, 255, 0.36)",
  whiteAlpha6: "rgba(255, 255, 255, 0.48)",
  whiteAlpha7: "rgba(255, 255, 255, 0.64)",
  whiteAlpha8: "rgba(255, 255, 255, 0.80)",
  whiteAlpha9: "rgba(255, 255, 255, 0.92)",

  blackAlpha0: "rgba(0, 0, 0, 0.04)",
  blackAlpha1: "rgba(0, 0, 0, 0.06)",
  blackAlpha2: "rgba(0, 0, 0, 0.08)",
  blackAlpha3: "rgba(0, 0, 0, 0.16)",
  blackAlpha4: "rgba(0, 0, 0, 0.24)",
  blackAlpha5: "rgba(0, 0, 0, 0.36)",
  blackAlpha6: "rgba(0, 0, 0, 0.48)",
  blackAlpha7: "rgba(0, 0, 0, 0.64)",
  blackAlpha8: "rgba(0, 0, 0, 0.80)",
  blackAlpha9: "rgba(0, 0, 0, 0.92)",
};