fix: scheme icon gap 1, lighter/larger bg

client/src/app/layout/AppHeader.tsx

@@ -155,16 +155,15 @@ export function AppHeader() {
           )}
 
           {!isMobile && (
-            <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5, ml: 1.5 }}>
+            <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, ml: 1.5 }}>
               <Box
                 sx={{
                   display: 'flex',
                   alignItems: 'center',
-                  gap: 0.5,
-                  bgcolor: 'rgba(255,255,255,0.12)',
+                  bgcolor: 'rgba(255,255,255,0.15)',
                   borderRadius: 3,
-                  px: 0.5,
-                  py: 0.25,
+                  px: 1,
+                  py: 0.5,
                 }}
               >
                 <SchemeSwitcher value={scheme} onChange={(s: ColorScheme) => setScheme(s)} />

client/src/shared/ui/SchemeSwitcher/SchemeSwitcher.tsx

@@ -22,7 +22,7 @@ export function SchemeSwitcher({ value, onChange, orientation = 'horizontal' }:
       sx={{
         display: 'flex',
         flexDirection: orientation === 'vertical' ? 'column' : 'row',
-        gap: 0.5,
+        gap: 1,
         alignItems: 'center',
       }}
     >