sneaky right click for quick toggle

Author: zxt-tzx

packages/web/src/components/navbar/DarkModeToggle.tsx

@@ -21,10 +21,19 @@ export function DarkModeToggle({ onToggleCountChange }: DarkModeToggleProps) {
     handleThemeChange(newTheme);
   };
 
+  const handleButtonClick = (e: React.MouseEvent) => {
+    // Right click for cycling themes
+    if (e.button === 2) {
+      e.preventDefault(); // Prevent context menu
+      handleThemeChange();
+      onToggleCountChange();
+    }
+  };
+
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
-        <Button variant="ghost" size="icon">
+        <Button variant="ghost" size="icon" onContextMenu={handleButtonClick}>
           <ThemeIcon className="size-[1.2rem] animate-in fade-in" />
           <span className="sr-only">Toggle theme</span>
         </Button>