slate/common/constants.js

export const sizes = {
  navigation: 288,
  sidebar: 416,
  header: 72,
};

export const zindex = {
  navigation: 1,
  header: 5,
  tooltip: 4,
  sidebar: 3,
};

export const font = {
  text: "inter-regular",
};

export const typescale = {
  lvl1: `1rem`,
  lvl2: `1.25rem`,
  lvl3: `1.563rem`,
  lvl4: `1.953em`,
};

export const system = {
  white: "#ffffff",
  foreground: "#f7f7f7",
  gray: "#e5e5e5",
  border: "#d8d8d8",
  darkGray: "#b2b2b2",
  black: "#2D2926",
  pitchBlack: "#0c0c0c",
  brand: "#2935ff",
  green: "#28a745",
  yellow: " #FFC940",
  red: "#ff0000",
  lightGreen: "#93d3a2",
  lightYellow: "#ffd76f",
  lightRed: "#ff8080",
  lightBlue: "#949aff",
};

export const theme = {
  foreground: system.white,
  ctaBackground: system.brand,
  pageBackground: system.foreground,
  pageText: system.black,
};