Add a more neutral color for non-emphasized lines

3 files changed, 15 insertions, 13 deletions

diff --git a/docs/doc/depth.html b/docs/doc/depth.html
index 2b975c4e..02af36ad 100644
--- a/docs/doc/depth.html
+++ b/docs/doc/depth.html
@@ -9,21 +9,21 @@
   <g font-family='BQN,monospace' font-size='16px' text-anchor='middle' fill='currentColor' stroke-width='0' stroke='currentColor' stroke-linecap='round'>
     <rect class='code' stroke-width='1.5' rx='12' x='-192' y='-32' width='384' height='172'/>
     <text dy='-0.2em' class='Number'>3</text>
-    <line stroke-width='2' class='purple' opacity='0.8' x2='-72' y2='22'/>
-    <line stroke-width='2' class='purple' opacity='0.8' x2='48' y2='22'/>
-    <line stroke-width='2' class='purple' opacity='0.8' x2='120' y2='22'/>
+    <line class='lilac' stroke-width='2' x2='-72' y2='22'/>
+    <line class='lilac' stroke-width='2' x2='48' y2='22'/>
+    <line class='lilac' stroke-width='2' x2='120' y2='22'/>
     <g transform='translate(-72 40)'>
       <text dy='-0.2em' class='Number'>2</text>
-      <line stroke-width='2' class='purple' opacity='0.8' x2='-72' y2='22'/>
-      <line stroke-width='2' class='purple' opacity='0.8' x2='24' y2='22'/>
+      <line class='lilac' stroke-width='2' x2='-72' y2='22'/>
+      <line class='lilac' stroke-width='2' x2='24' y2='22'/>
       <g transform='translate(-72 40)'>
         <text dy='-0.2em' class='Number'>0</text>
       </g>
       <g transform='translate(24 40)'>
         <text dy='-0.2em' class='Number'>1</text>
-        <line stroke-width='2' class='purple' opacity='0.8' x2='-48' y2='22'/>
-        <line stroke-width='2' class='purple' opacity='0.8' x2='0' y2='22'/>
-        <line stroke-width='2' class='purple' opacity='0.8' x2='48' y2='22'/>
+        <line class='lilac' stroke-width='2' x2='-48' y2='22'/>
+        <line class='lilac' stroke-width='2' x2='0' y2='22'/>
+        <line class='lilac' stroke-width='2' x2='48' y2='22'/>
         <g transform='translate(-48 40)'>
           <text dy='-0.2em' class='Number'>0</text>
         </g>
@@ -40,8 +40,8 @@
     </g>
     <g transform='translate(120 40)'>
       <text dy='-0.2em' class='Number'>1</text>
-      <line stroke-width='2' class='purple' opacity='0.8' x2='-24' y2='22'/>
-      <line stroke-width='2' class='purple' opacity='0.8' x2='24' y2='22'/>
+      <line class='lilac' stroke-width='2' x2='-24' y2='22'/>
+      <line class='lilac' stroke-width='2' x2='24' y2='22'/>
       <g transform='translate(-24 40)'>
         <text dy='-0.2em' class='Number'>0</text>
       </g>
diff --git a/docs/doc/replicate.html b/docs/doc/replicate.html
index 752fc7e1..2f81bce5 100644
--- a/docs/doc/replicate.html
+++ b/docs/doc/replicate.html
@@ -50,15 +50,15 @@
     <text dy='0.29em' x='192' y='127.6'><tspan class='Number'>4</tspan></text>
     <text dy='0.29em' x='240' y='127.6'><tspan class='Number'>5</tspan></text>
     <text dy='0.29em' x='288' y='127.6'><tspan class='Number'>5</tspan></text>
-    <g stroke-linecap='round' stroke='currentColor' opacity='0.7'>
-      <g stroke-width='0.4'>
+    <g class='lilac' stroke-linecap='round'>
+      <g stroke-width='0.6'>
         <line x1='0' x2='0' y1='9.9' y2='23.1'/>
         <line x1='144' x2='144' y1='9.9' y2='23.1'/>
         <line x1='288' x2='288' y1='9.9' y2='23.1'/>
         <line x1='336' x2='336' y1='9.9' y2='23.1'/>
         <line x1='384' x2='384' y1='9.9' y2='23.1'/>
       </g>
-      <g stroke-width='1.5'>
+      <g stroke-width='1.8'>
         <line x1='48' x2='48' y1='9.9' y2='23.1'/>
         <line x1='96' x2='96' y1='9.9' y2='23.1'/>
         <line x1='192' x2='192' y1='9.9' y2='23.1'/>
diff --git a/docs/style.css b/docs/style.css
index 7e66cf6c..c6db8eb3 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -215,12 +215,14 @@ svg tspan {
   fill: currentColor;
 }
 .purple    { fill:#d6afe0; stroke:#3d1b46; } text.purple    { fill:#3b1346; stroke:none; }
+.lilac     { fill:none;    stroke:#736480; } text.lilac     { fill:#3b373e; stroke:none; }
 .bluegreen { fill:#55cbcb; stroke:#1c4e4e; } text.bluegreen { fill:#113939; stroke:none; }
 .yellow    { fill:#e2d17f; stroke:#a28237; } text.yellow    { fill:#7a5a0e; stroke:none; }
 .red       { fill:#ce8379; stroke:#861d17; } text.red       { fill:#510d09; stroke:none; }
 .green     { fill:#6fb360; stroke:#1b6720; } text.green     { fill:#14401a; stroke:none; }
 @media (prefers-color-scheme: dark) {
 .purple    { fill:#241922; stroke:#612d86; } text.purple    { fill:#6e2ca0; stroke:none; }
+.lilac     { fill:none;    stroke:#5a4d6a; } text.lilac     { fill:#8a8285; stroke:none; }
 .bluegreen { fill:#0e2525; stroke:#297f7f; } text.bluegreen { fill:#578d8d; stroke:none; }
 .yellow    { fill:#5b4b25; stroke:#a27e2a; } text.yellow    { fill:#9d7925; stroke:none; }
 .red       { fill:#532923; stroke:#ae251e; } text.red       { fill:#a6221a; stroke:none; }