openstatus.dev
Openstatus
www.openstatus.dev
dracula theme (#1509)
* dracula theme
* fix stuff dracula theme
* ordering theme
* ci: apply automated fixes
---------
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
authored by
Thibault Le Ouay
autofix-ci[bot]
and committed by
GitHub
12742b3c
90e17f14
+50
-1
+47
packages/theme-store/src/dracula.ts
+47
packages/theme-store/src/dracula.ts
···
1
+
import type { Theme } from "./types";
2
+
3
+
export const DRACULA_THEME = {
4
+
id: "dracula",
5
+
name: "Dracula",
6
+
author: { name: "@thibaultleouay", url: "https://thibaultleouay.dev" },
7
+
light: {
8
+
"--background": "#FFFBEB",
9
+
"--foreground": "#1F1F1F",
10
+
"--border": "#6C664B",
11
+
"--input": "oklch(92.2% 0 0)",
12
+
"--primary": "oklch(20.5% 0 0)",
13
+
"--primary-foreground": "oklch(98.5% 0 0)",
14
+
"--secondary": "oklch(97% 0 0)",
15
+
"--secondary-foreground": "oklch(20.5% 0 0)",
16
+
"--muted": "oklch(97% 0 0)",
17
+
"--muted-foreground": "oklch(55.6% 0 0)",
18
+
"--accent": "oklch(97% 0 0)",
19
+
"--accent-foreground": "oklch(20.5% 0 0)",
20
+
"--success": "#14710a",
21
+
"--destructive": "#cb3a2a",
22
+
"--warning": "#A34D14",
23
+
"--info": "#036A96",
24
+
"--popover-foreground": "var(--foreground)",
25
+
"--popover": "var(--background)",
26
+
},
27
+
dark: {
28
+
"--background": "#282a36",
29
+
"--foreground": "#f8f8f2",
30
+
"--border": "#6272A4",
31
+
"--input": "oklch(100% 0 0 / 15%)",
32
+
"--primary": "oklch(92.2% 0 0)",
33
+
"--primary-foreground": "oklch(20.5% 0 0)",
34
+
"--secondary": "oklch(26.9% 0 0)",
35
+
"--secondary-foreground": "oklch(98.5% 0 0)",
36
+
"--muted": "oklch(26.9% 0 0)",
37
+
"--muted-foreground": "oklch(70.8% 0 0)",
38
+
"--accent": "oklch(26.9% 0 0)",
39
+
"--accent-foreground": "oklch(98.5% 0 0)",
40
+
"--success": "#50fa7b",
41
+
"--destructive": "#ff5555",
42
+
"--warning": "#ffb86c",
43
+
"--info": "#8BE9FD",
44
+
"--popover-foreground": "var(--foreground)",
45
+
"--popover": "var(--background)",
46
+
},
47
+
} as const satisfies Theme;
+3
-1
packages/theme-store/src/index.ts
+3
-1
packages/theme-store/src/index.ts
···
1
1
export * from "./types";
2
+
import { DRACULA_THEME } from "./dracula";
2
3
import { GITHUB_HIGH_CONTRAST_THEME } from "./github";
3
4
import { OPENSTATUS_ROUNDED_THEME, OPENSTATUS_THEME } from "./openstatus";
4
5
import { SUPABASE_THEME } from "./supabase";
5
6
import type { Theme, ThemeDefinition, ThemeMap } from "./types";
6
7
import { assertUniqueThemeIds } from "./utils";
7
-
8
+
// Please keep the themes ordered :)
8
9
const THEMES_LIST = [
9
10
OPENSTATUS_THEME,
10
11
OPENSTATUS_ROUNDED_THEME,
11
12
SUPABASE_THEME,
12
13
GITHUB_HIGH_CONTRAST_THEME,
14
+
DRACULA_THEME,
13
15
] satisfies Theme[];
14
16
15
17
// NOTE: runtime validation to ensure that the theme IDs are unique