Syntax Highlighting Variables

1 files changed, 200 insertions, 0 deletions

diff --git a/sass/include/_syntax.scss b/sass/include/_syntax.scss
new file mode 100644
index 0000000..aecc155
--- /dev/null
+++ b/sass/include/_syntax.scss
@@ -0,0 +1,200 @@
+    // Unstyled Text Color, and background color
+    .z-code {
+        color: var(--f1);//#ccc
+        background-color: var(--bg);
+    }
+    // This is a comment
+    .z-comment {//, .z-punctuation.z-definition.z-comment
+        color: var(--c4);//#888
+        font-style: italic;
+    }
+    // a  (int a;)
+    .z-variable {
+        color: var(--f1);
+    }
+    // "This is a string"
+    .z-string {//, .z-constant.z-other.z-symbol
+        color: var(--h4);
+    }
+    // 10  (a = 10;)
+    .z-constant.z-numeric {
+        color: var(--h2);
+    }
+    // /n
+    .z-constant.z-character.z-escape {//, .z-string.z-regexp
+        color: var(--h5);
+    }
+    // false, true, etc...
+    .z-constant.z-language {
+        color: var(--h2);
+    }
+    // BUF  (const BUF: usize = 10 * 1024;)
+    .z-constant.z-other {//, .z-constant.z-character
+        color: var(--h2);
+    }
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-variable.z-member {
+    //    color: var(--h1);
+    //}
+    // use, crate, let, etc.
+    .z-keyword {//, .z-keyword.z-operator.z-word
+        color: var(--h6);
+    }
+    // = * - + /
+    .z-keyword.z-operator {
+        color: var(--h7);
+    }
+    // separators: commas, colons, etc.  terminator:  endline semicolon, etc.
+    .z-punctuation.z-separator, .z-punctuation.z-terminator {
+        color: var(--f1);
+    }
+    // () [] {}
+    .z-punctuation.z-section {
+        color: var(--f1);
+    }
+    //  .  ::
+    .z-punctuation.z-accessor {
+        color: var(--h2);
+    }
+    //  #  (#[cfg(test)])
+    .z-punctuation.z-definition.z-annotation {
+        color: var(--f1);
+    }
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-variable.z-other.z-dollar.z-only.z-js, .z-variable.z-other.z-object.z-dollar.z-only.z-js, .z-variable.z-type.z-dollar.z-only.z-js, .z-support.z-class.z-dollar.z-only.z-js {
+    //    color: var(--h4);
+    //}
+    // const, pub, mut, Self, fn
+    .z-storage {
+        color: var(--h6);
+    }
+    // const, struct
+    .z-storage.z-type {
+        color: var(--h6);
+    }
+    // new, function names
+    .z-entity.z-name.z-function {
+        color: var(--h3);
+    }
+    // key in toml entries
+    .z-entity.z-name {//, .z-entity.z-name.z-label
+        color: var(--h3);
+    }
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-entity.z-other.z-inherited-class {
+    //    color: var(--h6);
+    //    text-decoration: underline;
+    //}
+    //  v1   (fn lookup(v1))
+    .z-variable.z-parameter {
+        color: var(--h2);
+    }
+    //  self  (self.html.push(c))
+    .z-variable.z-language {
+        color: var(--h3);
+        font-style: italic;
+    }
+    // html tag name, eg:  html, head, meta, title, body, etc.
+    .z-entity.z-name.z-tag {//, .z-meta.z-tag.z-sgml
+        color: var(--h6);
+    }
+    // html tag brackets <>
+    .z-punctuation.z-definition.z-tag.z-end, .z-punctuation.z-definition.z-tag.z-begin, .z-punctuation.z-definition.z-tag {
+        color: var(--h6);
+    }
+    // html attribute name, eg: lang, charset
+    .z-entity.z-other.z-attribute-name {
+        color: var(--h3);
+    }
+    // function name as variable value, and annotation:  derive  (#[derive(Debug)])
+    .z-variable.z-function, .z-variable.z-annotation {
+        color: var(--h3);
+    }
+    // support function, eg:   extend  (self.html.extend(b"<span");)
+    // macros, eg:  println!  print!  format!
+    .z-support.z-function, .z-support.z-macro {
+        color: var(--h1);
+    }
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-support.z-constant {
+    //    color: var(--h2);
+    //    font-style: italic;
+    //}
+    // type: Vec, Some, str, int
+    // class:  Config  ($CONF = Config::getInstance()->getAll();)
+    .z-support.z-type, .z-support.z-class {
+        color: var(--h6);
+        font-style: italic;
+    }
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-source.z-ruby .z-variable.z-other.z-readwrite {
+    //    color: var(--h3);
+    //}
+    // superfluous, already have .z-entity.z-name.z-tag
+    //.z-source.z-css .z-entity.z-name.z-tag, .z-source.z-sass .z-entity.z-name.z-tag, .z-source.z-scss .z-entity.z-name.z-tag, .z-source.z-less .z-entity.z-name.z-tag, .z-source.z-stylus .z-entity.z-name.z-tag {
+    //    color: var(--h6);
+    //}
+    // property name, eg css: font-size, text-align, etc.
+    .z-support.z-type.z-property-name {
+        color: var(--h6);
+    }
+    //json
+    .z-meta.z-mapping.z-key.z-json {
+        .z-punctuation.z-definition.z-string.z-begin.z-json, .z-punctuation.z-definition.z-string.z-end.z-json, .z-string.z-quoted.z-double.z-json {
+            color: var(--h2);
+        }
+    }
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-constant.z-numeric.z-line-number.z-match {
+    //    color: var(--h6);
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-entity.z-name.z-filename.z-find-in-files {
+    //    color: var(--h4);
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-message.z-error {
+    //    color: var(--h1);
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-string.z-other.z-link, .z-markup.z-underline.z-link {
+    //    color: var(--h5);
+    //    text-decoration: underline;
+    //    font-style: italic;
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-punctuation.z-definition.z-image {
+    //    color: var(--h3);
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-meta.z-separator {
+    //    color: var(--f1);
+    //    background-color: var(--f1);
+    //    font-weight: bold;
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-markup.z-list.z-numbered.z-bullet, .z-markup.z-list .z-punctuation.z-definition.z-list_item {
+    //    color: var(--h5);
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-text.z-html.z-markdown .z-markup.z-raw.z-inline {
+    //    color: var(--h2);
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-text.z-html.z-markdown .z-meta.z-dummy.z-line-break {
+    //    color: var(--f1);
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-markup.z-raw.z-block.z-fenced.z-markdown {
+    //    color: var(--f1);
+    //    background-color: var(--f1);
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-punctuation.z-definition.z-fenced.z-markdown, .z-variable.z-language.z-fenced.z-markdown {
+    //    color: var(--f1);
+    //    background-color: var(--f1);
+    //}
+    // Figure out how to reproduce in code block otherwise don't include
+    //.z-variable.z-language.z-fenced.z-markdown {
+    //    color: var(--f1);
+    //}