export const theme = {
  name: "Sylens",
  kind: "dark",
  main: "#1B2229",
  mainAlt: "#7d5a15",
  minor: "#1b2229",
  red: "#7d5a15",
  green: "#BF6832",
  yellow: "#d65d0e",
  orange: "#475090",
  blue: "#33736A",
  magenta: "#814b42",
  cyan: "#346a97",
  black: "#a77822",
  white: "#1b2229",
  foreground: "#a77822",
  transparentDark: "rgba(0, 0, 0, 0.05)",
  defaultFont: "MonoLisa",
  barHeight: "34px",
  compactBarHeight: "28px",
  barRadius: "3px",
  barBorder: "0px solid transparent",
  barInnerMargin: "3px",
  itemRadius: "2px",
  itemInnerMargin: "3px 7px",
  itemOuterMargin: "0 0 0 5px",
  hoverRing: "0 0 0 2px rgba(167, 120, 34, 0.75)",
  focusRing: "0 0 0 2px rgb(167, 120, 34)",
  lightShadow: "0 5px 10px rgba(0, 0, 0, 0.24)",
  transitionEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
  clickEffect: "rgba(167, 120, 34, H0.3)",
};