add the best theme

adds catppuccin mocha (very high quality pr)

src/components/ThemeSwitch.tsx

@@ -38,6 +38,9 @@ export function ModeToggle() {
         <DropdownMenuItem onClick={() => setTheme("midnight")}>
           Midnight
         </DropdownMenuItem>
+        <DropdownMenuItem onClick={() => setTheme("catppuccin")}>
+          Catppuccin
+        </DropdownMenuItem>
         <DropdownMenuItem onClick={() => setTheme("system")}>
           System
         </DropdownMenuItem>

src/components/theme-provider.tsx

@@ -5,12 +5,14 @@ type Theme =
 	| 'cyberpunk'
 	| 'bluelight'
 	| 'midnight'
+	| 'catppuccin'
 	| 'system';
 const themes: Theme[] = [
 	'radius',
 	'cyberpunk',
 	'bluelight',
 	'midnight',
+	'catppuccin',
 	'system',
 ];
 type ThemeProviderProps = {