diff --git a/frontend/src/components/FirefliesBanner.tsx b/frontend/src/components/FirefliesBanner.tsx
index 21c49e5..6074faf 100644
--- a/frontend/src/components/FirefliesBanner.tsx
+++ b/frontend/src/components/FirefliesBanner.tsx
@@ -141,8 +141,10 @@ const FirefliesBanner: React.FC<FirefliesBannerProps> = ({ username, palette, se
             const isLight = theme.palette.mode === 'light';
             const bgGrad = ctx.createRadialGradient(width/2, height/2, 0, width/2, height/2, width);
             if (isLight) {
-                bgGrad.addColorStop(0, alpha(brightColors[0], 0.5));
-                bgGrad.addColorStop(1, alpha(brightColors[0], 0.95));
+                // For light themes, we still need a "dusk/night" feel for fireflies to make sense.
+                // We use a deeper, more saturated version of the theme's colors.
+                bgGrad.addColorStop(0, alpha(brightColors[2] || '#1a1a2e', 0.85));
+                bgGrad.addColorStop(1, alpha(brightColors[2] || '#16213e', 1.0));
             } else {
                 bgGrad.addColorStop(0, '#141a2a'); // Noticeable blue-grey tint
                 bgGrad.addColorStop(1, '#05080f');
diff --git a/frontend/src/components/GenerativeBanner.tsx b/frontend/src/components/GenerativeBanner.tsx
index debad58..344546a 100644
--- a/frontend/src/components/GenerativeBanner.tsx
+++ b/frontend/src/components/GenerativeBanner.tsx
@@ -269,7 +269,7 @@ const GenerativeBanner: React.FC<GenerativeBannerProps> = ({ username, palette,
                 height: '100%',
                 pointerEvents: 'none',
                 zIndex: 1,
-                mixBlendMode: 'screen'
+                mixBlendMode: theme.palette.mode === 'light' ? 'multiply' : 'screen'
             }} 
         />
     );
diff --git a/frontend/src/components/GenerativeFlowBanner.tsx b/frontend/src/components/GenerativeFlowBanner.tsx
index 61cf339..399186f 100644
--- a/frontend/src/components/GenerativeFlowBanner.tsx
+++ b/frontend/src/components/GenerativeFlowBanner.tsx
@@ -140,8 +140,9 @@ const GenerativeFlowBanner: React.FC<GenerativeFlowProps> = ({ username, palette
             const isLight = theme.palette.mode === 'light';
             const bgGrad = ctx.createRadialGradient(width/2, height/2, 0, width/2, height/2, width);
             if (isLight) {
-                bgGrad.addColorStop(0, alpha(brightColors[0], 0.4));
-                bgGrad.addColorStop(1, alpha(brightColors[0], 0.9));
+                // For light themes, use a deeper, more saturated version of the theme color
+                bgGrad.addColorStop(0, alpha(brightColors[brightColors.length - 1] || brightColors[0], 0.6));
+                bgGrad.addColorStop(1, alpha(brightColors[brightColors.length - 1] || brightColors[0], 0.9));
             } else {
                 bgGrad.addColorStop(0, '#0a0a1a');
                 bgGrad.addColorStop(1, '#020205');
diff --git a/frontend/src/components/HextechBanner.tsx b/frontend/src/components/HextechBanner.tsx
index 7328eec..5e4c182 100644
--- a/frontend/src/components/HextechBanner.tsx
+++ b/frontend/src/components/HextechBanner.tsx
@@ -145,8 +145,9 @@ const HextechBanner: React.FC<HextechBannerProps> = ({ username, palette, settin
             const isLight = theme.palette.mode === 'light';
             const bgGrad = ctx.createRadialGradient(width/2, height/2, 0, width/2, height/2, width);
             if (isLight) {
-                bgGrad.addColorStop(0, alpha(brightColors[0], 0.4));
-                bgGrad.addColorStop(1, alpha(brightColors[0], 0.9));
+                // For light themes, use a deeper, more saturated version of the theme color
+                bgGrad.addColorStop(0, alpha(brightColors[2] || brightColors[0], 0.65));
+                bgGrad.addColorStop(1, alpha(brightColors[2] || brightColors[0], 0.95));
             } else {
                 bgGrad.addColorStop(0, '#0a051a'); // Arcane Purple tint
                 bgGrad.addColorStop(1, '#020105');
diff --git a/frontend/src/components/NebulaBanner.tsx b/frontend/src/components/NebulaBanner.tsx
index a253013..28343ce 100644
--- a/frontend/src/components/NebulaBanner.tsx
+++ b/frontend/src/components/NebulaBanner.tsx
@@ -175,10 +175,10 @@ const NebulaBanner: React.FC<NebulaBannerProps> = ({ username, palette, ratingsC
             const skyGrad = ctx.createRadialGradient(width/2, height/2, 0, width/2, height/2, width);
             
             if (isLight) {
-                // Vibrant Deep Primary for light mode
-                skyGrad.addColorStop(0, alpha(colors[0], 0.6)); 
-                skyGrad.addColorStop(0.5, alpha(colors[0], 0.8));
-                skyGrad.addColorStop(1, alpha(colors[0], 1.0));
+                // Vibrant Deep Primary for light mode - but dark enough for glowing gas to pop
+                skyGrad.addColorStop(0, alpha(colors[colors.length - 1], 0.7)); 
+                skyGrad.addColorStop(0.5, alpha(colors[colors.length - 1], 0.9));
+                skyGrad.addColorStop(1, alpha(colors[colors.length - 1], 1.0));
             } else {
                 // True Deep Space with visible tints for dark mode
                 skyGrad.addColorStop(0, '#1a1a3a'); // More blue/purple tint
diff --git a/frontend/src/pages/Settings.tsx b/frontend/src/pages/Settings.tsx
index 3699744..a1d22f3 100644
--- a/frontend/src/pages/Settings.tsx
+++ b/frontend/src/pages/Settings.tsx
@@ -231,8 +231,8 @@ const Settings: React.FC<SettingsProps> = ({ themeName, onThemeChange }) => {
                         onChange={(e) => onThemeChange(e.target.value as CatppuccinTheme)}
                     >
                         <ListSubheader>Holy Archive</ListSubheader>
-                        <MenuItem value="holy_light">Holy Light (Clean)</MenuItem>
-                        <MenuItem value="holy_dark">Holy Dark (Premium)</MenuItem>
+                        <MenuItem value="holy_light">Holy Light</MenuItem>
+                        <MenuItem value="holy_dark">Holy Dark</MenuItem>
 
                         <ListSubheader>Light Themes</ListSubheader>
                         <MenuItem value="latte">Catppuccin Latte</MenuItem>