openstatus.dev
Openstatus
www.openstatus.dev
1import type { Theme } from "./types";
2
3export const OPENSTATUS_THEME = {
4 id: "default" as const,
5 name: "Openstatus",
6 author: { name: "@openstatus", url: "https://openstatus.dev" },
7 light: {
8 "--background": "oklch(100% 0 0)",
9 "--foreground": "oklch(14.5% 0 0)",
10 "--border": "oklch(92.2% 0 0)",
11 "--input": "oklch(92.2% 0 0)",
12
13 "--primary": "oklch(20.5% 0 0)",
14 "--primary-foreground": "oklch(98.5% 0 0)",
15 "--secondary": "oklch(97% 0 0)",
16 "--secondary-foreground": "oklch(20.5% 0 0)",
17 "--muted": "oklch(97% 0 0)",
18 "--muted-foreground": "oklch(55.6% 0 0)",
19 "--accent": "oklch(97% 0 0)",
20 "--accent-foreground": "oklch(20.5% 0 0)",
21
22 "--success": "oklch(72% 0.19 150)",
23 "--destructive": "oklch(57.7% 0.245 27.325)",
24 "--warning": "oklch(77% 0.16 70)",
25 "--info": "oklch(62% 0.19 260)",
26 },
27 dark: {
28 "--background": "oklch(14.5% 0 0)",
29 "--foreground": "oklch(98.5% 0 0)",
30 "--border": "oklch(100% 0 0 / 10%)",
31 "--input": "oklch(100% 0 0 / 15%)",
32
33 "--primary": "oklch(92.2% 0 0)",
34 "--primary-foreground": "oklch(20.5% 0 0)",
35 "--secondary": "oklch(26.9% 0 0)",
36 "--secondary-foreground": "oklch(98.5% 0 0)",
37 "--muted": "oklch(26.9% 0 0)",
38 "--muted-foreground": "oklch(70.8% 0 0)",
39 "--accent": "oklch(26.9% 0 0)",
40 "--accent-foreground": "oklch(98.5% 0 0)",
41
42 "--success": "oklch(72% 0.19 150)",
43 "--destructive": "oklch(70.4% 0.191 22.216)",
44 "--warning": "oklch(77% 0.16 70)",
45 "--info": "oklch(62% 0.19 260)",
46 },
47} as const satisfies Theme;
48
49export const OPENSTATUS_ROUNDED_THEME = {
50 id: "default-rounded" as const,
51 name: "Openstatus (Rounded)",
52 author: OPENSTATUS_THEME.author,
53 light: {
54 ...OPENSTATUS_THEME.light,
55 "--radius": "0.625rem",
56 },
57 dark: {
58 ...OPENSTATUS_THEME.dark,
59 "--radius": "0.625rem",
60 },
61} as const satisfies Theme;