export const theme = {
  name: "SpaceDuck",
  kind: "dark",
  main: "#0f111b",
  mainAlt: "#b3a1e6",
  minor: "#1b1c36",
  red: "#e33400",
  green: "#5ccc96",
  yellow: "#f2ce00",
  orange: "#e39400",
  blue: "#686f9a",
  magenta: "#ce6f8f",
  cyan: "#00a3cc",
  black: "#000000",
  white: "#FFF",
  foreground: "#ecf0c1",
  transparentDark: "rgba(0, 0, 0, 0.05)",
  defaultFont: "JetBrains Mono, Monaco, Menlo, monospace",
  barHeight: "34px",
  compactBarHeight: "28px",
  barRadius: "3px",
  barBorder: "0px solid transparent",
  barInnerMargin: "5px",
  itemRadius: "3px",
  itemInnerMargin: "5px 10px",
  itemOuterMargin: "0 0 0 4px",
  hoverRing: "0 0 0 2px rgba(92, 204, 150, 0.75)",
  focusRing: "0 0 0 2px rgb(92, 204, 150)",
  lightShadow: "0 5px 10px rgba(0, 0, 0, 0)",
  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 0)",
  clickEffect: "rgba(255, 255, 255, 0.3)",
};