diff --git a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
index eec24b0966..690b599378 100644
--- a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
+++ b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
@@ -14,15 +14,53 @@ exports[`Storyshots Annotate Default 1`] = `
     <pre
       style={
         Object {
-          "background": "#FFFFFF",
-          "color": "#434f54",
-          "display": "block",
-          "overflowX": "auto",
-          "padding": "0.5em",
+          "MozHyphens": "none",
+          "MozTabSize": "4",
+          "OTabSize": "4",
+          "WebkitHyphens": "none",
+          "background": "#ffffff",
+          "color": "#363636",
+          "direction": "ltr",
+          "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+          "fontSize": "13px",
+          "hyphens": "none",
+          "lineHeight": "1.5",
+          "margin": ".5em 0",
+          "msHyphens": "none",
+          "overflow": "auto",
+          "padding": "1em",
+          "tabSize": "4",
+          "textAlign": "left",
+          "textShadow": "none",
+          "whiteSpace": "pre",
+          "wordBreak": "normal",
+          "wordSpacing": "normal",
         }
       }
     >
-      <code>
+      <code
+        style={
+          Object {
+            "MozHyphens": "none",
+            "MozTabSize": "4",
+            "OTabSize": "4",
+            "WebkitHyphens": "none",
+            "color": "#363636",
+            "direction": "ltr",
+            "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+            "fontSize": "13px",
+            "hyphens": "none",
+            "lineHeight": "1.5",
+            "msHyphens": "none",
+            "tabSize": "4",
+            "textAlign": "left",
+            "textShadow": "none",
+            "whiteSpace": "pre",
+            "wordBreak": "normal",
+            "wordSpacing": "normal",
+          }
+        }
+      >
         <div
           className="AnnotateLine__Line-h9c4md-4 cjyweO"
         >
@@ -62,9 +100,10 @@ exports[`Storyshots Annotate Default 1`] = `
               style={Object {}}
             >
               <span
+                className="token"
                 style={
                   Object {
-                    "color": "#00979D",
+                    "color": "#00a984",
                   }
                 }
               >
@@ -83,7 +122,7 @@ exports[`Storyshots Annotate Default 1`] = `
           className="AnnotateLine__Line-h9c4md-4 cjyweO"
         >
           <div
-            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY cWLlcE"
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY eRUjwS"
           />
           <div
             className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
@@ -146,9 +185,10 @@ exports[`Storyshots Annotate Default 1`] = `
                 
               </span>
               <span
+                className="token"
                 style={
                   Object {
-                    "color": "#00979D",
+                    "color": "#00a984",
                   }
                 }
               >
@@ -160,9 +200,10 @@ exports[`Storyshots Annotate Default 1`] = `
                  
               </span>
               <span
+                className="token"
                 style={
                   Object {
-                    "color": "#005C5F",
+                    "color": "#cca201",
                   }
                 }
               >
@@ -181,7 +222,7 @@ exports[`Storyshots Annotate Default 1`] = `
           className="AnnotateLine__Line-h9c4md-4 cjyweO"
         >
           <div
-            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY cWLlcE"
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY eRUjwS"
           />
           <div
             className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
@@ -244,47 +285,69 @@ exports[`Storyshots Annotate Default 1`] = `
                 
               </span>
               <span
+                className="token"
                 style={
                   Object {
-                    "color": "#00979D",
+                    "color": "#00a984",
                   }
                 }
               >
                 func
               </span>
               <span
-                style={
-                  Object {
-                    "color": "#728E00",
-                  }
-                }
+                style={Object {}}
               >
                  
               </span>
               <span
+                className="token"
                 style={
                   Object {
-                    "color": "#880000",
-                    "fontWeight": "bold",
+                    "color": "#ff3860",
                   }
                 }
               >
                 main
               </span>
               <span
-                className="hljs-params"
+                className="token"
                 style={
                   Object {
-                    "color": "#728E00",
+                    "color": "#9a9a9a",
                   }
                 }
               >
-                ()
+                (
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                )
               </span>
               <span
                 style={Object {}}
               >
-                 {
+                 
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                {
+              </span>
+              <span
+                style={Object {}}
+              >
+                
 
               </span>
             </span>
@@ -331,21 +394,62 @@ exports[`Storyshots Annotate Default 1`] = `
               <span
                 style={Object {}}
               >
-                  fmt.Println(
+                  fmt
               </span>
               <span
+                className="token"
                 style={
                   Object {
-                    "color": "#005C5F",
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                .
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#ff3860",
+                  }
+                }
+              >
+                Println
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                (
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#cca201",
                   }
                 }
               >
                 "Hello World"
               </span>
               <span
-                style={Object {}}
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
               >
                 )
+              </span>
+              <span
+                style={Object {}}
+              >
+                
 
               </span>
             </span>
@@ -389,8 +493,27 @@ exports[`Storyshots Annotate Default 1`] = `
             <span
               style={Object {}}
             >
-              }
+              <span
+                style={Object {}}
+              >
+                
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                }
+              </span>
+              <span
+                style={Object {}}
+              >
+                
 
+              </span>
             </span>
           </div>
         </div>
@@ -398,7 +521,7 @@ exports[`Storyshots Annotate Default 1`] = `
           className="AnnotateLine__Line-h9c4md-4 cjyweO"
         >
           <div
-            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY cWLlcE"
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY eRUjwS"
           />
           <div
             className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
@@ -443,15 +566,53 @@ exports[`Storyshots Annotate With Avatars 1`] = `
     <pre
       style={
         Object {
-          "background": "#FFFFFF",
-          "color": "#434f54",
-          "display": "block",
-          "overflowX": "auto",
-          "padding": "0.5em",
+          "MozHyphens": "none",
+          "MozTabSize": "4",
+          "OTabSize": "4",
+          "WebkitHyphens": "none",
+          "background": "#ffffff",
+          "color": "#363636",
+          "direction": "ltr",
+          "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+          "fontSize": "13px",
+          "hyphens": "none",
+          "lineHeight": "1.5",
+          "margin": ".5em 0",
+          "msHyphens": "none",
+          "overflow": "auto",
+          "padding": "1em",
+          "tabSize": "4",
+          "textAlign": "left",
+          "textShadow": "none",
+          "whiteSpace": "pre",
+          "wordBreak": "normal",
+          "wordSpacing": "normal",
         }
       }
     >
-      <code>
+      <code
+        style={
+          Object {
+            "MozHyphens": "none",
+            "MozTabSize": "4",
+            "OTabSize": "4",
+            "WebkitHyphens": "none",
+            "color": "#363636",
+            "direction": "ltr",
+            "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+            "fontSize": "13px",
+            "hyphens": "none",
+            "lineHeight": "1.5",
+            "msHyphens": "none",
+            "tabSize": "4",
+            "textAlign": "left",
+            "textShadow": "none",
+            "whiteSpace": "pre",
+            "wordBreak": "normal",
+            "wordSpacing": "normal",
+          }
+        }
+      >
         <div
           className="AnnotateLine__Line-h9c4md-4 cjyweO"
         >
@@ -496,9 +657,10 @@ exports[`Storyshots Annotate With Avatars 1`] = `
               style={Object {}}
             >
               <span
+                className="token"
                 style={
                   Object {
-                    "color": "#00979D",
+                    "color": "#00a984",
                   }
                 }
               >
@@ -517,7 +679,7 @@ exports[`Storyshots Annotate With Avatars 1`] = `
           className="AnnotateLine__Line-h9c4md-4 cjyweO"
         >
           <div
-            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY cWLlcE"
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY eRUjwS"
           />
           <div
             className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
@@ -585,9 +747,10 @@ exports[`Storyshots Annotate With Avatars 1`] = `
                 
               </span>
               <span
+                className="token"
                 style={
                   Object {
-                    "color": "#00979D",
+                    "color": "#00a984",
                   }
                 }
               >
@@ -599,9 +762,10 @@ exports[`Storyshots Annotate With Avatars 1`] = `
                  
               </span>
               <span
+                className="token"
                 style={
                   Object {
-                    "color": "#005C5F",
+                    "color": "#cca201",
                   }
                 }
               >
@@ -620,7 +784,7 @@ exports[`Storyshots Annotate With Avatars 1`] = `
           className="AnnotateLine__Line-h9c4md-4 cjyweO"
         >
           <div
-            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY cWLlcE"
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY eRUjwS"
           />
           <div
             className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
@@ -688,47 +852,69 @@ exports[`Storyshots Annotate With Avatars 1`] = `
                 
               </span>
               <span
+                className="token"
                 style={
                   Object {
-                    "color": "#00979D",
+                    "color": "#00a984",
                   }
                 }
               >
                 func
               </span>
               <span
-                style={
-                  Object {
-                    "color": "#728E00",
-                  }
-                }
+                style={Object {}}
               >
                  
               </span>
               <span
+                className="token"
                 style={
                   Object {
-                    "color": "#880000",
-                    "fontWeight": "bold",
+                    "color": "#ff3860",
                   }
                 }
               >
                 main
               </span>
               <span
-                className="hljs-params"
+                className="token"
                 style={
                   Object {
-                    "color": "#728E00",
+                    "color": "#9a9a9a",
                   }
                 }
               >
-                ()
+                (
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                )
               </span>
               <span
                 style={Object {}}
               >
-                 {
+                 
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                {
+              </span>
+              <span
+                style={Object {}}
+              >
+                
 
               </span>
             </span>
@@ -780,21 +966,62 @@ exports[`Storyshots Annotate With Avatars 1`] = `
               <span
                 style={Object {}}
               >
