export const theme = {
  name: "Amarena",
  kind: "dark",
  main: "#1a2026",
  mainAlt: "#526170",
  minor: "#242d35",
  red: "#f26190",
  green: "#fb6396",
  yellow: "#f92d72",
  orange: "#c269bc",
  blue: "#4cb9d6",
  magenta: "#58d6bf",
  cyan: "#6ccb6e",
  black: "#1a2026",
  white: "#f4f5f2",
  foreground: "#f4f5f2",
  transparentDark: "rgba(0, 0, 0, 0.05)",
  defaultFont: "MesloLGS NF, JetBrains Mono, Monaco, Menlo, monospace",
  barHeight: "34px",
  compactBarHeight: "28px",
  barRadius: "3px",
  barBorder: "0px solid transparent",
  barInnerMargin: "3px",
  itemRadius: "3px",
  itemInnerMargin: "3px 7px",
  itemOuterMargin: "0 0 0 4px",
  hoverRing: "0 0 0 1px rgba(249, 45, 114, 0.75)",
  focusRing: "0 0 0 1px rgb(249, 45, 114)",
  lightShadow: "0 5px 10px rgba(0, 0, 0, 0)",
  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
  clickEffect: "rgba(255, 255, 255, 0.3)",
};