Fixed camera buttons for light theme

frontend/src/components/control/CameraFeed.tsx

@@ -104,21 +104,21 @@ export function CameraFeed({ printerId, isConnected }: CameraFeedProps) {
           <div className="absolute top-2 right-2 flex gap-2">
             <button
               onClick={handleRefresh}
-              className="p-2 rounded bg-black/50 hover:bg-black/70 text-white transition-colors"
+              className="p-2 rounded bg-gray-500 hover:bg-gray-400 text-white transition-colors shadow-lg"
               title="Refresh stream"
             >
               <RefreshCw className="w-4 h-4" />
             </button>
             <button
               onClick={handleFullscreen}
-              className="p-2 rounded bg-black/50 hover:bg-black/70 text-white transition-colors"
+              className="p-2 rounded bg-gray-500 hover:bg-gray-400 text-white transition-colors shadow-lg"
               title="Fullscreen"
             >
               <Maximize2 className="w-4 h-4" />
             </button>
             <button
               onClick={handleToggleStream}
-              className="px-3 py-1.5 rounded bg-red-500/80 hover:bg-red-500 text-white text-sm transition-colors"
+              className="px-3 py-1.5 rounded bg-red-600 hover:bg-red-500 text-white text-sm transition-colors shadow-lg"
             >
               Stop
             </button>

static/index.html

@@ -7,8 +7,8 @@
     <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png" />
     <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png" />
-    <script type="module" crossorigin src="/assets/index-06aT7AZk.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-BAV1KG6Z.css">
+    <script type="module" crossorigin src="/assets/index-lJk_Q6s0.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-CKgM4K0H.css">
   </head>
   <body>
     <div id="root"></div>