--

public/tools/tls-test/assets/tls-test.css

@@ -3,7 +3,7 @@
  * Palette comes from /public/assets/css/style.css
  *   #1A1A1A = page bg        #272727 = block bg
  *   #202020 = input bg       #3a3a3a = border
- *   #E0E0E0 = tx              #939393 = tx-alt
+ *   #E0E0E0 = tx              #939393 = light-grey-alt
  *   #00C878 = bright-green   #00C0FF = bright-blue
  * ===================================================== */
 

public/tools/tls-test/assets/tls-test.js

@@ -16,7 +16,7 @@
         notgood: "bright-yellow",
         bad: "bright-red",
         serious: "bright-purple",
-        info: "tx-alt",
+        info: "light-grey-alt",
     };
     const SEV_LABEL = {
         good: "GOOD",
@@ -44,7 +44,7 @@
         row.className = "tls-log-row";
 
         const cat = document.createElement("span");
-        cat.className = "tls-log-cat text-tx-alt";
+        cat.className = "tls-log-cat text-light-grey-alt";
         cat.textContent = "[" + normalizeStep(category) + "]";
         row.appendChild(cat);
 
@@ -60,13 +60,13 @@
         // Title is always in the default text color (white). Severity is
         // communicated by the coloured label tag, not by tinting the title.
         const msgText = document.createElement("span");
-        msgText.className = "text-tx";
+        msgText.className = "textlight-grey";
         msgText.textContent = body || "";
         msg.appendChild(msgText);
         row.appendChild(msg);
 
         const det = document.createElement("span");
-        det.className = "tls-log-detail text-tx-alt";
+        det.className = "tls-log-detail text-light-grey-alt";
         det.textContent = detail || "";
         row.appendChild(det);