diff --git a/src/components/settings/ThemeSelector.tsx b/src/components/settings/ThemeSelector.tsx
index 2301305..fad63e1 100644
--- a/src/components/settings/ThemeSelector.tsx
+++ b/src/components/settings/ThemeSelector.tsx
@@ -2,7 +2,7 @@
 
 import type { ThemeColors, ThemeMode } from '@/types/themes';
 import { useTheme } from '@/hooks/useTheme';
-import { COLORS_BY_MODE, getButtonBgStyle, getPrincipalColors } from '@/utils/themeUtil';
+import { COLORS_BY_MODE, getButtonBgStyle, getPrincipalColors, THEME_LABELS } from '@/utils/themeUtil';
 
 export default function ThemeSelector() {
   const { setTheme, theme } = useTheme();
@@ -11,7 +11,7 @@ export default function ThemeSelector() {
     colors.map((color) => ({
       mode: mode as ThemeMode,
       color: color as ThemeColors,
-      label: `${mode === 'light' ? 'Light' : 'Dark'} ${color.charAt(0).toUpperCase() + color.slice(1)}`,
+      label: THEME_LABELS[`${mode}-${color}`],
     })),
   );
 
diff --git a/src/utils/themeUtil.ts b/src/utils/themeUtil.ts
index 2bffea9..ce54f10 100644
--- a/src/utils/themeUtil.ts
+++ b/src/utils/themeUtil.ts
@@ -17,6 +17,21 @@ export const COLORS_BY_MODE = {
   light: ['zinc', 'green', 'orange', 'blue', 'red'] as const,
 };
 
+// Theme labels
+export const THEME_LABELS: Record<string, string> = {
+  'dark-zinc': 'Batman',
+  'dark-blue': 'Blue Lock',
+  'dark-violet': 'Thanos',
+  'dark-yellow': 'Pikachu',
+  'dark-green': 'Goblin Slayer',
+  'dark-red': 'Red Flag',
+  'light-zinc': 'Flashbang',
+  'light-green': 'Touch Grass',
+  'light-orange': 'Golden Hour',
+  'light-blue': 'Chill Guy',
+  'light-red': 'Red Light',
+};
+
 // Default theme object
 export const DEFAULT_THEME: Theme = {
   mode: 'dark',