Switch to highlight.js and revamp color stylesheet

Switching from the dead jQuery.syntax to the actively maintained highlight.js
for syntax highlighting. highlight.js doesn't require jQuery, doesn't break
inline markup, and has nicely namespaced class names that avoid clashes with
classes used elsewhere in these stylesheets.

Previously, we included the JavaScript for syntax highlighting, but didn't
provide any CSS to specify colors, leaving a large chunk of work to users
to get syntax highlighting visible. This is because the colors defined in
color.xsl weren't useful as text colors. This commit introduces a new color
system which includes background, foreground, and accent shades for six
colors, as well as multiple shades of gray. Many of these colors can now
be automatically computed, thanks to color algorithms built into the XSLT.

1 files changed, 39 insertions, 0 deletions

diff --git a/test/syntax/code/yaml b/test/syntax/code/yaml
new file mode 100644
index 00000000..49c4939e
--- /dev/null
+++ b/test/syntax/code/yaml
@@ -0,0 +1,39 @@
+---
+# comment
+string_1: "Bar"
+string_2: 'bar'
+string_3: bar
+inline_keys_ignored: sompath/name/file.jpg
+keywords_in_yaml:
+  - true
+  - false
+  - TRUE
+  - FALSE
+  - 21
+  - 21.0
+  - !!str 123
+"quoted_key": &foobar
+  bar: foo
+  foo:
+  "foo": bar
+
+reference: *foobar
+
+multiline_1: |
+  Multiline
+  String
+multiline_2: >
+  Multiline
+  String
+multiline_3: "
+  Multiline string
+  "
+
+ansible_variables: "foo {{variable}}"
+
+array_nested:
+- a
+- b: 1
+  c: 2
+- b
+- comment