Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/openstatusHQ/openstatus. 🫖 Status page with uptime monitoring & API monitoring as code 🫖 openstatus.dev
bun drizzle-orm monitoring monitoring-as-code nextjs observability on-call open-source shadcn-ui status-page statuspage synthetic-monitoring tinybird turso uptime uptime-checker uptime-monitor
Something went wrong. Try again.
2.4 kB · 71 lines
TypeScript
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172// https://draculatheme.com/spec
import type { Theme } from "./types";
export const DRACULA_THEME = { id: "dracula", name: "Dracula", author: { name: "@thibaultleouay", url: "https://thibaultleouay.dev" }, light: { "--background": "#FFFBEB", // Background "--foreground": "#1F1F1F", // Foreground "--border": "#6C664B", // Current Line "--input": "var(--border)", // Current Line
"--primary": "var(--foreground)", "--primary-foreground": "var(--background)", "--secondary": "var(--muted)", "--secondary-foreground": "var(--accent-foreground)", "--muted": "#CFCFDE", // Section "--muted-foreground": "#6C664B", // NOTE: non standard color for improved readability "--accent": "var(--muted)", "--accent-foreground": "var(--foreground)",
"--success": "#14710a", // Green "--destructive": "#cb3a2a", // Red "--warning": "#A34D14", // Orange "--info": "#644AC9", // Purple
"--chart-1": "#A3144D", // Pink "--chart-2": "#A34D14", // Orange "--chart-3": "#846E15", // Yellow "--chart-4": "#14710a", // Green "--chart-5": "#036A96", // Cyan
"--popover-foreground": "var(--foreground)", "--popover": "var(--background)", "--card": "var(--background)", "--card-foreground": "var(--foreground)", }, dark: { "--background": "#282a36", // Background "--foreground": "#f8f8f2", // Foreground "--border": "#6272A4", // Current Line "--input": "var(--border)", // Current Line
"--primary": "var(--foreground)", "--primary-foreground": "var(--background)", "--secondary": "var(--muted)", "--secondary-foreground": "var(--accent-foreground)", "--muted": "#44475A", // Section "--muted-foreground": "#A6ACCD", // NOTE: non standard color for improved readability "--accent": "var(--muted)", "--accent-foreground": "var(--foreground)",
"--success": "#50fa7b", // Green "--destructive": "#ff5555", // Red "--warning": "#ffb86c", // Orange "--info": "#644AC9", // Purple
"--chart-1": "#ff79c6", // Pink "--chart-2": "#ffb86c", // Orange "--chart-3": "#f1fa8c", // Yellow "--chart-4": "#50fa7b", // Green "--chart-5": "#036A96", // Cyan
"--popover-foreground": "var(--foreground)", "--popover": "var(--background)", "--card": "var(--background)", "--card-foreground": "var(--foreground)", },} as const satisfies Theme;