feat: all catppuccin themes, and rose pine themes

src/components/ThemeSwitch.tsx

@@ -38,8 +38,26 @@ export function ModeToggle() {
         <DropdownMenuItem onClick={() => setTheme("midnight")}>
           Midnight
         </DropdownMenuItem>
-        <DropdownMenuItem onClick={() => setTheme("catppuccin")}>
-          Catppuccin
+        <DropdownMenuItem onClick={() => setTheme("ctp-mocha")}>
+          Catppuccin Mohca
+        </DropdownMenuItem>
+        <DropdownMenuItem onClick={() => setTheme("ctp-frappe")}>
+          Catppuccin Frappe
+        </DropdownMenuItem>
+        <DropdownMenuItem onClick={() => setTheme("ctp-latte")}>
+          Catppuccin Latte
+        </DropdownMenuItem>
+        <DropdownMenuItem onClick={() => setTheme("ctp-macchiato")}>
+          Catppuccin Macchiato
+        </DropdownMenuItem>
+        <DropdownMenuItem onClick={() => setTheme("rp-main")}>
+          Rose Pine
+        </DropdownMenuItem>
+        <DropdownMenuItem onClick={() => setTheme("rp-moon")}>
+          Rose Pine Moon
+        </DropdownMenuItem>
+        <DropdownMenuItem onClick={() => setTheme("rp-dawn")}>
+          Rose Pine Dawn
         </DropdownMenuItem>
         <DropdownMenuItem onClick={() => setTheme("system")}>
           System

src/components/theme-provider.tsx

@@ -5,14 +5,26 @@ type Theme =
 	| 'cyberpunk'
 	| 'bluelight'
 	| 'midnight'
-	| 'catppuccin'
+	| 'ctp-mocha'
+	| 'ctp-frappe'
+	| 'ctp-latte'
+	| 'ctp-macchiato'
+	| 'rp-main'
+	| 'rp-moon'
+	| 'rp-dawn'
 	| 'system';
 const themes: Theme[] = [
 	'radius',
 	'cyberpunk',
 	'bluelight',
 	'midnight',
-	'catppuccin',
+	'ctp-mocha',
+	'ctp-frappe',
+	'ctp-latte',
+	'ctp-macchiato',
+	'rp-main',
+	'rp-moon',
+	'rp-dawn',
 	'system',
 ];
 type ThemeProviderProps = {