Update punctuation colour highlighting

Author: sylhare

_sass/base/_highlight.scss

@@ -195,11 +195,15 @@ table.rouge-table {
   .ow{ /* Operator.Word */
     color: var(--base0d)  }
   .p{ /* Punctuation */
-    color: var(--base08)  }
+    color: var(--base05)  }
+  .pi{ /* Name.Property */
+    color: var(--base07)  }
   .py{ /* Name.Property */
     color: var(--base0d)  }
   .s{ /* Literal.String */
     color: var(--base0a)  }
+  .sa{ /* Literal.String.raw */
+    color: var(--base0a)  }
   .sb{ /* Literal.String.Backtick */
     color: var(--base0a)  }
   .sc{ /* Literal.String.Char */

_sass/base/_variables.scss

@@ -82,10 +82,10 @@ html, html[data-theme="light"] {
   --base02: #314549; // Selection Background
   --base03: #546e7a; // Comments, Invisible, Line Highlighting
   --base04: #b2ccd6; // Dark Foreground (Used for status bars)
-  --base05: #eeffff; // Light Foreground (Not often used) - NOT USED
-  --base06: #eeffff; // Highlight, Light Background (Not often used)
+  --base05: #eeffff; // Punctuation
+  --base06: #eeffff; // Highlight, Light Background
   --base07: #ffffff; // Default Foreground, Default text color
-  --base08: #f07178; // Parenthesis, Caret, Delimiters, Operators
+  --base08: #f07178; // Operators (and Parenthesis, Caret, Delimiters)
   --base09: #f78c6c; // Classes, Markup Bold, Search Text Background
   --base0a: #ffcb6b; // Strings, Inherited Class, Markup Code, Diff Inserted
   --base0b: #98c379; // Functions, Methods, Attribute IDs, Headings