Tweak brightness of background image

Author: kagikn

src/layouts/Layout.astro

@@ -175,6 +175,16 @@ const { title } = Astro.props;
     font-family: Inter, sans-serif;
   }
 
+  :root {
+    --footer-bg-filter: brightness(60%) blur(1px);
+  }
+
+  @media (prefers-color-scheme: light) {
+    :root {
+      --footer-bg-filter: brightness(120%) saturate(90%) blur(2px);
+    }
+  }
+
   .footer {
     background: top/100px repeat-x, bottom/cover url(/images/bg-dark-mode.jpg);
   }

src/pages/faq.astro

@@ -244,8 +244,6 @@ import Header from '../components/Header.astro';
       --background-color-rgb: 29, 29, 34;
       --text-color-rgb: 255, 255, 255;
       color: white;
-      --hero-bg-filter: brightness(70%) blur(2px);
-      --footer-bg-filter: brightness(80%) blur(1px);
     }
 
     @media (prefers-color-scheme: light) {
@@ -255,8 +253,6 @@ import Header from '../components/Header.astro';
         --background-color-rgb: 244, 242, 255;
         color: #121212;
         --text-color-rgb: 18, 18, 18;
-        --hero-bg-filter: blur(2px);
-        --footer-bg-filter: brightness(125%) saturate(80%) blur(2px);
       }
     }
 

src/pages/index.astro

@@ -115,8 +115,7 @@ import FeatureSection from '../components/FeatureSection.astro';
       --background-color-rgb: 29, 29, 34;
       --text-color-rgb: 255, 255, 255;
       color: white;
-      --hero-bg-filter: brightness(70%) blur(2px);
-      --footer-bg-filter: brightness(80%) blur(1px);
+      --hero-bg-filter: brightness(55%) blur(2px);
     }
 
     @media (prefers-color-scheme: light) {
@@ -127,7 +126,6 @@ import FeatureSection from '../components/FeatureSection.astro';
         color: #121212;
         --text-color-rgb: 18, 18, 18;
         --hero-bg-filter: blur(2px);
-        --footer-bg-filter: brightness(125%) saturate(80%) blur(2px);
       }
     }