-                  fmt.Println(
+                  fmt
               </span>
               <span
+                className="token"
                 style={
                   Object {
-                    "color": "#005C5F",
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                .
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#ff3860",
+                  }
+                }
+              >
+                Println
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                (
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#cca201",
                   }
                 }
               >
                 "Hello World"
               </span>
               <span
-                style={Object {}}
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
               >
                 )
+              </span>
+              <span
+                style={Object {}}
+              >
+                
 
               </span>
             </span>
@@ -843,8 +1070,27 @@ exports[`Storyshots Annotate With Avatars 1`] = `
             <span
               style={Object {}}
             >
-              }
+              <span
+                style={Object {}}
+              >
+                
+              </span>
+              <span
+                className="token"
+                style={
+                  Object {
+                    "color": "#9a9a9a",
+                  }
+                }
+              >
+                }
+              </span>
+              <span
+                style={Object {}}
+              >
+                
 
+              </span>
             </span>
           </div>
         </div>
@@ -852,7 +1098,7 @@ exports[`Storyshots Annotate With Avatars 1`] = `
           className="AnnotateLine__Line-h9c4md-4 cjyweO"
         >
           <div
-            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY cWLlcE"
+            className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__EmptyMetadata-h9c4md-6 cLNtyY eRUjwS"
           />
           <div
             className="AnnotateLine__LineElement-h9c4md-0 AnnotateLine__LineNumber-h9c4md-3 cLNtyY gVYXaQ"
