From: Danilo M. <redacted>
Date: Thu, 16 Apr 2026 10:05:48 +0000 (+0200)
Subject: fix: add frosted-bar-strong class to footer for stronger frosting and opacity
X-Git-Tag: release_22042026-1342~217
X-Git-Url: https://git.danix.xyz/?a=commitdiff_plain;h=ba80a9bb2c7f48095b8f721127456f40ba84b73f;p=danix.xyz-2.git

fix: add frosted-bar-strong class to footer for stronger frosting and opacity
---

diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css
index 1ac965a..4c8c3f9 100644
--- a/themes/danix-xyz-hacker/assets/css/main.css
+++ b/themes/danix-xyz-hacker/assets/css/main.css
@@ -189,8 +189,9 @@ html.theme-light {
   }
 
   /* Footer variant: stronger frosting effect */
-  footer.frosted-bar {
-    backdrop-filter: blur(20px);
+  .frosted-bar-strong {
+    background-color: rgba(var(--bg2-rgb), 0.85) !important;
+    backdrop-filter: blur(20px) !important;
   }
 
   /* 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 dbe1070..684231c 100644
--- a/themes/danix-xyz-hacker/assets/css/main.min.css
+++ b/themes/danix-xyz-hacker/assets/css/main.min.css
@@ -1291,9 +1291,10 @@ button,
 
 /* Footer variant: stronger frosting effect */
 
-footer.frosted-bar {
-  -webkit-backdrop-filter: blur(20px);
-          backdrop-filter: blur(20px);
+.frosted-bar-strong {
+  background-color: rgba(var(--bg2-rgb), 0.85) !important;
+  -webkit-backdrop-filter: blur(20px) !important;
+          backdrop-filter: blur(20px) !important;
 }
 
 /* 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 a6d6130..bddec8b 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 frosted-bar border-t py-12">
+<footer class="mt-16 frosted-bar border-t py-12 frosted-bar-strong">
   <div class="container mx-auto px-4">
     <div class="grid md:grid-cols-3 gap-8 mb-8">
       <!-- About -->