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

diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css
index bbbe3f0db09911fc6b2616d06458491a3bebefe0..94a1c9668a2ca8297861efb3e2288a215515c6e3 100644 (file)
--- 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 e245079268ec932bc44d07ffac845d3c75fa44c8..ca4b6c39c6387fdc28c1d66b8ef2dad1ce253d7c 100644 (file)
--- 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;