Add padding and glow effects to content sections

- Add 2rem padding, border, and soft glow to single page content grid
- Add matching glow effect to article list items with full-opacity border
- Uses theme-aware CSS variables for consistent styling across dark/light modes

Co-Authored-By: Claude Haiku 4.5 <redacted>

diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css
index 53b2410be27d76c97de0a153c8d950dec874af74..72e9cf266e204b6c9be932bb89123feb5ed8efea 100644 (file)
--- a/themes/danix-xyz-hacker/assets/css/main.css
+++ b/themes/danix-xyz-hacker/assets/css/main.css
@@ -328,4 +328,13 @@ html.theme-light body[data-page-kind="home"] #matrix-rain {
   position: relative;
   z-index: 10;
   background-color: var(--bg);
+  padding: 2rem;
+  border: 1px solid var(--border);
+  box-shadow: 0 0 20px var(--accent-glow);
+}
+
+/* Article list items — soft glow effect */
+article.border.border-border\/30.rounded-lg.overflow-hidden.group.bg-bg {
+  border-color: var(--border);
+  box-shadow: 0 0 20px var(--accent-glow);
 }

diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css
index 9eabce5d8b87cba27bc12df21641d9cdae6d9530..e245079268ec932bc44d07ffac845d3c75fa44c8 100644 (file)
--- a/themes/danix-xyz-hacker/assets/css/main.min.css
+++ b/themes/danix-xyz-hacker/assets/css/main.min.css
@@ -560,6 +560,11 @@ body {
   color: var(--text);
 }
 
+articlebody.border.border-border\/30.rounded-lg.overflow-hidden.group {
+  border-color: var(--border);
+  box-shadow: 0 0 20px var(--accent-glow);
+}
+
 h1,
   h2,
   h3,
@@ -630,6 +635,11 @@ code {
   color: var(--accent2);
 }
 
+articlecode.border-border\/30.rounded-lg.overflow-hidden.group.bg-bg {
+  border-color: var(--border);
+  box-shadow: 0 0 20px var(--accent-glow);
+}
+
 pre {
   background-color: rgba(var(--surface-rgb), 0.8);
   overflow-x: auto;
@@ -639,6 +649,11 @@ pre {
   padding: 1rem;
 }
 
+articlepre.border-border\/30.rounded-lg.overflow-hidden.group.bg-bg {
+  border-color: var(--border);
+  box-shadow: 0 0 20px var(--accent-glow);
+}
+
 pre code {
   border-width: 0px;
   background-color: transparent;
@@ -2109,6 +2124,16 @@ html.theme-light body[data-page-kind="home"] #matrix-rain {
   position: relative;
   z-index: 10;
   background-color: var(--bg);
+  padding: 2rem;
+  border: 1px solid var(--border);
+  box-shadow: 0 0 20px var(--accent-glow);
+}
+
+/* Article list items — soft glow effect */
+
+article.border.border-border\/30.rounded-lg.overflow-hidden.group.bg-bg {
+  border-color: var(--border);
+  box-shadow: 0 0 20px var(--accent-glow);
 }
 
 .hover\:bg-surface:hover {