@@ -3959,7 +4205,7 @@ exports[`Storyshots Diff Binaries 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -4142,7 +4388,7 @@ exports[`Storyshots Diff Binaries 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -4870,7 +5116,7 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -5711,7 +5957,7 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -6148,7 +6394,7 @@ exports[`Storyshots Diff CollapsingWithFunction 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -6710,7 +6956,7 @@ exports[`Storyshots Diff Default 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -7274,7 +7520,7 @@ exports[`Storyshots Diff Default 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -8115,7 +8361,7 @@ exports[`Storyshots Diff Default 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -8552,7 +8798,7 @@ exports[`Storyshots Diff Default 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -8989,7 +9235,7 @@ exports[`Storyshots Diff Default 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -10033,7 +10279,7 @@ exports[`Storyshots Diff Default 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -10554,7 +10800,7 @@ exports[`Storyshots Diff Expandable 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -11155,7 +11401,7 @@ exports[`Storyshots Diff Expandable 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -12093,7 +12339,7 @@ exports[`Storyshots Diff Expandable 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -12602,7 +12848,7 @@ exports[`Storyshots Diff Expandable 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -13111,7 +13357,7 @@ exports[`Storyshots Diff Expandable 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -14310,7 +14556,7 @@ exports[`Storyshots Diff Expandable 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -14872,7 +15118,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
           src/main/java/com/cloudogu/scm/review/events/EventListener.java
         </p>
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -15440,7 +15686,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
           src/main/js/ChangeNotification.tsx
         </p>
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -16285,7 +16531,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
           src/main/resources/locales/de/plugins.json
         </p>
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -16726,7 +16972,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
           src/main/resources/locales/en/plugins.json
         </p>
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -17167,7 +17413,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
           src/test/java/com/cloudogu/scm/review/events/ClientTest.java
         </p>
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -18215,7 +18461,7 @@ exports[`Storyshots Diff File Annotation 1`] = `
           Main.java
         </p>
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -18754,7 +19000,7 @@ exports[`Storyshots Diff File Controls 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -19336,7 +19582,7 @@ exports[`Storyshots Diff File Controls 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -20195,7 +20441,7 @@ exports[`Storyshots Diff File Controls 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -20650,7 +20896,7 @@ exports[`Storyshots Diff File Controls 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -21105,7 +21351,7 @@ exports[`Storyshots Diff File Controls 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -22167,7 +22413,7 @@ exports[`Storyshots Diff File Controls 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -22688,7 +22934,7 @@ exports[`Storyshots Diff Hunks 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -23516,7 +23762,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -24092,7 +24338,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -24945,7 +25191,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -25382,7 +25628,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -25819,7 +26065,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -26863,7 +27109,7 @@ exports[`Storyshots Diff Line Annotation 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -27396,7 +27642,7 @@ exports[`Storyshots Diff OnClick 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -28000,7 +28246,7 @@ exports[`Storyshots Diff OnClick 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -28903,7 +29149,7 @@ exports[`Storyshots Diff OnClick 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -29370,7 +29616,7 @@ exports[`Storyshots Diff OnClick 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -29837,7 +30083,7 @@ exports[`Storyshots Diff OnClick 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -30957,7 +31203,7 @@ exports[`Storyshots Diff OnClick 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -31514,7 +31760,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE split"
+          className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD split"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -32171,7 +32417,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE split"
+          className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD split"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -33102,7 +33348,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE split"
+          className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD split"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -33591,7 +33837,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE split"
+          className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD split"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -34080,7 +34326,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE split"
+          className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD split"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -35293,7 +35539,7 @@ exports[`Storyshots Diff Side-By-Side 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE split"
+          className="diff diff-split TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD split"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -35887,7 +36133,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -36451,7 +36697,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -37292,7 +37538,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -37729,7 +37975,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -38166,7 +38412,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -39210,7 +39456,7 @@ exports[`Storyshots Diff SyntaxHighlighting 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -39731,7 +39977,7 @@ exports[`Storyshots Diff WithLinkToFile 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -40332,7 +40578,7 @@ exports[`Storyshots Diff WithLinkToFile 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -41270,7 +41516,7 @@ exports[`Storyshots Diff WithLinkToFile 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -41779,7 +42025,7 @@ exports[`Storyshots Diff WithLinkToFile 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -42288,7 +42534,7 @@ exports[`Storyshots Diff WithLinkToFile 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -43487,7 +43733,7 @@ exports[`Storyshots Diff WithLinkToFile 1`] = `
         className="panel-block is-paddingless"
       >
         <table
-          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 iqnAYE unified"
+          className="diff diff-unified TokenizedDiffView__DiffView-sc-2wiyd4-0 bQyEUD unified"
           onMouseDown={[Function]}
         >
           <colgroup>
@@ -45345,20 +45591,75 @@ exports[`Storyshots MarkdownView Code without Lang 1`] = `
       <pre
         style={
           Object {
-            "background": "#FFFFFF",
-            "color": "#434f54",
-            "display": "block",
-            "overflowX": "auto",
-            "padding": "0.5em",
+            "MozHyphens": "none",
+            "MozTabSize": "4",
+            "OTabSize": "4",
+            "WebkitHyphens": "none",
+            "background": "#ffffff",
+            "color": "#363636",
+            "direction": "ltr",
+            "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+            "fontSize": "13px",
+            "hyphens": "none",
+            "lineHeight": "1.5",
+            "margin": ".5em 0",
+            "msHyphens": "none",
+            "overflow": "auto",
+            "padding": "1em",
+            "tabSize": "4",
+            "textAlign": "left",
+            "textShadow": "none",
+            "whiteSpace": "pre",
+            "wordBreak": "normal",
+            "wordSpacing": "normal",
           }
         }
       >
-        <code>
+        <code
+          style={
+            Object {
+              "MozHyphens": "none",
+              "MozTabSize": "4",
+              "OTabSize": "4",
+              "WebkitHyphens": "none",
+              "color": "#363636",
+              "direction": "ltr",
+              "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+              "fontSize": "13px",
+              "hyphens": "none",
+              "lineHeight": "1.5",
+              "msHyphens": "none",
+              "tabSize": "4",
+              "textAlign": "left",
+              "textShadow": "none",
+              "whiteSpace": "pre",
+              "wordBreak": "normal",
+              "wordSpacing": "normal",
+            }
+          }
+        >
           <code
             style={
               Object {
+                "MozHyphens": "none",
+                "MozTabSize": "4",
+                "OTabSize": "4",
+                "WebkitHyphens": "none",
+                "color": "#363636",
+                "direction": "ltr",
                 "float": "left",
+                "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+                "fontSize": "13px",
+                "hyphens": "none",
+                "lineHeight": "1.5",
+                "msHyphens": "none",
                 "paddingRight": "10px",
+                "tabSize": "4",
+                "textAlign": "left",
+                "textShadow": "none",
+                "whiteSpace": "pre",
+                "wordBreak": "normal",
+                "wordSpacing": "normal",
               }
             }
           >
@@ -46082,19 +46383,52 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
       <pre
         style={
           Object {
-            "background": "#FFFFFF",
-            "color": "#434f54",
-            "display": "block",
-            "overflowX": "auto",
-            "padding": "0.5em",
+            "MozHyphens": "none",
+            "MozTabSize": "4",
+            "OTabSize": "4",
+            "WebkitHyphens": "none",
+            "background": "#ffffff",
+            "color": "#363636",
+            "direction": "ltr",
+            "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+            "fontSize": "13px",
+            "hyphens": "none",
+            "lineHeight": "1.5",
+            "margin": ".5em 0",
+            "msHyphens": "none",
+            "overflow": "auto",
+            "padding": "1em",
+            "tabSize": "4",
+            "textAlign": "left",
+            "textShadow": "none",
+            "whiteSpace": "pre",
+            "wordBreak": "normal",
+            "wordSpacing": "normal",
           }
         }
       >
         <code
           style={
             Object {
+              "MozHyphens": "none",
+              "MozTabSize": "4",
+              "OTabSize": "4",
+              "WebkitHyphens": "none",
+              "color": "#363636",
+              "direction": "ltr",
               "float": "left",
+              "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+              "fontSize": "13px",
+              "hyphens": "none",
+              "lineHeight": "1.5",
+              "msHyphens": "none",
               "paddingRight": "10px",
+              "tabSize": "4",
+              "textAlign": "left",
+              "textShadow": "none",
+              "whiteSpace": "pre",
+              "wordBreak": "normal",
+              "wordSpacing": "normal",
             }
           }
         >
@@ -46204,7 +46538,29 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
 
           </span>
         </code>
-        <code>
+        <code
+          style={
+            Object {
+              "MozHyphens": "none",
+              "MozTabSize": "4",
+              "OTabSize": "4",
+              "WebkitHyphens": "none",
+              "color": "#363636",
+              "direction": "ltr",
+              "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+              "fontSize": "13px",
+              "hyphens": "none",
+              "lineHeight": "1.5",
+              "msHyphens": "none",
+              "tabSize": "4",
+              "textAlign": "left",
+              "textShadow": "none",
+              "whiteSpace": "pre",
+              "wordBreak": "normal",
+              "wordSpacing": "normal",
+            }
+          }
+        >
           package main
 
 import (
@@ -46467,20 +46823,75 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
       <pre
         style={
           Object {
-            "background": "#FFFFFF",
-            "color": "#434f54",
-            "display": "block",
-            "overflowX": "auto",
-            "padding": "0.5em",
+            "MozHyphens": "none",
+            "MozTabSize": "4",
+            "OTabSize": "4",
+            "WebkitHyphens": "none",
+            "background": "#ffffff",
+            "color": "#363636",
+            "direction": "ltr",
+            "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+            "fontSize": "13px",
+            "hyphens": "none",
+            "lineHeight": "1.5",
+            "margin": ".5em 0",
+            "msHyphens": "none",
+            "overflow": "auto",
+            "padding": "1em",
+            "tabSize": "4",
+            "textAlign": "left",
+            "textShadow": "none",
+            "whiteSpace": "pre",
+            "wordBreak": "normal",
+            "wordSpacing": "normal",
           }
         }
       >
-        <code>
+        <code
+          style={
+            Object {
+              "MozHyphens": "none",
+              "MozTabSize": "4",
+              "OTabSize": "4",
+              "WebkitHyphens": "none",
+              "color": "#363636",
+              "direction": "ltr",
+              "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+              "fontSize": "13px",
+              "hyphens": "none",
+              "lineHeight": "1.5",
+              "msHyphens": "none",
+              "tabSize": "4",
+              "textAlign": "left",
+              "textShadow": "none",
+              "whiteSpace": "pre",
+              "wordBreak": "normal",
+              "wordSpacing": "normal",
+            }
+          }
+        >
           <code
             style={
               Object {
+                "MozHyphens": "none",
+                "MozTabSize": "4",
+                "OTabSize": "4",
+                "WebkitHyphens": "none",
+                "color": "#363636",
+                "direction": "ltr",
                 "float": "left",
+                "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+                "fontSize": "13px",
+                "hyphens": "none",
+                "lineHeight": "1.5",
+                "msHyphens": "none",
                 "paddingRight": "10px",
+                "tabSize": "4",
+                "textAlign": "left",
+                "textShadow": "none",
+                "whiteSpace": "pre",
+                "wordBreak": "normal",
+                "wordSpacing": "normal",
               }
             }
           >
@@ -46647,38 +47058,54 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
             </span>
           </code>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &lt;
           </span>
           <span
-            className="hljs-tag"
+            className="token token"
             style={
               Object {
-                "color": "#00979D",
+                "color": "#2c99c7",
               }
             }
           >
             project
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token"
+            style={
+              Object {
+                "color": "#2c99c7",
+              }
+            }
           >
-             [
+             
           </span>
           <span
-            className="hljs-tag hljs-attr"
-            style={Object {}}
+            className="token token"
+            style={
+              Object {
+                "color": "#cca201",
+              }
+            }
           >
-            ...
+            [...]
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
-            ]&gt;
+            &gt;
           </span>
           <span
             style={Object {}}
@@ -46698,24 +47125,32 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &lt;
           </span>
           <span
-            className="hljs-tag"
+            className="token token"
             style={
               Object {
-                "color": "#00979D",
+                "color": "#2c99c7",
               }
             }
           >
             build
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &gt;
           </span>
@@ -46731,24 +47166,32 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                 
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &lt;
           </span>
           <span
-            className="hljs-tag"
+            className="token token"
             style={
               Object {
-                "color": "#00979D",
+                "color": "#2c99c7",
               }
             }
           >
             plugins
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &gt;
           </span>
@@ -46770,24 +47213,32 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &lt;
           </span>
           <span
-            className="hljs-tag"
+            className="token token"
             style={
               Object {
-                "color": "#00979D",
+                "color": "#2c99c7",
               }
             }
           >
             plugin
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &gt;
           </span>
@@ -46803,24 +47254,32 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                     
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &lt;
           </span>
           <span
-            className="hljs-tag"
+            className="token token"
             style={
               Object {
-                "color": "#00979D",
+                "color": "#2c99c7",
               }
             }
           >
             groupId
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &gt;
           </span>
@@ -46830,24 +47289,32 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
             org.apache.maven.plugins
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &lt;/
           </span>
           <span
-            className="hljs-tag"
+            className="token token"
             style={
               Object {
-                "color": "#00979D",
+                "color": "#2c99c7",
               }
             }
           >
             groupId
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &gt;
           </span>
@@ -46863,24 +47330,32 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                     
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &lt;
           </span>
           <span
-            className="hljs-tag"
+            className="token token"
             style={
               Object {
-                "color": "#00979D",
+                "color": "#2c99c7",
               }
             }
           >
             artifactId
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &gt;
           </span>
@@ -46890,24 +47365,32 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
             maven-enforcer-plugin
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &lt;/
           </span>
           <span
-            className="hljs-tag"
+            className="token token"
             style={
               Object {
-                "color": "#00979D",
+                "color": "#2c99c7",
               }
             }
           >
             artifactId
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &gt;
           </span>
@@ -46923,24 +47406,32 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &lt;/
           </span>
           <span
-            className="hljs-tag"
+            className="token token"
             style={
               Object {
-                "color": "#00979D",
+                "color": "#2c99c7",
               }
             }
           >
             plugin
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &gt;
           </span>
@@ -46956,24 +47447,32 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &lt;
           </span>
           <span
-            className="hljs-tag"
+            className="token token"
             style={
               Object {
-                "color": "#00979D",
+                "color": "#2c99c7",
               }
             }
           >
             plugin
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &gt;
           </span>
@@ -46989,24 +47488,32 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                     
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &lt;
           </span>
           <span
-            className="hljs-tag"
+            className="token token"
             style={
               Object {
-                "color": "#00979D",
+                "color": "#2c99c7",
               }
             }
           >
             groupId
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &gt;
           </span>
@@ -47016,24 +47523,32 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
             org.codehaus.mojo
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &lt;/
           </span>
           <span
-            className="hljs-tag"
+            className="token token"
             style={
               Object {
-                "color": "#00979D",
+                "color": "#2c99c7",
               }
             }
           >
             groupId
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &gt;
           </span>
@@ -47049,24 +47564,32 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                     
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &lt;
           </span>
           <span
-            className="hljs-tag"
+            className="token token"
             style={
               Object {
-                "color": "#00979D",
+                "color": "#2c99c7",
               }
             }
           >
             artifactId
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &gt;
           </span>
@@ -47076,24 +47599,32 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
             animal-sniffer-maven-plugin
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &lt;/
           </span>
           <span
-            className="hljs-tag"
+            className="token token"
             style={
               Object {
-                "color": "#00979D",
+                "color": "#2c99c7",
               }
             }
           >
             artifactId
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &gt;
           </span>
@@ -47109,24 +47640,32 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &lt;/
           </span>
           <span
-            className="hljs-tag"
+            className="token token"
             style={
               Object {
-                "color": "#00979D",
+                "color": "#2c99c7",
               }
             }
           >
             plugin
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &gt;
           </span>
@@ -47142,24 +47681,32 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                 
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &lt;/
           </span>
           <span
-            className="hljs-tag"
+            className="token token"
             style={
               Object {
-                "color": "#00979D",
+                "color": "#2c99c7",
               }
             }
           >
             plugins
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &gt;
           </span>
@@ -47175,24 +47722,32 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &lt;/
           </span>
           <span
-            className="hljs-tag"
+            className="token token"
             style={
               Object {
-                "color": "#00979D",
+                "color": "#2c99c7",
               }
             }
           >
             build
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &gt;
           </span>
@@ -47214,24 +47769,32 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
             
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &lt;/
           </span>
           <span
-            className="hljs-tag"
+            className="token token"
             style={
               Object {
-                "color": "#00979D",
+                "color": "#2c99c7",
               }
             }
           >
             project
           </span>
           <span
-            className="hljs-tag"
-            style={Object {}}
+            className="token token"
+            style={
+              Object {
+                "color": "#9a9a9a",
+              }
+            }
           >
             &gt;
           </span>
@@ -48188,20 +48751,75 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
   <pre
     style={
       Object {
-        "background": "#FFFFFF",
-        "color": "#434f54",
-        "display": "block",
-        "overflowX": "auto",
-        "padding": "0.5em",
+        "MozHyphens": "none",
+        "MozTabSize": "4",
+        "OTabSize": "4",
+        "WebkitHyphens": "none",
+        "background": "#ffffff",
+        "color": "#363636",
+        "direction": "ltr",
+        "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+        "fontSize": "13px",
+        "hyphens": "none",
+        "lineHeight": "1.5",
+        "margin": ".5em 0",
+        "msHyphens": "none",
+        "overflow": "auto",
+        "padding": "1em",
+        "tabSize": "4",
+        "textAlign": "left",
+        "textShadow": "none",
+        "whiteSpace": "pre",
+        "wordBreak": "normal",
+        "wordSpacing": "normal",
       }
     }
   >
-    <code>
+    <code
+      style={
+        Object {
+          "MozHyphens": "none",
+          "MozTabSize": "4",
+          "OTabSize": "4",
+          "WebkitHyphens": "none",
+          "color": "#363636",
+          "direction": "ltr",
+          "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+          "fontSize": "13px",
+          "hyphens": "none",
+          "lineHeight": "1.5",
+          "msHyphens": "none",
+          "tabSize": "4",
+          "textAlign": "left",
+          "textShadow": "none",
+          "whiteSpace": "pre",
+          "wordBreak": "normal",
+          "wordSpacing": "normal",
+        }
+      }
+    >
       <code
         style={
           Object {
+            "MozHyphens": "none",
+            "MozTabSize": "4",
+            "OTabSize": "4",
+            "WebkitHyphens": "none",
+            "color": "#363636",
+            "direction": "ltr",
             "float": "left",
+            "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+            "fontSize": "13px",
+            "hyphens": "none",
+            "lineHeight": "1.5",
+            "msHyphens": "none",
             "paddingRight": "10px",
+            "tabSize": "4",
+            "textAlign": "left",
+            "textShadow": "none",
+            "whiteSpace": "pre",
+            "wordBreak": "normal",
+            "wordSpacing": "normal",
           }
         }
       >
@@ -48326,9 +48944,10 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
         </span>
       </code>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -48348,9 +48967,10 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
         
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -48359,7 +48979,22 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
       <span
         style={Object {}}
       >
-         (
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
@@ -48368,9 +49003,10 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "color": "#cca201",
           }
         }
       >
@@ -48388,9 +49024,10 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "color": "#cca201",
           }
         }
       >
@@ -48402,8 +49039,27 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
         
 
       </span>
-      )
+      <span
+        style={Object {}}
+      >
+        
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
+      </span>
       
 
       <span
@@ -48412,178 +49068,628 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
         
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         func
       </span>
       <span
-        style={
-          Object {
-            "color": "#728E00",
-          }
-        }
+        style={Object {}}
       >
          
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#880000",
-            "fontWeight": "bold",
+            "color": "#ff3860",
           }
         }
       >
         main
       </span>
       <span
-        className="hljs-params"
+        className="token"
         style={
           Object {
-            "color": "#728E00",
+            "color": "#9a9a9a",
           }
         }
       >
-        ()
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
       </span>
       <span
         style={Object {}}
       >
-         {
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        {
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
         style={Object {}}
       >
-          http.HandleFunc(
+          http
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        HandleFunc
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#cca201",
           }
         }
       >
         "/"
       </span>
       <span
-        style={Object {}}
-      >
-        , 
-      </span>
-      <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ,
+      </span>
+      <span
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#00a984",
           }
         }
       >
         func
       </span>
       <span
-        style={
-          Object {
-            "color": "#728E00",
-          }
-        }
+        style={Object {}}
       >
          
       </span>
       <span
-        className="hljs-params"
+        className="token"
         style={
           Object {
-            "color": "#728E00",
+            "color": "#9a9a9a",
           }
         }
       >
-        (w http.ResponseWriter, r *http.Request)
+        (
       </span>
       <span
         style={Object {}}
       >
-         {
+        w http
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        style={Object {}}
+      >
+        ResponseWriter
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ,
+      </span>
+      <span
+        style={Object {}}
+      >
+         r 
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "background": "#ffffff",
+            "color": "#686868",
+          }
+        }
+      >
+        *
+      </span>
+      <span
+        style={Object {}}
+      >
+        http
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        style={Object {}}
+      >
+        Request
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        {
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
         style={Object {}}
       >
-            fmt.Fprintf(w, 
+            fmt
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        Fprintf
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        style={Object {}}
+      >
+        w
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ,
+      </span>
+      <span
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#cca201",
           }
         }
       >
         "Welcome to my website!"
       </span>
       <span
-        style={Object {}}
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
       >
         )
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
-        })
+      <span
+        style={Object {}}
+      >
+          
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        }
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
+      </span>
       
 
       <span
         style={Object {}}
       >
-          fs := http.FileServer(http.Dir(
+          fs 
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "background": "#ffffff",
+            "color": "#686868",
+          }
+        }
+      >
+        :=
+      </span>
+      <span
+        style={Object {}}
+      >
+         http
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        FileServer
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        style={Object {}}
+      >
+        http
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        Dir
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#cca201",
           }
         }
       >
         "static/"
       </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
       <span
         style={Object {}}
       >
-        ))
+        
 
       </span>
       <span
         style={Object {}}
       >
-          http.Handle(
+          http
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        Handle
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#cca201",
           }
         }
       >
         "/static/"
       </span>
       <span
-        style={Object {}}
-      >
-        , http.StripPrefix(
-      </span>
-      <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ,
+      </span>
+      <span
+        style={Object {}}
+      >
+         http
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        StripPrefix
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#cca201",
           }
         }
       >
         "/static/"
       </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ,
+      </span>
       <span
         style={Object {}}
       >
-        , fs))
+         fs
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       
@@ -48591,39 +49697,110 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
       <span
         style={Object {}}
       >
