@bzxnetwork/portal/src/styles/constants.js

Frontend demo portal for bZx

export const COLORS = {
  blue: `rgb(25, 197, 194)`,
  white: `#FFFFFF`,
  gray: `grey`
};

export const primaryPalette = {
  50: `#e5efff`,
  100: `#bfd7ff`,
  200: `#94bcff`,
  300: `#69a1ff`,
  400: `#488dff`,
  500: `#2879ff`,
  600: `#2471ff`,
  700: `#407bf7`,
  800: `#185cff`,
  900: `#0f49ff`,
  A100: `#94bcff`,
  A200: `#69a1ff`,
  A400: `#488dff`,
  A700: `#2879ff`,
  contrastDefaultColor: `light`
};

export const accentColor = `#FFD112`;

export const SHADOWS = {
  nav: `0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12)`,
  card: `0px 1px 5px 0px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 3px 1px -2px rgba(0, 0, 0, 0.12)`,
  light: `0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)`,
  dark: `0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)`,
  debugRed: `0 0px 50px rgba(255, 0, 0, 0.5), 0 0px 50px rgba(255, 0, 0, 0.8)`
};

export const DIMENSIONS = {
  maxWidth: `1024px`,
  mobileNavHeight: `64px`
};