export const theme = {
  name: "Material Theme - Ocean",
  kind: "dark",
  main: "rgb(15, 17, 26)",
  mainAlt: "#0F111A",
  minor: "#3c3d3e",
  red: "#f07178",
  green: "#C3E88D",
  yellow: "#FFCB6B",
  orange: "#F78C6C",
  blue: "#82AAFF",
  magenta: "#C792EA",
  cyan: "#89DDFF",
  black: "#000000",
  white: "#ffffff",
  foreground: "#A6ACCD",
  transparentDark: "rgba(0, 0, 0, 0.05)",
  defaultFont: "Roboto Mono, monospace",
  barHeight: "30px",
  compactBarHeight: "28px",
  barRadius: "16px",
  barBorder: "0px solid transparent",
  barInnerMargin: "3px",
  itemRadius: "14px",
  itemInnerMargin: "3px 7px",
  itemOuterMargin: "0 0 0 5px",
  hoverRing: "0 0 0 2px rgba(255, 255, 255, 0.75)",
  focusRing: "0 0 0 2px rgb(255, 255, 255)",
  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
  clickEffect: "rgba(255, 255, 255, 0.3)",
};