-          http.ListenAndServe(
+          http
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        ListenAndServe
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#cca201",
           }
         }
       >
         ":80"
       </span>
       <span
-        style={Object {}}
-      >
-        , 
-      </span>
-      <span
+        className="token"
         style={
           Object {
-            "color": "#D35400",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ,
+      </span>
+      <span
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#2c99c7",
           }
         }
       >
         nil
       </span>
       <span
-        style={Object {}}
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
       >
         )
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
-      }
+      <span
+        style={Object {}}
+      >
+        
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        }
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
+      </span>
       
 
     </code>
@@ -48638,20 +49815,75 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
   <pre
     style={
       Object {
-        "background": "#FFFFFF",
-        "color": "#434f54",
-        "display": "block",
-        "overflowX": "auto",
-        "padding": "0.5em",
+        "MozHyphens": "none",
+        "MozTabSize": "4",
+        "OTabSize": "4",
+        "WebkitHyphens": "none",
+        "background": "#ffffff",
+        "color": "#363636",
+        "direction": "ltr",
+        "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+        "fontSize": "13px",
+        "hyphens": "none",
+        "lineHeight": "1.5",
+        "margin": ".5em 0",
+        "msHyphens": "none",
+        "overflow": "auto",
+        "padding": "1em",
+        "tabSize": "4",
+        "textAlign": "left",
+        "textShadow": "none",
+        "whiteSpace": "pre",
+        "wordBreak": "normal",
+        "wordSpacing": "normal",
       }
     }
   >
