fix theme colors labels

vwh · Aug 5, 2024 · 03a47e8 · 03a47e8
1 parent f9896d4
commit 03a47e8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/settings/settings-drawer.tsx b/src/components/settings/settings-drawer.tsx
@@ -29,7 +29,7 @@ import { SettingsIcon } from "lucide-react";
 const ROWS_PER_PAGE_KEY = "rowsPerPage";
 const DATE_FORMAT_KEY = "dateFormat";
 const THEME_COLOR_KEY = "theme-color";
-const THEME_COLORS = ["old", "slate", "blue", "nord"];
+const THEME_COLORS = ["slate", "blue", "nord", "old"];
 
 export default function Settings() {
   const {

diff --git a/src/components/settings/settings-sections.tsx b/src/components/settings/settings-sections.tsx
@@ -103,7 +103,11 @@ export function ThemeChangeSection({
       >
         <Option value="default" label="Default" />
         {themeColors.map((theme) => (
-          <Option key={theme} value={theme} label={theme} />
+          <Option
+            key={theme}
+            value={theme}
+            label={theme[0].toUpperCase() + theme.slice(1)}
+          />
         ))}
       </RadioGroup>
     </div>