minor SVG fixes

img/all.svg

@@ -7,7 +7,7 @@
       stroke-width: .5px;
     }
     text {
-      fill: #999;
+      fill: #bbb;
       font: normal 20px sans-serif;
       text-align: center;
       text-anchor: middle;
@@ -31,14 +31,16 @@
     .layerMod, .colorMod { fill: #333; }
     .layerSym, .colorSym { fill: blue; }
     .layerNav, .colorNav { fill: #e83; }
+    #row_AA    .level2   { fill: #333; }
 
     @media (prefers-color-scheme: dark) {
-      text                 { fill: #888; }
+      text                 { fill: #666; }
       rect                 { fill: #444; }
       .dualKey             { fill: #666; }
       .layerMod, .colorMod { fill: #eee; }
       .layerSym, .colorSym { fill: #99f; }
       .layerNav, .colorNav { fill: #e83; }
+      #row_AA .level2      { fill: #ccc; }
     }
   </style>
 
@@ -47,7 +49,7 @@
       <g transform="translate(90)">
         <rect width="52" height="52" rx="5" ry="5"/>
         <text x="12.8" y="20.6" class="level2">Q</text>
-        <text x="38.0" y="20.6" class="layerNav">⇥</text>
+        <text x="38.0" y="20.6" class="layerNav">↹</text>
         <text x="38.0" y="43.4" class="layerSym">@</text>
       </g>
       <g transform="translate(150)">
@@ -183,7 +185,7 @@
         <text x="12.8" y="43.4" class="level1">;</text>
         <text x="12.8" y="20.6" class="level2">:</text>
         <text x="38.0" y="20.6" class="layerNav">0</text>
-        <text x="38.0" y="43.4" class="layerSym">!</text>
+        <text x="38.0" y="43.4" class="layerSym">"</text>
       </g>
     </g>
   </g>

img/index.html

@@ -20,15 +20,18 @@
   <img src="all.svg">
   <h2> Base </h2>
   <img src="base.svg">
-	<br>
+  <br>
   <img src="base_easy.svg">
-	<br>
+  <br>
   <img src="base_hrm.svg">
   <h2> Symbols </h2>
   <img src="symbols.svg">
+
+  <h1> Selenium33 </h1>
+  <img src="../mods/selenium33/img/all.svg">
   <h2> Navigation </h2>
   <img src="navigation.svg">
   <h2> NumRow </h2>
-  <img src="numrow.svg">
+  <img src="../mods/selenium33/img/numrow.svg">
 </body>
 </html>

img/navigation.svg

@@ -104,7 +104,7 @@
       <g transform="translate(270)">
         <rect width="52" height="52" rx="5" ry="5"/>
         <text x="12.8" y="20.6" class="level2">F</text>
-        <text x="38.0" y="43.4" class="layerNav">⇥</text>
+        <text x="38.0" y="43.4" class="layerNav">↹</text>
       </g>
       <g transform="translate(330)">
         <rect width="52" height="52" rx="5" ry="5"/>
@@ -205,8 +205,8 @@
   <g id="row_AA">
     <g transform="translate(180)">
       <rect width="82" height="52" rx="5" ry="5"/>
-      <text x="12.8" y="20.6" class="level2" style="font-size: 14px;">⌫</text>
-      <text x="64.8" y="42.8" class="layerNav" style="font-size: 14px;">⌦</text>
+      <text x="20.5" y="20.6" class="level2" style="font-size: 14px;">⌫</text>
+      <text x="61.5" y="42.8" class="layerNav" style="font-size: 14px;">⌦</text>
     </g>
     <g class="homeKey" transform="translate(270)">
       <rect width="232" height="52" rx="5" ry="5" class="layerNav"/>
@@ -214,8 +214,8 @@
     </g>
     <g transform="translate(510)">
       <rect width="82" height="52" rx="5" ry="5"/>
-      <text x="12.8" y="23.6" class="level2">⏎</text>
-      <text x="64.8" y="42.8" class="layerNav">⎋</text>
+      <text x="20.5" y="23.6" class="level2">⏎</text>
+      <text x="61.5" y="42.8" class="layerNav">⎋</text>
     </g>
   </g>
 

mods/selenium33/img/all.svg

@@ -7,7 +7,7 @@
       stroke-width: .5px;
     }
     text {
-      fill: #999;
+      fill: #bbb;
       font: normal 20px sans-serif;
       text-align: center;
       text-anchor: middle;
@@ -29,14 +29,16 @@
     .layerMod, .colorMod { fill: #333; }
     .layerSym, .colorSym { fill: blue; }
     .layerNav, .colorNav { fill: #e83; }
+    #row_AA    .level2   { fill: #333; }
 
     @media (prefers-color-scheme: dark) {
-      text                 { fill: #888; }
+      text                 { fill: #666; }
       rect                 { fill: #444; }
       .dualKey             { fill: #666; }
       .layerMod, .colorMod { fill: #eee; }
       .layerSym, .colorSym { fill: #99f; }
       .layerNav, .colorNav { fill: #e83; }
+      #row_AA .level2      { fill: #ccc; }
     }
   </style>