-    <code>
+    <code
+      style={
+        Object {
+          "MozHyphens": "none",
+          "MozTabSize": "4",
+          "OTabSize": "4",
+          "WebkitHyphens": "none",
+          "color": "#363636",
+          "direction": "ltr",
+          "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+          "fontSize": "13px",
+          "hyphens": "none",
+          "lineHeight": "1.5",
+          "msHyphens": "none",
+          "tabSize": "4",
+          "textAlign": "left",
+          "textShadow": "none",
+          "whiteSpace": "pre",
+          "wordBreak": "normal",
+          "wordSpacing": "normal",
+        }
+      }
+    >
       <code
         style={
           Object {
+            "MozHyphens": "none",
+            "MozTabSize": "4",
+            "OTabSize": "4",
+            "WebkitHyphens": "none",
+            "color": "#363636",
+            "direction": "ltr",
             "float": "left",
+            "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+            "fontSize": "13px",
+            "hyphens": "none",
+            "lineHeight": "1.5",
+            "msHyphens": "none",
             "paddingRight": "10px",
+            "tabSize": "4",
+            "textAlign": "left",
+            "textShadow": "none",
+            "whiteSpace": "pre",
+            "wordBreak": "normal",
+            "wordSpacing": "normal",
           }
         }
       >
@@ -48874,9 +50106,10 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
         </span>
       </code>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -48885,7 +50118,44 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       <span
         style={Object {}}
       >
-         com.example;
+         
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        com
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        example
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       
@@ -48896,9 +50166,10 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
         
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -48907,7 +50178,60 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       <span
         style={Object {}}
       >
-         java.io.IOException;
+         
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        java
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        io
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        IOException
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
@@ -48916,9 +50240,10 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
         
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -48927,7 +50252,60 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       <span
         style={Object {}}
       >
-         java.io.OutputStream;
+         
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        java
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        io
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        OutputStream
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
@@ -48936,9 +50314,10 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
         
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -48947,7 +50326,60 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       <span
         style={Object {}}
       >
-         java.net.InetSocketAddress;
+         
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        java
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        net
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        InetSocketAddress
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       
@@ -48958,9 +50390,10 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
         
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -48969,7 +50402,92 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       <span
         style={Object {}}
       >
-         com.sun.net.httpserver.HttpExchange;
+         
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        com
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        sun
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        net
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        httpserver
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        HttpExchange
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
@@ -48978,9 +50496,10 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
         
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -48989,7 +50508,92 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       <span
         style={Object {}}
       >
-         com.sun.net.httpserver.HttpHandler;
+         
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        com
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        sun
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        net
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        httpserver
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        HttpHandler
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
@@ -48998,9 +50602,10 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
         
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -49009,7 +50614,92 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       <span
         style={Object {}}
       >
-         com.sun.net.httpserver.HttpServer;
+         
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        com
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        sun
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        net
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        httpserver
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        HttpServer
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       
@@ -49020,9 +50710,10 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
         
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -49034,42 +50725,45 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
          
       </span>
       <span
-        className="hljs-class"
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         class
       </span>
       <span
-        className="hljs-class"
         style={Object {}}
       >
          
       </span>
       <span
-        className="hljs-class"
-        style={
-          Object {
-            "color": "#880000",
-            "fontWeight": "bold",
-          }
-        }
+        className="token class-name"
+        style={Object {}}
       >
         Test
       </span>
       <span
-        className="hljs-class"
         style={Object {}}
       >
          
       </span>
       <span
-        style={Object {}}
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
       >
         {
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       
@@ -49080,121 +50774,231 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         public
       </span>
       <span
-        style={
-          Object {
-            "color": "#728E00",
-          }
-        }
+        style={Object {}}
       >
          
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         static
       </span>
       <span
-        style={
-          Object {
-            "color": "#728E00",
-          }
-        }
+        style={Object {}}
       >
          
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         void
       </span>
       <span
-        style={
-          Object {
-            "color": "#728E00",
-          }
-        }
+        style={Object {}}
       >
          
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#880000",
-            "fontWeight": "bold",
+            "color": "#ff3860",
           }
         }
       >
         main
       </span>
       <span
-        className="hljs-params"
+        className="token"
         style={
           Object {
-            "color": "#728E00",
+            "color": "#9a9a9a",
           }
         }
       >
-        (String[] args)
+        (
       </span>
       <span
+        className="token class-name"
+        style={Object {}}
+      >
+        String
+      </span>
+      <span
+        className="token"
         style={
           Object {
-            "color": "#728E00",
+            "color": "#9a9a9a",
           }
         }
       >
+        [
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ]
+      </span>
+      <span
+        style={Object {}}
+      >
+         args
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        style={Object {}}
+      >
          
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         throws
       </span>
       <span
-        style={
-          Object {
-            "color": "#728E00",
-          }
-        }
+        style={Object {}}
       >
-         Exception 
+         
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        Exception
       </span>
       <span
         style={Object {}}
       >
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
         {
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
         style={Object {}}
       >
-            HttpServer server = HttpServer.create(
+            
       </span>
       <span
+        className="token class-name"
+        style={Object {}}
+      >
+        HttpServer
+      </span>
+      <span
+        style={Object {}}
+      >
+         server 
+      </span>
+      <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "background": "#ffffff",
+            "color": "#686868",
+          }
+        }
+      >
+        =
+      </span>
+      <span
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        HttpServer
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        create
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#00a984",
           }
         }
       >
@@ -49203,60 +51007,160 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       <span
         style={Object {}}
       >
-         InetSocketAddress(
+         
       </span>
       <span
+        className="token class-name"
+        style={Object {}}
+      >
+        InetSocketAddress
+      </span>
+      <span
+        className="token"
         style={
           Object {
-            "color": "#8A7B52",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#2c99c7",
           }
         }
       >
         8000
       </span>
       <span
-        style={Object {}}
-      >
-        ), 
-      </span>
-      <span
+        className="token"
         style={
           Object {
-            "color": "#8A7B52",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ,
+      </span>
+      <span
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#2c99c7",
           }
         }
       >
         0
       </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
       <span
         style={Object {}}
       >
-        );
+        
 
       </span>
       <span
         style={Object {}}
       >
-            server.createContext(
+            server
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        createContext
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#cca201",
           }
         }
       >
         "/test"
       </span>
       <span
-        style={Object {}}
-      >
-        , 
-      </span>
-      <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ,
+      </span>
+      <span
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#00a984",
           }
         }
       >
@@ -49265,32 +51169,135 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       <span
         style={Object {}}
       >
-         MyHandler());
+         
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        MyHandler
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
         style={Object {}}
       >
-            server.setExecutor(
+            server
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        setExecutor
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#00a984",
           }
         }
       >
         null
       </span>
       <span
-        style={Object {}}
-      >
-        ); 
-      </span>
-      <span
+        className="token"
         style={
           Object {
-            "color": "rgba(149,165,166,.8)",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
           }
         }
       >
@@ -49302,10 +51309,88 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
         
 
       </span>
-          server.start();
-
+      <span
+        style={Object {}}
+      >
+            server
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
         }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        start
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
+      </span>
+      <span
+        style={Object {}}
+      >
+          
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        }
+      </span>
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
       
 
       <span
@@ -49314,9 +51399,10 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -49328,75 +51414,71 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
          
       </span>
       <span
-        className="hljs-class"
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         class
       </span>
       <span
-        className="hljs-class"
         style={Object {}}
       >
          
       </span>
       <span
-        className="hljs-class"
-        style={
-          Object {
-            "color": "#880000",
-            "fontWeight": "bold",
-          }
-        }
+        className="token class-name"
+        style={Object {}}
       >
         MyHandler
       </span>
       <span
-        className="hljs-class"
         style={Object {}}
       >
          
       </span>
       <span
-        className="hljs-class"
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         implements
       </span>
       <span
-        className="hljs-class"
         style={Object {}}
       >
          
       </span>
       <span
-        className="hljs-class"
-        style={
-          Object {
-            "color": "#880000",
-            "fontWeight": "bold",
-          }
-        }
+        className="token class-name"
+        style={Object {}}
       >
         HttpHandler
       </span>
       <span
-        className="hljs-class"
         style={Object {}}
       >
          
       </span>
       <span
-        style={Object {}}
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
       >
         {
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
@@ -49405,9 +51487,10 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
             
       </span>
       <span
+        className="token annotation"
         style={
           Object {
-            "color": "#434f54",
+            "color": "#9a9a9a",
           }
         }
       >
@@ -49425,148 +51508,627 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
             
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         public
       </span>
       <span
-        style={
-          Object {
-            "color": "#728E00",
-          }
-        }
+        style={Object {}}
       >
          
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         void
       </span>
       <span
-        style={
-          Object {
-            "color": "#728E00",
-          }
-        }
+        style={Object {}}
       >
          
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#880000",
-            "fontWeight": "bold",
+            "color": "#ff3860",
           }
         }
       >
         handle
       </span>
       <span
-        className="hljs-params"
+        className="token"
         style={
           Object {
-            "color": "#728E00",
+            "color": "#9a9a9a",
           }
         }
       >
-        (HttpExchange t)
+        (
       </span>
       <span
+        className="token class-name"
+        style={Object {}}
+      >
+        HttpExchange
+      </span>
+      <span
+        style={Object {}}
+      >
+         t
+      </span>
+      <span
+        className="token"
         style={
           Object {
-            "color": "#728E00",
+            "color": "#9a9a9a",
           }
         }
       >
+        )
+      </span>
+      <span
+        style={Object {}}
+      >
          
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         throws
       </span>
       <span
-        style={
-          Object {
-            "color": "#728E00",
-          }
-        }
+        style={Object {}}
       >
