Fix CRT theme readability and adjust retro glow effectsexperimental

- Fixed CRT overlay opacity from 40% to 15% for better readability
- Brightened 10 dark CRT themes with lighter backgrounds and text colors
- Updated retro glow effect transparency from 0%-125% to 75%-100% for subtler vignette
- Improved readability for themes with black/dark backgrounds

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>

50 files changed, 81 insertions, 81 deletions

diff --git a/extras/html/themes/analog_buffer/style.css b/extras/html/themes/analog_buffer/style.css
index e29b7c5..3e3cda1 100644
--- a/extras/html/themes/analog_buffer/style.css
+++ b/extras/html/themes/analog_buffer/style.css
@@ -59,7 +59,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/analog_dimension/style.css b/extras/html/themes/analog_dimension/style.css
index 772ada0..481bd1d 100644
--- a/extras/html/themes/analog_dimension/style.css
+++ b/extras/html/themes/analog_dimension/style.css
@@ -85,7 +85,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/arcade_pulse/style.css b/extras/html/themes/arcade_pulse/style.css
index d882bf0..2fdf07e 100644
--- a/extras/html/themes/arcade_pulse/style.css
+++ b/extras/html/themes/arcade_pulse/style.css
@@ -20,8 +20,8 @@
 }
 
 :root {
-    --color-bg: #000000;
-    --color-text: #00ff41;
+    --color-bg: #0a1a0a;
+    --color-text: #33ff66;
     --color-primary: #00ff41;
     --color-secondary: #008f11;
     --color-accent: #00ff00;
@@ -70,7 +70,7 @@ html::after {
     left: -5%;
     right: -5%;
     bottom: -5%;
-    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
+    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
     pointer-events: none;
     z-index: 10000;
 }
@@ -104,7 +104,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/binary_compiler/style.css b/extras/html/themes/binary_compiler/style.css
index b705ffb..8af6f88 100644
--- a/extras/html/themes/binary_compiler/style.css
+++ b/extras/html/themes/binary_compiler/style.css
@@ -59,7 +59,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/binary_system/style.css b/extras/html/themes/binary_system/style.css
index 459e0fd..c562107 100644
--- a/extras/html/themes/binary_system/style.css
+++ b/extras/html/themes/binary_system/style.css
@@ -20,7 +20,7 @@
 }
 
 :root {
-    --color-bg: #0000aa;
+    --color-bg: #1a1a66;
     --color-text: #ffffff;
     --color-primary: #ffff00;
     --color-secondary: #00ffff;
@@ -70,7 +70,7 @@ html::after {
     left: -5%;
     right: -5%;
     bottom: -5%;
-    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
+    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
     pointer-events: none;
     z-index: 10000;
 }
@@ -104,7 +104,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/binary_terminal/style.css b/extras/html/themes/binary_terminal/style.css
index 268062e..648ed60 100644
--- a/extras/html/themes/binary_terminal/style.css
+++ b/extras/html/themes/binary_terminal/style.css
@@ -85,7 +85,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/cathode_dimension/style.css b/extras/html/themes/cathode_dimension/style.css
index 8b8aac5..e959ce1 100644
--- a/extras/html/themes/cathode_dimension/style.css
+++ b/extras/html/themes/cathode_dimension/style.css
@@ -90,7 +90,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/cathode_gateway/style.css b/extras/html/themes/cathode_gateway/style.css
index d189ea0..8b2aef0 100644
--- a/extras/html/themes/cathode_gateway/style.css
+++ b/extras/html/themes/cathode_gateway/style.css
@@ -69,7 +69,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/cathode_simulation/style.css b/extras/html/themes/cathode_simulation/style.css
index 85aac95..88c3c4c 100644
--- a/extras/html/themes/cathode_simulation/style.css
+++ b/extras/html/themes/cathode_simulation/style.css
@@ -20,8 +20,8 @@
 }
 
 :root {
-    --color-bg: #000014;
-    --color-text: #00ccff;
+    --color-bg: #0a0a2a;
+    --color-text: #66ddff;
     --color-primary: #0099ff;
     --color-secondary: #00ddff;
     --color-accent: #00ffff;
@@ -70,7 +70,7 @@ html::after {
     left: -5%;
     right: -5%;
     bottom: -5%;
-    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
+    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
     pointer-events: none;
     z-index: 10000;
 }
@@ -104,7 +104,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/circuit_circuit/style.css b/extras/html/themes/circuit_circuit/style.css
index 016c35a..5897714 100644
--- a/extras/html/themes/circuit_circuit/style.css
+++ b/extras/html/themes/circuit_circuit/style.css
@@ -122,7 +122,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/circuit_processor/style.css b/extras/html/themes/circuit_processor/style.css
index b27cbca..9a0763c 100644
--- a/extras/html/themes/circuit_processor/style.css
+++ b/extras/html/themes/circuit_processor/style.css
@@ -122,7 +122,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/classic_matrix/style.css b/extras/html/themes/classic_matrix/style.css
index b966c8c..36b7546 100644
--- a/extras/html/themes/classic_matrix/style.css
+++ b/extras/html/themes/classic_matrix/style.css
@@ -85,7 +85,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/classic_processor/style.css b/extras/html/themes/classic_processor/style.css
index 952f4a4..109bce2 100644
--- a/extras/html/themes/classic_processor/style.css
+++ b/extras/html/themes/classic_processor/style.css
@@ -69,7 +69,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/classic_wave/style.css b/extras/html/themes/classic_wave/style.css
index 560e47a..adf6b92 100644
--- a/extras/html/themes/classic_wave/style.css
+++ b/extras/html/themes/classic_wave/style.css
@@ -122,7 +122,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/cosmic_cache/style.css b/extras/html/themes/cosmic_cache/style.css
index 2a4d4e3..1fe95e7 100644
--- a/extras/html/themes/cosmic_cache/style.css
+++ b/extras/html/themes/cosmic_cache/style.css
@@ -59,7 +59,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/cosmic_grid/style.css b/extras/html/themes/cosmic_grid/style.css
index 8bda3de..ad26a89 100644
--- a/extras/html/themes/cosmic_grid/style.css
+++ b/extras/html/themes/cosmic_grid/style.css
@@ -70,7 +70,7 @@ html::after {
     left: -5%;
     right: -5%;
     bottom: -5%;
-    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
+    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
     pointer-events: none;
     z-index: 10000;
 }
@@ -104,7 +104,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/cosmic_prism/style.css b/extras/html/themes/cosmic_prism/style.css
index e3421ca..509582e 100644
--- a/extras/html/themes/cosmic_prism/style.css
+++ b/extras/html/themes/cosmic_prism/style.css
@@ -122,7 +122,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/cosmic_reactor/style.css b/extras/html/themes/cosmic_reactor/style.css
index 8a3bc05..519de91 100644
--- a/extras/html/themes/cosmic_reactor/style.css
+++ b/extras/html/themes/cosmic_reactor/style.css
@@ -90,7 +90,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/cyber_database/style.css b/extras/html/themes/cyber_database/style.css
index 24dd038..870977f 100644
--- a/extras/html/themes/cyber_database/style.css
+++ b/extras/html/themes/cyber_database/style.css
@@ -69,7 +69,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/cyber_sphere/style.css b/extras/html/themes/cyber_sphere/style.css
index ce30007..2229b9c 100644
--- a/extras/html/themes/cyber_sphere/style.css
+++ b/extras/html/themes/cyber_sphere/style.css
@@ -70,7 +70,7 @@ html::after {
     left: -5%;
     right: -5%;
     bottom: -5%;
-    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
+    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
     pointer-events: none;
     z-index: 10000;
 }
@@ -104,7 +104,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/fusion_core/style.css b/extras/html/themes/fusion_core/style.css
index 6ee4c3b..996e55c 100644
--- a/extras/html/themes/fusion_core/style.css
+++ b/extras/html/themes/fusion_core/style.css
@@ -20,8 +20,8 @@
 }
 
 :root {
-    --color-bg: #000014;
-    --color-text: #00ccff;
+    --color-bg: #0a0a2a;
+    --color-text: #66ddff;
     --color-primary: #0099ff;
     --color-secondary: #00ddff;
     --color-accent: #00ffff;
@@ -70,7 +70,7 @@ html::after {
     left: -5%;
     right: -5%;
     bottom: -5%;
-    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
+    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
     pointer-events: none;
     z-index: 10000;
 }
@@ -104,7 +104,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/grid_engine/style.css b/extras/html/themes/grid_engine/style.css
index e493adb..c99a66f 100644
--- a/extras/html/themes/grid_engine/style.css
+++ b/extras/html/themes/grid_engine/style.css
@@ -69,7 +69,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/laser_core/style.css b/extras/html/themes/laser_core/style.css
index 73c19e2..2860a61 100644
--- a/extras/html/themes/laser_core/style.css
+++ b/extras/html/themes/laser_core/style.css
@@ -20,8 +20,8 @@
 }
 
 :root {
-    --color-bg: #000000;
-    --color-text: #e0e0e0;
+    --color-bg: #0a0a0a;
+    --color-text: #f0f0f0;
     --color-primary: #ffffff;
     --color-secondary: #cccccc;
     --color-accent: #aaaaaa;
@@ -70,7 +70,7 @@ html::after {
     left: -5%;
     right: -5%;
     bottom: -5%;
-    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
+    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
     pointer-events: none;
     z-index: 10000;
 }
@@ -104,7 +104,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/magnetic_processor/style.css b/extras/html/themes/magnetic_processor/style.css
index c253db1..d050dae 100644
--- a/extras/html/themes/magnetic_processor/style.css
+++ b/extras/html/themes/magnetic_processor/style.css
@@ -20,7 +20,7 @@
 }
 
 :root {
-    --color-bg: #0000aa;
+    --color-bg: #1a1a66;
     --color-text: #ffffff;
     --color-primary: #ffff00;
     --color-secondary: #00ffff;
@@ -70,7 +70,7 @@ html::after {
     left: -5%;
     right: -5%;
     bottom: -5%;
-    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
+    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
     pointer-events: none;
     z-index: 10000;
 }
@@ -104,7 +104,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/mainframe_void/style.css b/extras/html/themes/mainframe_void/style.css
index ac51574..0af2958 100644
--- a/extras/html/themes/mainframe_void/style.css
+++ b/extras/html/themes/mainframe_void/style.css
@@ -59,7 +59,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/matrix_cache/style.css b/extras/html/themes/matrix_cache/style.css
index 11510f3..a2ea8aa 100644
--- a/extras/html/themes/matrix_cache/style.css
+++ b/extras/html/themes/matrix_cache/style.css
@@ -90,7 +90,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/monochrome_prism/style.css b/extras/html/themes/monochrome_prism/style.css
index 9b191ca..dc3ad5f 100644
--- a/extras/html/themes/monochrome_prism/style.css
+++ b/extras/html/themes/monochrome_prism/style.css
@@ -20,8 +20,8 @@
 }
 
 :root {
-    --color-bg: #000014;
-    --color-text: #00ccff;
+    --color-bg: #0a0a2a;
+    --color-text: #66ddff;
     --color-primary: #0099ff;
     --color-secondary: #00ddff;
     --color-accent: #00ffff;
@@ -70,7 +70,7 @@ html::after {
     left: -5%;
     right: -5%;
     bottom: -5%;
-    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
+    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
     pointer-events: none;
     z-index: 10000;
 }
@@ -104,7 +104,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/neon_deck/style.css b/extras/html/themes/neon_deck/style.css
index 881d73b..2a75ce0 100644
--- a/extras/html/themes/neon_deck/style.css
+++ b/extras/html/themes/neon_deck/style.css
@@ -20,8 +20,8 @@
 }
 
 :root {
-    --color-bg: #000000;
-    --color-text: #00ff41;
+    --color-bg: #0a1a0a;
+    --color-text: #33ff66;
     --color-primary: #00ff41;
     --color-secondary: #008f11;
     --color-accent: #00ff00;
@@ -70,7 +70,7 @@ html::after {
     left: -5%;
     right: -5%;
     bottom: -5%;
-    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
+    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
     pointer-events: none;
     z-index: 10000;
 }
@@ -104,7 +104,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/neutron_console/style.css b/extras/html/themes/neutron_console/style.css
index 07b429a..51703a9 100644
--- a/extras/html/themes/neutron_console/style.css
+++ b/extras/html/themes/neutron_console/style.css
@@ -85,7 +85,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/neutron_gateway/style.css b/extras/html/themes/neutron_gateway/style.css
index e652c16..0cfcb5d 100644
--- a/extras/html/themes/neutron_gateway/style.css
+++ b/extras/html/themes/neutron_gateway/style.css
@@ -59,7 +59,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/neutron_portal/style.css b/extras/html/themes/neutron_portal/style.css
index 8d12462..955ab38 100644
--- a/extras/html/themes/neutron_portal/style.css
+++ b/extras/html/themes/neutron_portal/style.css
@@ -85,7 +85,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/outrun_memory/style.css b/extras/html/themes/outrun_memory/style.css
index 2292d2f..5cb458b 100644
--- a/extras/html/themes/outrun_memory/style.css
+++ b/extras/html/themes/outrun_memory/style.css
@@ -69,7 +69,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/phosphor_engine/style.css b/extras/html/themes/phosphor_engine/style.css
index 0babf44..04f5ca7 100644
--- a/extras/html/themes/phosphor_engine/style.css
+++ b/extras/html/themes/phosphor_engine/style.css
@@ -90,7 +90,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/phosphor_runtime/style.css b/extras/html/themes/phosphor_runtime/style.css
index b0d445b..3b3f130 100644
--- a/extras/html/themes/phosphor_runtime/style.css
+++ b/extras/html/themes/phosphor_runtime/style.css
@@ -70,7 +70,7 @@ html::after {
     left: -5%;
     right: -5%;
     bottom: -5%;
-    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
+    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
     pointer-events: none;
     z-index: 10000;
 }
@@ -104,7 +104,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/phosphor_stream/style.css b/extras/html/themes/phosphor_stream/style.css
index c79865d..3ef4978 100644
--- a/extras/html/themes/phosphor_stream/style.css
+++ b/extras/html/themes/phosphor_stream/style.css
@@ -70,7 +70,7 @@ html::after {
     left: -5%;
     right: -5%;
     bottom: -5%;
-    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
+    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
     pointer-events: none;
     z-index: 10000;
 }
@@ -104,7 +104,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/pixel_portal/style.css b/extras/html/themes/pixel_portal/style.css
index acb47d2..22409bb 100644
--- a/extras/html/themes/pixel_portal/style.css
+++ b/extras/html/themes/pixel_portal/style.css
@@ -59,7 +59,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/quantum_core/style.css b/extras/html/themes/quantum_core/style.css
index b698e03..5f19eb9 100644
--- a/extras/html/themes/quantum_core/style.css
+++ b/extras/html/themes/quantum_core/style.css
@@ -122,7 +122,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/quantum_matrix/style.css b/extras/html/themes/quantum_matrix/style.css
index 0905111..565a805 100644
--- a/extras/html/themes/quantum_matrix/style.css
+++ b/extras/html/themes/quantum_matrix/style.css
@@ -69,7 +69,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/retro_nexus/style.css b/extras/html/themes/retro_nexus/style.css
index e1462ac..6933895 100644
--- a/extras/html/themes/retro_nexus/style.css
+++ b/extras/html/themes/retro_nexus/style.css
@@ -90,7 +90,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/silicon_prism/style.css b/extras/html/themes/silicon_prism/style.css
index f4ed2af..843f338 100644
--- a/extras/html/themes/silicon_prism/style.css
+++ b/extras/html/themes/silicon_prism/style.css
@@ -122,7 +122,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/stellar_console/style.css b/extras/html/themes/stellar_console/style.css
index 2a7d322..fa6458a 100644
--- a/extras/html/themes/stellar_console/style.css
+++ b/extras/html/themes/stellar_console/style.css
@@ -85,7 +85,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/synthwave_mainframe/style.css b/extras/html/themes/synthwave_mainframe/style.css
index 3c85d9c..c54e533 100644
--- a/extras/html/themes/synthwave_mainframe/style.css
+++ b/extras/html/themes/synthwave_mainframe/style.css
@@ -59,7 +59,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/synthwave_nexus/style.css b/extras/html/themes/synthwave_nexus/style.css
index 9e9c2ae..1a85b63 100644
--- a/extras/html/themes/synthwave_nexus/style.css
+++ b/extras/html/themes/synthwave_nexus/style.css
@@ -122,7 +122,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/terminal_console/style.css b/extras/html/themes/terminal_console/style.css
index 2d7ceeb..c1589ae 100644
--- a/extras/html/themes/terminal_console/style.css
+++ b/extras/html/themes/terminal_console/style.css
@@ -85,7 +85,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/terminal_hub/style.css b/extras/html/themes/terminal_hub/style.css
index 905537e..9433956 100644
--- a/extras/html/themes/terminal_hub/style.css
+++ b/extras/html/themes/terminal_hub/style.css
@@ -85,7 +85,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/transistor_dimension/style.css b/extras/html/themes/transistor_dimension/style.css
index c6b0a78..56c4e64 100644
--- a/extras/html/themes/transistor_dimension/style.css
+++ b/extras/html/themes/transistor_dimension/style.css
@@ -69,7 +69,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/transistor_node/style.css b/extras/html/themes/transistor_node/style.css
index abb11ff..becec05 100644
--- a/extras/html/themes/transistor_node/style.css
+++ b/extras/html/themes/transistor_node/style.css
@@ -20,8 +20,8 @@
 }
 
 :root {
-    --color-bg: #000014;
-    --color-text: #00ccff;
+    --color-bg: #0a0a2a;
+    --color-text: #66ddff;
     --color-primary: #0099ff;
     --color-secondary: #00ddff;
     --color-accent: #00ffff;
@@ -70,7 +70,7 @@ html::after {
     left: -5%;
     right: -5%;
     bottom: -5%;
-    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
+    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
     pointer-events: none;
     z-index: 10000;
 }
@@ -104,7 +104,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/transistor_pulse/style.css b/extras/html/themes/transistor_pulse/style.css
index f5f7554..89c2bca 100644
--- a/extras/html/themes/transistor_pulse/style.css
+++ b/extras/html/themes/transistor_pulse/style.css
@@ -20,7 +20,7 @@
 }
 
 :root {
-    --color-bg: #0000aa;
+    --color-bg: #1a1a66;
     --color-text: #ffffff;
     --color-primary: #ffff00;
     --color-secondary: #00ffff;
@@ -70,7 +70,7 @@ html::after {
     left: -5%;
     right: -5%;
     bottom: -5%;
-    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
+    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
     pointer-events: none;
     z-index: 10000;
 }
@@ -104,7 +104,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/vacuum_array/style.css b/extras/html/themes/vacuum_array/style.css
index 8acd709..00e9a55 100644
--- a/extras/html/themes/vacuum_array/style.css
+++ b/extras/html/themes/vacuum_array/style.css
@@ -90,7 +90,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }
diff --git a/extras/html/themes/vector_compiler/style.css b/extras/html/themes/vector_compiler/style.css
index 01b9ee4..1ed335c 100644
--- a/extras/html/themes/vector_compiler/style.css
+++ b/extras/html/themes/vector_compiler/style.css
@@ -59,7 +59,7 @@ body::before {
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 125%);
+    background: radial-gradient(ellipse at center, transparent 75%, var(--color-bg) 100%);
     pointer-events: none;
     z-index: 2;
 }