Add padding and glow effects to content sectionsfeature/matrix-rain-background

- 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 <noreply@anthropic.com>

2 files changed, 34 insertions, 0 deletions

diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css
index 53b2410..72e9cf2 100644
--- 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 9eabce5..e245079 100644
--- 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 {