-         IOException 
+         
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        IOException
       </span>
       <span
         style={Object {}}
       >
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
         {
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
         style={Object {}}
       >
-              String response = 
+              
       </span>
       <span
+        className="token class-name"
+        style={Object {}}
+      >
+        String
+      </span>
+      <span
+        style={Object {}}
+      >
+         response 
+      </span>
+      <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "background": "#ffffff",
+            "color": "#686868",
+          }
+        }
+      >
+        =
+      </span>
+      <span
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#cca201",
           }
         }
       >
         "This is the response"
       </span>
       <span
-        style={Object {}}
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
       >
         ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
         style={Object {}}
       >
-              t.sendResponseHeaders(
+              t
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#8A7B52",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        sendResponseHeaders
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#2c99c7",
           }
         }
       >
         200
       </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ,
+      </span>
       <span
         style={Object {}}
       >
-        , response.length());
+         response
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        length
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
-            OutputStream os = t.getResponseBody();
-
-            os.write(response.getBytes());
-
-            os.close();
-
+      <span
+        style={Object {}}
+      >
+              
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        OutputStream
+      </span>
+      <span
+        style={Object {}}
+      >
+         os 
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "background": "#ffffff",
+            "color": "#686868",
           }
-
         }
+      >
+        =
+      </span>
+      <span
+        style={Object {}}
+      >
+         t
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        getResponseBody
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
+      </span>
+      <span
+        style={Object {}}
+      >
+              os
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        write
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        style={Object {}}
+      >
+        response
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        getBytes
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
+      <span
+        style={Object {}}
+      >
+              os
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        close
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
+      <span
+        style={Object {}}
+      >
+            
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        }
+      </span>
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
+      <span
+        style={Object {}}
+      >
+          
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        }
+      </span>
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
       
 
-      }
+      <span
+        style={Object {}}
+      >
+        
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        }
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
+      </span>
       
 
     </code>
@@ -49581,20 +52143,75 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
   <pre
     style={
       Object {
-        "background": "#FFFFFF",
-        "color": "#434f54",
-        "display": "block",
-        "overflowX": "auto",
-        "padding": "0.5em",
+        "MozHyphens": "none",
+        "MozTabSize": "4",
+        "OTabSize": "4",
+        "WebkitHyphens": "none",
+        "background": "#ffffff",
+        "color": "#363636",
+        "direction": "ltr",
+        "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+        "fontSize": "13px",
+        "hyphens": "none",
+        "lineHeight": "1.5",
+        "margin": ".5em 0",
+        "msHyphens": "none",
+        "overflow": "auto",
+        "padding": "1em",
+        "tabSize": "4",
+        "textAlign": "left",
+        "textShadow": "none",
+        "whiteSpace": "pre",
+        "wordBreak": "normal",
+        "wordSpacing": "normal",
       }
     }
   >
-    <code>
+    <code
+      style={
+        Object {
+          "MozHyphens": "none",
+          "MozTabSize": "4",
+          "OTabSize": "4",
+          "WebkitHyphens": "none",
+          "color": "#363636",
+          "direction": "ltr",
+          "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+          "fontSize": "13px",
+          "hyphens": "none",
+          "lineHeight": "1.5",
+          "msHyphens": "none",
+          "tabSize": "4",
+          "textAlign": "left",
+          "textShadow": "none",
+          "whiteSpace": "pre",
+          "wordBreak": "normal",
+          "wordSpacing": "normal",
+        }
+      }
+    >
       <code
         style={
           Object {
+            "MozHyphens": "none",
+            "MozTabSize": "4",
+            "OTabSize": "4",
+            "WebkitHyphens": "none",
+            "color": "#363636",
+            "direction": "ltr",
             "float": "left",
+            "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+            "fontSize": "13px",
+            "hyphens": "none",
+            "lineHeight": "1.5",
+            "msHyphens": "none",
             "paddingRight": "10px",
+            "tabSize": "4",
+            "textAlign": "left",
+            "textShadow": "none",
+            "whiteSpace": "pre",
+            "wordBreak": "normal",
+            "wordSpacing": "normal",
           }
         }
       >
@@ -49649,9 +52266,10 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
         </span>
       </code>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -49660,35 +52278,78 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
       <span
         style={Object {}}
       >
-         http = 
+         http 
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#D35400",
+            "background": "#ffffff",
+            "color": "#686868",
+          }
+        }
+      >
+        =
+      </span>
+      <span
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
           }
         }
       >
         require
       </span>
       <span
-        style={Object {}}
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
       >
         (
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "color": "#cca201",
           }
         }
       >
         'http'
       </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
       <span
         style={Object {}}
       >
-        );
+        
 
       </span>
       
@@ -49696,139 +52357,478 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
       <span
         style={Object {}}
       >
-        http.createServer(
+        http
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token method property-access"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        createServer
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#00a984",
           }
         }
       >
         function
       </span>
       <span
-        style={
-          Object {
-            "color": "#728E00",
-          }
-        }
+        style={Object {}}
       >
-         (
+         
       </span>
       <span
-        className="hljs-params"
+        className="token"
         style={
           Object {
-            "color": "#728E00",
+            "color": "#9a9a9a",
           }
         }
       >
-        req, res
+        (
       </span>
       <span
+        className="token parameter"
+        style={Object {}}
+      >
+        req
+      </span>
+      <span
+        className="token parameter token"
         style={
           Object {
-            "color": "#728E00",
+            "color": "#9a9a9a",
           }
         }
       >
-        ) 
+        ,
+      </span>
+      <span
+        className="token parameter"
+        style={Object {}}
+      >
+         res
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
       </span>
       <span
         style={Object {}}
       >
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
         {
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
         style={Object {}}
       >
-          res.writeHead(
+          res
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#8A7B52",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token method property-access"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        writeHead
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#2c99c7",
           }
         }
       >
         200
       </span>
       <span
-        style={Object {}}
-      >
-        , {
-      </span>
-      <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ,
+      </span>
+      <span
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        {
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#cca201",
           }
         }
       >
         'Content-Type'
       </span>
       <span
-        style={Object {}}
-      >
-        : 
-      </span>
-      <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        :
+      </span>
+      <span
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#cca201",
           }
         }
       >
         'text/plain'
       </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        }
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
       <span
         style={Object {}}
       >
-        });
+        
 
       </span>
       <span
         style={Object {}}
       >
-          res.write(
+          res
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token method property-access"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        write
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#cca201",
           }
         }
       >
         'Hello World!'
       </span>
       <span
-        style={Object {}}
-      >
-        );
-
-      </span>
-        res.end();
-
-      <span
-        style={Object {}}
-      >
-        }).listen(
-      </span>
-      <span
+        className="token"
         style={
           Object {
-            "color": "#8A7B52",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
+      <span
+        style={Object {}}
+      >
+          res
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token method property-access"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        end
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
+      <span
+        style={Object {}}
+      >
+        
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        }
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token method property-access"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        listen
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#2c99c7",
           }
         }
       >
         8080
       </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
       <span
         style={Object {}}
       >
-        );
+        
 
       </span>
       
@@ -49845,20 +52845,75 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
   <pre
     style={
       Object {
-        "background": "#FFFFFF",
-        "color": "#434f54",
-        "display": "block",
-        "overflowX": "auto",
-        "padding": "0.5em",
+        "MozHyphens": "none",
+        "MozTabSize": "4",
+        "OTabSize": "4",
+        "WebkitHyphens": "none",
+        "background": "#ffffff",
+        "color": "#363636",
+        "direction": "ltr",
+        "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+        "fontSize": "13px",
+        "hyphens": "none",
+        "lineHeight": "1.5",
+        "margin": ".5em 0",
+        "msHyphens": "none",
+        "overflow": "auto",
+        "padding": "1em",
+        "tabSize": "4",
+        "textAlign": "left",
+        "textShadow": "none",
+        "whiteSpace": "pre",
+        "wordBreak": "normal",
+        "wordSpacing": "normal",
       }
     }
   >
-    <code>
+    <code
+      style={
+        Object {
+          "MozHyphens": "none",
+          "MozTabSize": "4",
+          "OTabSize": "4",
+          "WebkitHyphens": "none",
+          "color": "#363636",
+          "direction": "ltr",
+          "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+          "fontSize": "13px",
+          "hyphens": "none",
+          "lineHeight": "1.5",
+          "msHyphens": "none",
+          "tabSize": "4",
+          "textAlign": "left",
+          "textShadow": "none",
+          "whiteSpace": "pre",
+          "wordBreak": "normal",
+          "wordSpacing": "normal",
+        }
+      }
+    >
       <code
         style={
           Object {
+            "MozHyphens": "none",
+            "MozTabSize": "4",
+            "OTabSize": "4",
+            "WebkitHyphens": "none",
+            "color": "#363636",
+            "direction": "ltr",
             "float": "left",
+            "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+            "fontSize": "13px",
+            "hyphens": "none",
+            "lineHeight": "1.5",
+            "msHyphens": "none",
             "paddingRight": "10px",
+            "tabSize": "4",
+            "textAlign": "left",
+            "textShadow": "none",
+            "whiteSpace": "pre",
+            "wordBreak": "normal",
+            "wordSpacing": "normal",
           }
         }
       >
