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 => {