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.
1.9 kB · 61 lines
TypeScript
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162import type { Theme } from "./types";
export const OPENSTATUS_THEME = { id: "default" as const, name: "Openstatus", author: { name: "@openstatus", url: "https://openstatus.dev" }, light: { "--background": "oklch(100% 0 0)", "--foreground": "oklch(14.5% 0 0)", "--border": "oklch(92.2% 0 0)", "--input": "oklch(92.2% 0 0)",
"--primary": "oklch(20.5% 0 0)", "--primary-foreground": "oklch(98.5% 0 0)", "--secondary": "oklch(97% 0 0)", "--secondary-foreground": "oklch(20.5% 0 0)", "--muted": "oklch(97% 0 0)", "--muted-foreground": "oklch(55.6% 0 0)", "--accent": "oklch(97% 0 0)", "--accent-foreground": "oklch(20.5% 0 0)",
"--success": "oklch(72% 0.19 150)", "--destructive": "oklch(57.7% 0.245 27.325)", "--warning": "oklch(77% 0.16 70)", "--info": "oklch(62% 0.19 260)", }, dark: { "--background": "oklch(14.5% 0 0)", "--foreground": "oklch(98.5% 0 0)", "--border": "oklch(100% 0 0 / 10%)", "--input": "oklch(100% 0 0 / 15%)",
"--primary": "oklch(92.2% 0 0)", "--primary-foreground": "oklch(20.5% 0 0)", "--secondary": "oklch(26.9% 0 0)", "--secondary-foreground": "oklch(98.5% 0 0)", "--muted": "oklch(26.9% 0 0)", "--muted-foreground": "oklch(70.8% 0 0)", "--accent": "oklch(26.9% 0 0)", "--accent-foreground": "oklch(98.5% 0 0)",
"--success": "oklch(72% 0.19 150)", "--destructive": "oklch(70.4% 0.191 22.216)", "--warning": "oklch(77% 0.16 70)", "--info": "oklch(62% 0.19 260)", },} as const satisfies Theme;
export const OPENSTATUS_ROUNDED_THEME = { id: "default-rounded" as const, name: "Openstatus (Rounded)", author: OPENSTATUS_THEME.author, light: { ...OPENSTATUS_THEME.light, "--radius": "0.625rem", }, dark: { ...OPENSTATUS_THEME.dark, "--radius": "0.625rem", },} as const satisfies Theme;