Add syntax highlighting to the code snippets in the tutorial

Using the CodeMirror Rust mode.

2 files changed, 21 insertions, 3 deletions

diff --git a/doc/tutorial/web/default.css b/doc/tutorial/web/default.css
new file mode 100644
index 00000000000..e68f0fb378c
--- /dev/null
+++ b/doc/tutorial/web/default.css
@@ -0,0 +1,19 @@
+.cm-s-default span.cm-keyword {color: #708;}
+.cm-s-default span.cm-atom {color: #219;}
+.cm-s-default span.cm-number {color: #164;}
+.cm-s-default span.cm-def {color: #00f;}
+.cm-s-default span.cm-variable {color: black;}
+.cm-s-default span.cm-variable-2 {color: #05a;}
+.cm-s-default span.cm-variable-3 {color: #0a5;}
+.cm-s-default span.cm-property {color: black;}
+.cm-s-default span.cm-operator {color: black;}
+.cm-s-default span.cm-comment {color: #a50;}
+.cm-s-default span.cm-string {color: #a11;}
+.cm-s-default span.cm-string-2 {color: #f50;}
+.cm-s-default span.cm-meta {color: #555;}
+.cm-s-default span.cm-error {color: #f00;}
+.cm-s-default span.cm-qualifier {color: #555;}
+.cm-s-default span.cm-builtin {color: #30a;}
+.cm-s-default span.cm-bracket {color: #cc7;}
+.cm-s-default span.cm-tag {color: #170;}
+.cm-s-default span.cm-attribute {color: #00c;}
diff --git a/doc/tutorial/web/style.css b/doc/tutorial/web/style.css
index a71180027f0..c3d8fa43441 100644
--- a/doc/tutorial/web/style.css
+++ b/doc/tutorial/web/style.css
@@ -18,9 +18,8 @@ code {
 }
 
 pre {
-  margin: 1.1em 12px;
-  border: 1px solid #CCCCCC;
-  padding: .4em;
+  margin: 1.1em 0;
+  padding: .4em .4em .4em 1em;
   font-size: 120%;
 }