web: fix shades on boxes

Author: ToeiRei

docs/styles.css

@@ -459,6 +459,10 @@ body {
   font-family: 'Fira Code', 'JetBrains Mono', monospace;
 }
 
+[data-theme="light"] .step-visual {
+  background: rgba(96, 165, 250, 0.08);
+}
+
 .step-substeps {
   background: rgba(0, 0, 0, 0.2);
   border-left: 3px solid var(--accent);
@@ -467,6 +471,10 @@ body {
   margin: var(--spacing-md) 0;
 }
 
+[data-theme="light"] .step-substeps {
+  background: rgba(96, 165, 250, 0.08);
+}
+
 .substep {
   display: flex;
   gap: var(--spacing-sm);