refactor: remove border from frosted-bar component, let templates control border direction

2 files changed, 27 insertions, 1 deletions

diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css
index bbbe3f0..94a1c96 100644
--- a/themes/danix-xyz-hacker/assets/css/main.css
+++ b/themes/danix-xyz-hacker/assets/css/main.css
@@ -184,8 +184,14 @@ html.theme-light {
   .frosted-bar {
     background-color: rgba(var(--bg2-rgb), 0.92);
     backdrop-filter: blur(10px);
-    border: 1px solid var(--border);
     box-shadow: 0 0 20px var(--accent-glow);
+    /* border applied via utility classes in templates */
+  }
+
+  /* Border utilities for frosted-bar component */
+  .frosted-bar.border-b,
+  .frosted-bar.border-t {
+    border-color: var(--border);
   }
 
   /* Article type badge styles */
diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css
index e245079..ca4b6c3 100644
--- a/themes/danix-xyz-hacker/assets/css/main.min.css
+++ b/themes/danix-xyz-hacker/assets/css/main.min.css
@@ -1279,6 +1279,23 @@ button,
 
 /* Glow effect utility */
 
+/* Frosted glass bar (header/footer) */
+
+.frosted-bar {
+  background-color: rgba(var(--bg2-rgb), 0.92);
+  -webkit-backdrop-filter: blur(10px);
+          backdrop-filter: blur(10px);
+  box-shadow: 0 0 20px var(--accent-glow);
+  /* border applied via utility classes in templates */
+}
+
+/* Border utilities for frosted-bar component */
+
+.frosted-bar.border-b,
+  .frosted-bar.border-t {
+  border-color: var(--border);
+}
+
 /* Article type badge styles */
 
 /* Hero typography with fluid sizing */
@@ -1932,6 +1949,7 @@ button,
 :root {
   --bg: #060b10;
   --bg2: #0c1520;
+  --bg2-rgb: 12, 21, 32;
   --surface: #101e2d;
   --surface-rgb: 16, 30, 45;
   --border: #182840;
@@ -1954,6 +1972,7 @@ button,
 html.theme-light {
   --bg: #ffffff;
   --bg2: #f8f9fa;
+  --bg2-rgb: 248, 249, 250;
   --surface: #f0f3f7;
   --surface-rgb: 240, 243, 247;
   --border: #d9dfe8;
@@ -1977,6 +1996,7 @@ html.theme-light {
   html:not(.theme-dark) {
     --bg: #ffffff;
     --bg2: #f8f9fa;
+    --bg2-rgb: 248, 249, 250;
     --surface: #f0f3f7;
     --surface-rgb: 240, 243, 247;
     --border: #d9dfe8;