Colors: Finish off converting all the colors

assets/css/010_colors.css

@@ -198,83 +198,58 @@ hr {
     user-select: none;
     margin-right: 0.4em;
     padding: 0 0.4em 0 0.4em;
-    color: #7f7f7f;
-  }
-
-  /* NameAttribute */
-  .na {
-    color: #a6e22e;
-  }
-
-  /* NameClass */
-  .nc {
-    color: #a6e22e;
-  }
-
-  /* NameConstant */
-  .no {
-    color: #66d9ef;
+    color: var(--text-color-secondary);
   }
 
+  /* name: attribute */
+  /* name: class */
   /* name: decorator */
-  .nd {
-    color: #a6e22e;
+  .na, .nc, .nd {
+    color: var(--green);
+  }
+
+  /* name: constant */
+  .no {
+    color: var(--cyan);
   }
 
   /* name: exception */
   .ne {
-    color: var(--green);
+    color: var(--pink);
     font-weight: bolder;
   }
 
-  /* NameFunction */
+  /* name: function */
   .nf {
     color: var(--green);
   }
 
-  /* NameOther */
+  /* name: other */
   .nx {
-    color: #a6e22e;
+    color: var(--green);
   }
 
-  /* NameTag */
+  /* name: tag */
   .nt {
-    color: #f92672;
+    color: var(--red);
   }
 
-  /* Literal */
+  /* literal */
   .l {
-    color: #ae81ff;
+    color: var(--cyan);
   }
 
-  /* LiteralDate */
+  /* literal: date */
   .ld {
-    color: #e6db74;
+    color: var(--yellow);
   }
 
-  /* LiteralString */
-  .s {
-    color: #e6db74;
-  }
-
-  /* LiteralStringBacktick */
-  .sb {
-    color: #e6db74;
-  }
-
-  /* LiteralStringChar */
-  .sc {
-    color: #e6db74;
-  }
-
-  /* LiteralStringDelimiter */
-  .dl {
-    color: #e6db74;
-  }
-
-  /* LiteralNumberIntegerLong */
-  .il {
-    color: #ae81ff;
+  /* literal: string, delimiter */
+  /* literal: string */
+  /* literal: string, backtick */
+  /* literal: string, char */
+  .dl, .s, .sb, .sc {
+    color: var(--yellow);
   }
 
   /* literal: number */
@@ -282,16 +257,13 @@ hr {
   /* literal: number, float */
   /* literal: number, hex */
   /* literal: number, integer */
-  .m, .mb, .mf, .mh, .mi {
-    color: var(--purple);
+  /* literal: number, integer, long
+  /* literal: number, octal */
+  .il, .m, .mb, .mf, .mh, .mi, .mo {
+    color: var(--yellow);
     font-weight: bolder;
   }
 
-  /* LiteralNumberOct */
-  .mo {
-    color: #ae81ff;
-  }
-
   /* name: built-in */
   .nb {
     color: var(--green);
@@ -302,39 +274,23 @@ hr {
     color: var(--orange);
   }
 
-  /* OperatorWord */
+  /* operator: word */
   .ow {
-    color: #f92672;
+    color: var(--red);
   }
 
-  /* LiteralStringDoc */
-  .sd {
-    color: #e6db74;
+  /* literal: string, double */
+  /* literal: string, doc */
+  /* literal: string, heredoc */
+  /* literal: string, interpol */
+  /* literal: string, other */
+  .s2, .sd, .sh, .si, .sx {
+    color: var(--yellow);
   }
 
-  /* LiteralStringDouble */
-  .s2 {
-    color: #e6db74;
-  }
-
-  /* LiteralStringEscape */
+  /* literal: string escape */
   .se {
-    color: #ae81ff;
-  }
-
-  /* LiteralStringHeredoc */
-  .sh {
-    color: #e6db74;
-  }
-
-  /* LiteralStringInterpol */
-  .si {
-    color: #e6db74;
-  }
-
-  /* LiteralStringOther */
-  .sx {
-    color: #e6db74;
+    color: var(--purple);
   }
 
   /* literal: string, regex */
@@ -357,31 +313,31 @@ hr {
   /* comment: preproc */
   /* comment: preproc file */
   .c, .ch, .cm, .c1, .cs, .cp, .cpf {
-    color: #75715e;
+    color: var(--comment);
   }
 
-  /* GenericDeleted */
+  /* generic: deleted */
   .gd {
-    color: #f92672;
+    color: var(--red);
   }
 
-  /* GenericEmph */
+  /* generic: emphasized */
   .ge {
     font-style: italic;
   }
 
-  /* GenericInserted */
+  /* generic: inserted */
   .gi {
-    color: #a6e22e;
+    color: var(--green);
   }
 
-  /* GenericStrong */
+  /* generic: string */
   .gs {
     font-weight: bold;
   }
 
-  /* GenericSubheading */
+  /* generic: subheading */
   .gu {
-    color: #75715e;
+    color: var(--text-color-secondary);
   }
 }