Updating color for code snippets (#22982)

* updating color for code snippets

* Updating using primer colors and matching GitHub.com

* incorporating heiskrs changes

* couple changes

* update color for attr

* remove italic

* remove double addition

Co-authored-by: Octomerger Bot <63058869+Octomerger@users.noreply.github.com>

Author: gracepark

stylesheets/syntax-highlighting.scss

@@ -15,80 +15,70 @@ from https://unpkg.com/highlight.js@9.15.8/styles/github.css
 
 .hljs-comment,
 .hljs-quote {
-  color: var(--color-fg-muted);
-  font-style: italic;
+  color: var(--color-prettylights-syntax-comment);
 }
 
 .hljs-keyword,
-.hljs-selector-tag,
-.hljs-subst {
-  color: var(--color-fg-default);
-  font-weight: bold;
-}
-
-.hljs-number,
-.hljs-literal,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-tag .hljs-attr {
-  color: var(--color-success-fg);
+.hljs-selector-tag {
+  color: var(--color-prettylights-syntax-keyword);
 }
 
 .hljs-string,
-.hljs-doctag {
-  color: var(--color-accent-fg);
+.hljs-doctag,
+.hljs-template-variable {
+  color: var(--color-prettylights-syntax-string);
 }
 
 .hljs-title,
 .hljs-section,
 .hljs-selector-id {
-  color: var(--color-danger-fg);
+  color: var(--color-prettylights-syntax-markup-heading);
   font-weight: bold;
 }
 
+.hljs-type,
+.hljs-class,
+.hljs-variable {
+  color: var(--color-prettylights-syntax-variable);
+}
+
+.hljs-language,
 .hljs-subst {
-  font-weight: normal;
+  color: var(--color-prettylights-syntax-storage-modifier-import);
 }
 
-.hljs-type,
-.hljs-class .hljs-title {
-  color: var(--color-accent-fg);
-  font-weight: bold;
+.hljs-number,
+.hljs-literal,
+.hljs-symbol,
+.hljs-property,
+.hljs-constant {
+  color: var(--color-prettylights-syntax-constant);
 }
 
 .hljs-tag,
 .hljs-name,
-.hljs-attribute {
-  color: var(--color-accent-fg);
-  font-weight: normal;
+.hljs-attribute,
+.hljs-attr {
+  color: var(--color-prettylights-syntax-entity-tag);
 }
 
 .hljs-regexp,
 .hljs-link {
-  color: var(--color-success-fg);
-}
-
-.hljs-symbol,
-.hljs-bullet {
-  color: var(--color-done-fg);
+  color: var(--color-prettylights-syntax-string-regexp);
 }
 
 .hljs-built_in,
-.hljs-builtin-name {
-  color: var(--color-accent-fg);
-}
-
-.hljs-meta {
-  color: var(--color-fg-subtle);
-  font-weight: bold;
+.hljs-builtin-name,
+.hljs-function {
+  color: var(--color-prettylights-syntax-entity);
 }
 
 .hljs-deletion {
-  background: var(--color-danger-subtle);
+  background: var(--color-prettylights-syntax-markup-deleted-bg);
 }
 
 .hljs-addition {
-  background: var(--color-success-subtle);
+  background: var(--color-prettylights-syntax-markup-inserted-bg);
 }
 
 .hljs-emphasis {