export const theme = {
  name: "Solarized Dark",
  kind: "dark",
  main: "#002b36",
  mainAlt: "#002b36",
  minor: "#073642",
  red: "#dc322f",
  green: "#859900",
  yellow: "#b58900",
  orange: "#cb4b16",
  blue: "#0087ff",
  magenta: "#d33682",
  cyan: "#2aa198",
  black: "#262626",
  white: "#e4e4e4",
  foreground: "#93a1a1",
  transparentDark: "rgba(0, 0, 0, 0.05)",
  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
  barHeight: "34px",
  compactBarHeight: "28px",
  barRadius: "16px",
  barBorder: "0px solid transparent",
  barInnerMargin: "3px",
  itemRadius: "20px",
  itemInnerMargin: "3px 9px",
  itemOuterMargin: "0 0 0 5px",
  hoverRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
  focusRing: "0 0 0 2px rgba(152, 168, 198, 0.5)",
  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
  clickEffect: "rgba(0, 0, 0, 0.15)",
};