1 files changed, 72 insertions, 16 deletions

diff --git a/extras/html/themes/classic_matrix/style.css b/extras/html/themes/classic_matrix/style.css
index 04b8109..b966c8c 100644
--- a/extras/html/themes/classic_matrix/style.css
+++ b/extras/html/themes/classic_matrix/style.css
@@ -20,12 +20,12 @@
 }
 
 :root {
-    --color-bg: #0a0012;
-    --color-text: #e5ccff;
-    --color-primary: #ff0090;
-    --color-secondary: #00f0ff;
-    --color-accent: #ffee00;
-    --color-glow: #ff009033;
+    --color-bg: #1a1a2a;
+    --color-text: #ffffff;
+    --color-primary: #ff66b2;
+    --color-secondary: #66ffff;
+    --color-accent: #ffff99;
+    --color-glow: rgba(255, 102, 178, 0.4);
 }
 
 * {
@@ -37,6 +37,30 @@ html {
     background-color: var(--color-bg);
     min-height: 100vh;
 }
+/* Terminal scan effect */
+@keyframes terminal-scan {
+    0% { transform: translateY(-100%); }
+    100% { transform: translateY(100vh); }
+}
+
+html::before {
+    content: "";
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 100px;
+    background: linear-gradient(
+        180deg,
+        transparent 0%,
+        rgba(102, 255, 255, 0.03) 50%,
+        transparent 100%
+    );
+    pointer-events: none;
+    z-index: 9999;
+    animation: terminal-scan 12s linear infinite;
+}
+
 
 body {
     font-family: text, monospace;
@@ -49,6 +73,8 @@ body {
     max-width: 1400px;
     position: relative;
     overflow-x: auto;
+
+    /* text-shadow removed for sharper text */
 }
 
 /* Retro glow effect */
@@ -59,7 +85,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 100%);
+    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
     pointer-events: none;
     z-index: 2;
 }
@@ -119,8 +145,10 @@ h3::before {
 
 /* Terminal cursor effect */
 @keyframes blink {
-    0%, 49% { opacity: 1; }
-    50%, 100% { opacity: 0; }
+    0%, 49% { opacity: 1;
+}
+    50%, 100% { opacity: 0;
+};
 }
 
 h1::after {
@@ -140,7 +168,7 @@ a {
 
 a:hover {
     color: var(--color-accent);
-    text-shadow: 0 0 5px var(--color-glow);
+    /* text-shadow removed for sharper text */
 }
 
 a::after {
@@ -170,7 +198,7 @@ a:hover::after {
     border-right: 4px solid var(--color-accent);
     padding: 1em 2em;
     margin: 2em 0;
-    background-color: rgba(255, 255, 255, 0.02);
+    background-color: rgba(255, 255, 255, 0.05);
     font-style: italic;
     position: relative;
 }
@@ -197,7 +225,7 @@ a:hover::after {
 /* Code blocks with terminal styling */
 pre {
     font-family: code, monospace;
-    background-color: rgba(0, 0, 0, 0.5);
+    background-color: rgba(0, 0, 0, 0.3);
     border: 1px solid var(--color-primary);
     padding: 1.5em;
     overflow-x: auto;
@@ -281,16 +309,44 @@ p {
 
 /* Special retro effects */
 @keyframes glitch {
-    0%, 100% { text-shadow: 0 0 5px var(--color-glow); }
-    25% { text-shadow: -2px 0 var(--color-accent), 2px 0 var(--color-secondary); }
-    50% { text-shadow: 2px 0 var(--color-accent), -2px 0 var(--color-secondary); }
-    75% { text-shadow: 0 0 10px var(--color-glow); }
+    0%, 100% { text-shadow: 0 0 5px var(--color-glow);
+}
+    25% { text-shadow: -2px 0 var(--color-accent), 2px 0 var(--color-secondary);
+}
+    50% { text-shadow: 2px 0 var(--color-accent), -2px 0 var(--color-secondary);
+}
+    75% { text-shadow: 0 0 10px var(--color-glow);
+};
 }
 
 h1:hover {
     animation: glitch 0.3s infinite;
 }
 
+/* Terminal scan refresh */
+@keyframes terminal-scan {
+    0% { transform: translateY(-100%); }
+    100% { transform: translateY(100%); }
+}
+
+body::after {
+    content: "";
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 100px;
+    background: linear-gradient(
+        180deg,
+        transparent 0%,
+        rgba(255, 255, 255, 0.02) 50%,
+        transparent 100%
+    );
+    pointer-events: none;
+    z-index: 5;
+    animation: terminal-scan 8s linear infinite;
+}
+
 /* Footer styling */
 .footer {
     margin-top: 4em;