@@ -50004,9 +53059,10 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
         </span>
       </code>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -50018,9 +53074,10 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
          BaseHTTPServer 
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -50029,7 +53086,22 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
       <span
         style={Object {}}
       >
-         BaseHTTPRequestHandler,HTTPServer
+         BaseHTTPRequestHandler
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ,
+      </span>
+      <span
+        style={Object {}}
+      >
+        HTTPServer
 
       </span>
       
@@ -50037,12 +53109,29 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
       <span
         style={Object {}}
       >
-        PORT_NUMBER = 
+        PORT_NUMBER 
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#8A7B52",
+            "background": "#ffffff",
+            "color": "#686868",
+          }
+        }
+      >
+        =
+      </span>
+      <span
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#2c99c7",
           }
         }
       >
@@ -50062,41 +53151,58 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
         
       </span>
       <span
-        className="hljs-class"
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         class
       </span>
       <span
-        className="hljs-class"
         style={Object {}}
       >
          
       </span>
       <span
-        className="hljs-class"
-        style={
-          Object {
-            "color": "#880000",
-            "fontWeight": "bold",
-          }
-        }
+        className="token class-name"
+        style={Object {}}
       >
         myHandler
       </span>
       <span
-        className="hljs-class hljs-params"
-        style={Object {}}
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
       >
-        (BaseHTTPRequestHandler)
+        (
       </span>
       <span
-        className="hljs-class"
         style={Object {}}
+      >
+        BaseHTTPRequestHandler
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
       >
         :
       </span>
@@ -50114,47 +53220,60 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         def
       </span>
       <span
-        style={
-          Object {
-            "color": "#728E00",
-          }
-        }
+        style={Object {}}
       >
          
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#880000",
-            "fontWeight": "bold",
+            "color": "#ff3860",
           }
         }
       >
         do_GET
       </span>
       <span
-        className="hljs-params"
+        className="token"
         style={
           Object {
-            "color": "#728E00",
+            "color": "#9a9a9a",
           }
         }
       >
-        (self)
+        (
       </span>
       <span
+        style={Object {}}
+      >
+        self
+      </span>
+      <span
+        className="token"
         style={
           Object {
-            "color": "#728E00",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
           }
         }
       >
@@ -50169,77 +53288,250 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
       <span
         style={Object {}}
       >
-            self.send_response(
+            self
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#8A7B52",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        style={Object {}}
+      >
+        send_response
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#2c99c7",
           }
         }
       >
         200
       </span>
       <span
-        style={Object {}}
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
       >
         )
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
         style={Object {}}
       >
-            self.send_header(
+            self
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        style={Object {}}
+      >
+        send_header
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#cca201",
           }
         }
       >
         'Content-type'
       </span>
       <span
-        style={Object {}}
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
       >
         ,
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "color": "#cca201",
           }
         }
       >
         'text/html'
       </span>
       <span
-        style={Object {}}
-      >
-        )
-
-      </span>
-          self.end_headers()
-
-      <span
-        style={Object {}}
-      >
-            self.wfile.write(
-      </span>
-      <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
+      <span
+        style={Object {}}
+      >
+            self
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        style={Object {}}
+      >
+        end_headers
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
+      <span
+        style={Object {}}
+      >
+            self
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        style={Object {}}
+      >
+        wfile
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        style={Object {}}
+      >
+        write
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#cca201",
           }
         }
       >
         "Hello World !"
       </span>
       <span
-        style={Object {}}
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
       >
         )
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
@@ -50248,9 +53540,10 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
             
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -50270,38 +53563,136 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
         
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         try
       </span>
       <span
-        style={Object {}}
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
       >
         :
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
         style={Object {}}
       >
-          server = HTTPServer((
+          server 
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "background": "#ffffff",
+            "color": "#686868",
+          }
+        }
+      >
+        =
+      </span>
+      <span
+        style={Object {}}
+      >
+         HTTPServer
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#cca201",
           }
         }
       >
         ''
       </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ,
+      </span>
       <span
         style={Object {}}
       >
-        , PORT_NUMBER), myHandler)
+         PORT_NUMBER
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ,
+      </span>
+      <span
+        style={Object {}}
+      >
+         myHandler
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
@@ -50310,9 +53701,10 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -50324,9 +53716,10 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
          
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "color": "#cca201",
           }
         }
       >
@@ -50335,20 +53728,80 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
       <span
         style={Object {}}
       >
-         , PORT_NUMBER
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ,
+      </span>
+      <span
+        style={Object {}}
+      >
+         PORT_NUMBER
 
       </span>
-        server.serve_forever()
+      <span
+        style={Object {}}
+      >
+          server
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        style={Object {}}
+      >
+        serve_forever
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
+      </span>
       <span
         style={Object {}}
       >
         
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -50357,7 +53810,22 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
       <span
         style={Object {}}
       >
-         KeyboardInterrupt:
+         KeyboardInterrupt
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        :
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
@@ -50366,9 +53834,10 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -50380,9 +53849,10 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
          
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "color": "#cca201",
           }
         }
       >
@@ -50394,8 +53864,67 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
         
 
       </span>
-        server.socket.close()
+      <span
+        style={Object {}}
+      >
+          server
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        style={Object {}}
+      >
+        socket
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        style={Object {}}
+      >
+        close
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
+      </span>
       
 
     </code>
@@ -50410,19 +53939,58 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
   <pre
     style={
       Object {
-        "background": "#FFFFFF",
-        "color": "#434f54",
-        "display": "block",
-        "overflowX": "auto",
-        "padding": "0.5em",
+        "MozHyphens": "none",
+        "MozTabSize": "4",
+        "OTabSize": "4",
+        "WebkitHyphens": "none",
+        "background": "#ffffff",
+        "color": "#363636",
+        "direction": "ltr",
+        "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+        "fontSize": "13px",
+        "hyphens": "none",
+        "lineHeight": "1.5",
+        "margin": ".5em 0",
+        "msHyphens": "none",
+        "overflow": "auto",
+        "padding": "1em",
+        "tabSize": "4",
+        "textAlign": "left",
+        "textShadow": "none",
+        "whiteSpace": "pre",
+        "wordBreak": "normal",
+        "wordSpacing": "normal",
       }
     }
   >
-    <code>
+    <code
+      style={
+        Object {
+          "MozHyphens": "none",
+          "MozTabSize": "4",
+          "OTabSize": "4",
+          "WebkitHyphens": "none",
+          "color": "#363636",
+          "direction": "ltr",
+          "fontFamily": "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+          "fontSize": "13px",
+          "hyphens": "none",
+          "lineHeight": "1.5",
+          "msHyphens": "none",
+          "tabSize": "4",
+          "textAlign": "left",
+          "textShadow": "none",
+          "whiteSpace": "pre",
+          "wordBreak": "normal",
+          "wordSpacing": "normal",
+        }
+      }
+    >
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -50431,7 +53999,44 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
       <span
         style={Object {}}
       >
-         com.example;
+         
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        com
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        example
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       
@@ -50442,9 +54047,10 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
         
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -50453,7 +54059,60 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
       <span
         style={Object {}}
       >
-         java.io.IOException;
+         
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        java
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        io
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        IOException
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
@@ -50462,9 +54121,10 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
         
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -50473,7 +54133,60 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
       <span
         style={Object {}}
       >
-         java.io.OutputStream;
+         
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        java
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        io
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        OutputStream
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
@@ -50482,9 +54195,10 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
         
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -50493,7 +54207,60 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
       <span
         style={Object {}}
       >
-         java.net.InetSocketAddress;
+         
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        java
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        net
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        InetSocketAddress
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       
@@ -50504,9 +54271,10 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
         
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -50515,7 +54283,92 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
       <span
         style={Object {}}
       >
-         com.sun.net.httpserver.HttpExchange;
+         
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        com
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        sun
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        net
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        httpserver
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        HttpExchange
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
@@ -50524,9 +54377,10 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
         
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -50535,7 +54389,92 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
       <span
         style={Object {}}
       >
-         com.sun.net.httpserver.HttpHandler;
+         
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        com
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        sun
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        net
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        httpserver
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        HttpHandler
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
@@ -50544,9 +54483,10 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
         
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -50555,7 +54495,92 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
       <span
         style={Object {}}
       >
-         com.sun.net.httpserver.HttpServer;
+         
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        com
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        sun
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        net
+      </span>
+      <span
+        className="token namespace token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token namespace"
+        style={Object {}}
+      >
+        httpserver
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        HttpServer
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       
@@ -50566,9 +54591,10 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
         
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -50580,42 +54606,45 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
          
       </span>
       <span
-        className="hljs-class"
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         class
       </span>
       <span
-        className="hljs-class"
         style={Object {}}
       >
          
       </span>
       <span
-        className="hljs-class"
-        style={
-          Object {
-            "color": "#880000",
-            "fontWeight": "bold",
-          }
-        }
+        className="token class-name"
+        style={Object {}}
       >
         Test
       </span>
       <span
