From: Danilo M. <redacted>
Date: Thu, 16 Apr 2026 10:13:55 +0000 (+0200)
Subject: fix: add backdrop-filter blur to footer via CSS with vendor prefix
X-Git-Tag: release_22042026-1342~211
X-Git-Url: https://git.danix.xyz/?a=commitdiff_plain;h=aa4d9c412c9e4bc54a449e55748091f96f374d31;p=danix.xyz-2.git

fix: add backdrop-filter blur to footer via CSS with vendor prefix
---

diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css
index b7d2219..c1679ca 100644
--- a/themes/danix-xyz-hacker/assets/css/main.css
+++ b/themes/danix-xyz-hacker/assets/css/main.css
@@ -188,9 +188,10 @@ html.theme-light {
     /* border applied via utility classes in templates */
   }
 
-  /* Footer variant: test - fully opaque background */
-  footer.frosted-bar {
-    background-color: rgba(var(--bg2-rgb), 1) !important;
+  /* Footer styling with strong frosting */
+  footer {
+    -webkit-backdrop-filter: blur(20px);
+    backdrop-filter: blur(20px);
   }
 
   /* Border utilities for frosted-bar component */
diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css
index 615e462..ab0359a 100644
--- a/themes/danix-xyz-hacker/assets/css/main.min.css
+++ b/themes/danix-xyz-hacker/assets/css/main.min.css
@@ -1289,10 +1289,11 @@ button,
   /* border applied via utility classes in templates */
 }
 
-/* Footer variant: test - fully opaque background */
+/* Footer styling with strong frosting */
 
-footer.frosted-bar {
-  background-color: rgba(var(--bg2-rgb), 1) !important;
+footer {
+  -webkit-backdrop-filter: blur(20px);
+  backdrop-filter: blur(20px);
 }
 
 /* Border utilities for frosted-bar component */
diff --git a/themes/danix-xyz-hacker/layouts/partials/footer.html b/themes/danix-xyz-hacker/layouts/partials/footer.html
index 18bcf08..fb02f88 100644
--- a/themes/danix-xyz-hacker/layouts/partials/footer.html
+++ b/themes/danix-xyz-hacker/layouts/partials/footer.html
@@ -1,4 +1,4 @@
-<footer class="mt-16 border-t py-12" style="background-color: rgba(var(--bg2-rgb), 0.85); backdrop-filter: blur(20px); box-shadow: 0 0 20px var(--accent-glow);">
+<footer class="mt-16 border-t py-12" style="background-color: rgba(var(--bg2-rgb), 0.85); box-shadow: 0 0 20px var(--accent-glow);">
   <div class="container mx-auto px-4">
     <div class="grid md:grid-cols-3 gap-8 mb-8">
       <!-- About -->