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', -apple-system, BlinkMacSystemFont, arial, sans-serif`,
  semiBold: `'inter-semi-bold', -apple-system, BlinkMacSystemFont, arial, sans-serif`,
  medium: `'inter-medium', -apple-system, BlinkMacSystemFont, arial, sans-serif`,
  mono: `'mono', monaco, monospace`,
  monoBold: `'mono-bold', monaco, monospace`,
};

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",
};

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