-        className="hljs-class"
         style={Object {}}
       >
          
       </span>
       <span
-        style={Object {}}
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
       >
         {
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       
@@ -50626,121 +54655,231 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
           
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         public
       </span>
       <span
-        style={
-          Object {
-            "color": "#728E00",
-          }
-        }
+        style={Object {}}
       >
          
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         static
       </span>
       <span
-        style={
-          Object {
-            "color": "#728E00",
-          }
-        }
+        style={Object {}}
       >
          
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         void
       </span>
       <span
-        style={
-          Object {
-            "color": "#728E00",
-          }
-        }
+        style={Object {}}
       >
          
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#880000",
-            "fontWeight": "bold",
+            "color": "#ff3860",
           }
         }
       >
         main
       </span>
       <span
-        className="hljs-params"
+        className="token"
         style={
           Object {
-            "color": "#728E00",
+            "color": "#9a9a9a",
           }
         }
       >
-        (String[] args)
+        (
       </span>
       <span
+        className="token class-name"
+        style={Object {}}
+      >
+        String
+      </span>
+      <span
+        className="token"
         style={
           Object {
-            "color": "#728E00",
+            "color": "#9a9a9a",
           }
         }
       >
+        [
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ]
+      </span>
+      <span
+        style={Object {}}
+      >
+         args
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        style={Object {}}
+      >
          
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         throws
       </span>
       <span
-        style={
-          Object {
-            "color": "#728E00",
-          }
-        }
+        style={Object {}}
       >
-         Exception 
+         
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        Exception
       </span>
       <span
         style={Object {}}
       >
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
         {
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
         style={Object {}}
       >
-            HttpServer server = HttpServer.create(
+            
       </span>
       <span
+        className="token class-name"
+        style={Object {}}
+      >
+        HttpServer
+      </span>
+      <span
+        style={Object {}}
+      >
+         server 
+      </span>
+      <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "background": "#ffffff",
+            "color": "#686868",
+          }
+        }
+      >
+        =
+      </span>
+      <span
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        HttpServer
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        create
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#00a984",
           }
         }
       >
@@ -50749,60 +54888,160 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
       <span
         style={Object {}}
       >
-         InetSocketAddress(
+         
       </span>
       <span
+        className="token class-name"
+        style={Object {}}
+      >
+        InetSocketAddress
+      </span>
+      <span
+        className="token"
         style={
           Object {
-            "color": "#8A7B52",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#2c99c7",
           }
         }
       >
         8000
       </span>
       <span
-        style={Object {}}
-      >
-        ), 
-      </span>
-      <span
+        className="token"
         style={
           Object {
-            "color": "#8A7B52",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ,
+      </span>
+      <span
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#2c99c7",
           }
         }
       >
         0
       </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
       <span
         style={Object {}}
       >
-        );
+        
 
       </span>
       <span
         style={Object {}}
       >
-            server.createContext(
+            server
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        createContext
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#cca201",
           }
         }
       >
         "/test"
       </span>
       <span
-        style={Object {}}
-      >
-        , 
-      </span>
-      <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ,
+      </span>
+      <span
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#00a984",
           }
         }
       >
@@ -50811,32 +55050,135 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
       <span
         style={Object {}}
       >
-         MyHandler());
+         
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        MyHandler
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
         style={Object {}}
       >
-            server.setExecutor(
+            server
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        setExecutor
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#00a984",
           }
         }
       >
         null
       </span>
       <span
-        style={Object {}}
-      >
-        ); 
-      </span>
-      <span
+        className="token"
         style={
           Object {
-            "color": "rgba(149,165,166,.8)",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
           }
         }
       >
@@ -50848,10 +55190,88 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
         
 
       </span>
-          server.start();
-
+      <span
+        style={Object {}}
+      >
+            server
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
         }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        start
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
+      </span>
+      <span
+        style={Object {}}
+      >
+          
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        }
+      </span>
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
       
 
       <span
@@ -50860,9 +55280,10 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
           
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
@@ -50874,75 +55295,71 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
          
       </span>
       <span
-        className="hljs-class"
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         class
       </span>
       <span
-        className="hljs-class"
         style={Object {}}
       >
          
       </span>
       <span
-        className="hljs-class"
-        style={
-          Object {
-            "color": "#880000",
-            "fontWeight": "bold",
-          }
-        }
+        className="token class-name"
+        style={Object {}}
       >
         MyHandler
       </span>
       <span
-        className="hljs-class"
         style={Object {}}
       >
          
       </span>
       <span
-        className="hljs-class"
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         implements
       </span>
       <span
-        className="hljs-class"
         style={Object {}}
       >
          
       </span>
       <span
-        className="hljs-class"
-        style={
-          Object {
-            "color": "#880000",
-            "fontWeight": "bold",
-          }
-        }
+        className="token class-name"
+        style={Object {}}
       >
         HttpHandler
       </span>
       <span
-        className="hljs-class"
         style={Object {}}
       >
          
       </span>
       <span
-        style={Object {}}
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
       >
         {
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
@@ -50951,9 +55368,10 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
             
       </span>
       <span
+        className="token annotation"
         style={
           Object {
-            "color": "#434f54",
+            "color": "#9a9a9a",
           }
         }
       >
@@ -50971,148 +55389,627 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
             
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         public
       </span>
       <span
-        style={
-          Object {
-            "color": "#728E00",
-          }
-        }
+        style={Object {}}
       >
          
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         void
       </span>
       <span
-        style={
-          Object {
-            "color": "#728E00",
-          }
-        }
+        style={Object {}}
       >
          
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#880000",
-            "fontWeight": "bold",
+            "color": "#ff3860",
           }
         }
       >
         handle
       </span>
       <span
-        className="hljs-params"
+        className="token"
         style={
           Object {
-            "color": "#728E00",
+            "color": "#9a9a9a",
           }
         }
       >
-        (HttpExchange t)
+        (
       </span>
       <span
+        className="token class-name"
+        style={Object {}}
+      >
+        HttpExchange
+      </span>
+      <span
+        style={Object {}}
+      >
+         t
+      </span>
+      <span
+        className="token"
         style={
           Object {
-            "color": "#728E00",
+            "color": "#9a9a9a",
           }
         }
       >
+        )
+      </span>
+      <span
+        style={Object {}}
+      >
          
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#00979D",
+            "color": "#00a984",
           }
         }
       >
         throws
       </span>
       <span
-        style={
-          Object {
-            "color": "#728E00",
-          }
-        }
+        style={Object {}}
       >
-         IOException 
+         
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        IOException
       </span>
       <span
         style={Object {}}
       >
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
         {
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
         style={Object {}}
       >
-              String response = 
+              
       </span>
       <span
+        className="token class-name"
+        style={Object {}}
+      >
+        String
+      </span>
+      <span
+        style={Object {}}
+      >
+         response 
+      </span>
+      <span
+        className="token"
         style={
           Object {
-            "color": "#005C5F",
+            "background": "#ffffff",
+            "color": "#686868",
+          }
+        }
+      >
+        =
+      </span>
+      <span
+        style={Object {}}
+      >
+         
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#cca201",
           }
         }
       >
         "This is the response"
       </span>
       <span
-        style={Object {}}
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
       >
         ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
       <span
         style={Object {}}
       >
-              t.sendResponseHeaders(
+              t
       </span>
       <span
+        className="token"
         style={
           Object {
-            "color": "#8A7B52",
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        sendResponseHeaders
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#2c99c7",
           }
         }
       >
         200
       </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ,
+      </span>
       <span
         style={Object {}}
       >
-        , response.length());
+         response
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        length
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
       </span>
-            OutputStream os = t.getResponseBody();
-
-            os.write(response.getBytes());
-
-            os.close();
-
+      <span
+        style={Object {}}
+      >
+              
+      </span>
+      <span
+        className="token class-name"
+        style={Object {}}
+      >
+        OutputStream
+      </span>
+      <span
+        style={Object {}}
+      >
+         os 
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "background": "#ffffff",
+            "color": "#686868",
           }
-
         }
+      >
+        =
+      </span>
+      <span
+        style={Object {}}
+      >
+         t
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        getResponseBody
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
+      </span>
+      <span
+        style={Object {}}
+      >
+              os
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        write
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        style={Object {}}
+      >
+        response
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        getBytes
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
+      <span
+        style={Object {}}
+      >
+              os
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        .
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#ff3860",
+          }
+        }
+      >
+        close
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        (
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        )
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        ;
+      </span>
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
+      <span
+        style={Object {}}
+      >
+            
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        }
+      </span>
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
+      <span
+        style={Object {}}
+      >
+          
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        }
+      </span>
+      <span
+        style={Object {}}
+      >
+        
+
+      </span>
       
 
-      }
+      <span
+        style={Object {}}
+      >
+        
+      </span>
+      <span
+        className="token"
+        style={
+          Object {
+            "color": "#9a9a9a",
+          }
+        }
+      >
+        }
+      </span>
+      <span
+        style={Object {}}
+      >
+        
 
+      </span>
       
 
     </code>