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 1ac965a37a1227e283bb783d2c7ba98562bade98..4c8c3f94261d5b22cb8781da0625938c3a0174ff 100644 (file)
--- 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 dbe1070552c3d946ecefb4534c791a6106a2d607..684231cc626362aa201b7f1551bc3dadf07a3276 100644 (file)
--- 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 a6d61301145157802a0d4a791eee3891992b198f..bddec8bf2df94a6bc728ad8866d92a9c644628eb 100644 (file)
--- 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 -->