fix: add light theme support to connection page

Add isLight-aware styling to all block renderers (cards, timeline,
accordion, minimal), BlockButtons, and InstallationGuide. Update
colorParser gradient functions to generate light-appropriate backgrounds.
Reduce wave blob opacity on light theme for better content readability.

src/components/connection/blocks/AccordionBlock.tsx

@@ -6,6 +6,7 @@ import type { BlockRendererProps } from './types';
 export function AccordionBlock({
   blocks,
   isMobile,
+  isLight,
   getLocalizedText,
   getSvgHtml,
   renderBlockButtons,
@@ -15,14 +16,20 @@ export function AccordionBlock({
   return (
     <div className="space-y-2">
       {blocks.map((block, index) => {
-        const gradientStyle = getColorGradient(block.svgIconColor || 'cyan');
+        const gradientStyle = getColorGradient(block.svgIconColor || 'cyan', isLight);
         const isOpen = openIndex === index;
 
         return (
           <div
             key={index}
-            className={`overflow-hidden rounded-2xl border bg-dark-800/50 transition-colors ${
-              isOpen ? 'border-accent-500/30' : 'border-dark-700/50'
+            className={`overflow-hidden rounded-2xl border transition-colors ${
+              isLight
+                ? isOpen
+                  ? 'border-accent-500/30 bg-white/80 shadow-sm'
+                  : 'border-dark-700/60 bg-white/60'
+                : isOpen
+                  ? 'border-accent-500/30 bg-dark-800/50'
+                  : 'border-dark-700/50 bg-dark-800/50'
             }`}
           >
             {/* Control */}