Colour themes

:root {
  --background: 0 0% 100%;
  --foreground: 222 43% 10%;
  --card: 0 0% 100%;
  --card-foreground: 222 43% 10%;
  --popover: 0 0% 100%;
  --popover-foreground: 222 43% 10%;
  --primary: 220 49% 11%;
  --primary-foreground: 60 17% 98%;
  --primary-hover: 223 42% 18%;
  --secondary: 0 0% 100%;
  --secondary-foreground: 220 49% 11%;
  --muted: 225 22% 96%;
  --muted-foreground: 221 17% 38%;
  --accent: 224 38% 94%;
  --accent-foreground: 220 49% 11%;
  --destructive: 353 53% 42%;
  --destructive-foreground: 0 0% 100%;
  --border: 220 20% 91%;
  --input: 219 14% 59%;
  --input-hover: 223 17% 45%;
  --secondary-border: 219 14% 79%;
  --secondary-border-hover: 220 10% 70%;
  --ring: 221 45% 45%;
  --radius: 0.375rem;
  --success: 158 51% 26%;
  --success-foreground: 0 0% 100%;
  --warning: 36 79% 29%;
  --warning-foreground: 0 0% 100%;
  --info: 218 49% 39%;
  --info-foreground: 0 0% 100%;
  --neutral: 222 13% 39%;
  --neutral-foreground: 0 0% 100%;
  --draft: var(--info);
  --available: var(--success);
  --retired: var(--neutral);
  --locked: var(--neutral);
  --not-wired: var(--warning);
  --sidebar: 220 49% 11%;
  --sidebar-background: var(--sidebar);
  --sidebar-foreground: 222 19% 82%;
  --sidebar-primary: 221 54% 75%;
  --sidebar-primary-foreground: 220 49% 11%;
  --sidebar-accent: 222 43% 19%;
  --sidebar-accent-foreground: 60 17% 98%;
  --sidebar-border: 222 33% 22%;
  --sidebar-ring: 221 54% 75%;
  --chart-1: 219 61% 47%;
  --chart-2: 166 76% 36%;
  --chart-3: 20 70% 53%;
  --chart-4: 229 62% 68%;
  --chart-5: 334 58% 58%;
  --chart-muted: 221 25% 58%;
}