diff --git a/web/src/components/ThemeSelect.tsx b/web/src/components/ThemeSelect.tsx index 9cc8298ff..50d76f986 100644 --- a/web/src/components/ThemeSelect.tsx +++ b/web/src/components/ThemeSelect.tsx @@ -17,7 +17,7 @@ const ThemeSelect = ({ value, onValueChange, className }: ThemeSelectProps = {}) { value: "paper", icon: , label: "Paper" }, { value: "whitewall", icon: , label: "Whitewall" }, { value: "nauticalblue", icon: , label: "Nautical Blue Light" }, - { value: "nauticalblue-dark", icon: , label: "Nautical Blue Dark" } + { value: "nauticalblue-dark", icon: , label: "Nautical Blue Dark" }, ]; const handleThemeChange = (newTheme: Theme) => { diff --git a/web/src/utils/theme.ts b/web/src/utils/theme.ts index 158139b12..bca3d53a2 100644 --- a/web/src/utils/theme.ts +++ b/web/src/utils/theme.ts @@ -1,8 +1,8 @@ import defaultDarkThemeContent from "../themes/default-dark.css?raw"; +import nauticalBlueDarkThemeContent from "../themes/nauticalblue-dark.css?raw"; +import nauticalBlueThemeContent from "../themes/nauticalblue.css?raw"; import paperThemeContent from "../themes/paper.css?raw"; import whitewallThemeContent from "../themes/whitewall.css?raw"; -import nauticalBlueThemeContent from "../themes/nauticalblue.css?raw"; -import nauticalBlueDarkThemeContent from "../themes/nauticalblue-dark.css?raw"; const VALID_THEMES = ["default", "default-dark", "paper", "whitewall", "nauticalblue", "nauticalblue-dark"] as const; type ValidTheme = (typeof VALID_THEMES)[number]; @@ -13,7 +13,7 @@ const THEME_CONTENT: Record = { paper: paperThemeContent, whitewall: whitewallThemeContent, nauticalblue: nauticalBlueThemeContent, - "nauticalblue-dark": nauticalBlueDarkThemeContent + "nauticalblue-dark": nauticalBlueDarkThemeContent, }; const validateTheme = (theme: string): ValidTheme => {