export const theme = {
  name: "Nightfox Light",
  kind: "light",
  main: "#f6f2ee",
  mainAlt: "#e4dcd4",
  minor: "#d3c7bb",
  red: "#a5222f",
  green: "#396847",
  yellow: "#AC5402",
  orange: "#955f61",
  blue: "#2848a9",
  magenta: "#6e33ce",
  cyan: "#287980",
  black: "#352c24",
  white: "#f2e9e1",
  foreground: "#3d2b5a",
  transparentDark: "rgba(0, 0, 0, 0.05)",
  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
  barHeight: "34px",
  compactBarHeight: "28px",
  barRadius: "7px",
  barBorder: "0px solid transparent",
  barInnerMargin: "3px",
  itemRadius: "5px",
  itemInnerMargin: "3px 9px",
  itemOuterMargin: "0 0 0 5px",
  hoverRing: "0 0 0 2px rgba(61, 43, 90, 0.75)",
  focusRing: "0 0 0 2px rgb(61, 43, 90)",
  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
  clickEffect: "rgba(214, 222, 235, 0.3)",
};