style: Adjust navbar backdrop blur intensity and background color opacity.

2026-01-24 14:00:11 +01:00
parent 821e27ff0e
commit 949d5ab8b9
1 changed files with 3 additions and 3 deletions
--- a/src/components/layout/Navbar.module.css
+++ b/src/components/layout/Navbar.module.css
@@ -175,8 +175,8 @@
    gap: 0;
    padding: var(--space-lg);
    background-color: rgba(15, 20, 16, 0.95);
-    -webkit-backdrop-filter: blur(12px);
-    backdrop-filter: blur(12px);
+    -webkit-backdrop-filter: blur(30px);
+    backdrop-filter: blur(30px);
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
    transform: translateY(-100%);
    opacity: 0;
@@ -191,7 +191,7 @@
  }

  .header.scrolled .navLinks {
-    background-color: rgba(15, 20, 16, 0.85);
+    background-color: rgba(15, 20, 16, 0.70);
  }

  .navLink {