oinam-jekyll 1.1.0 → 1.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: cf0d16c26c91d5d025b23ff99782d043af4b38527e3e3c38d48acb550c407d6b
-  data.tar.gz: de3f7738c060c62ddea0f1cddaafac868ab9eae65456442d95d4181bc3c983db
+  metadata.gz: d7a8668a8d3b9afff91ef259f1f0162233a03e98668d6f4080ec3c78f50a1a83
+  data.tar.gz: f685cb6aa6b8cbbe2058541894bb88edd3bfadfceb2458d134c4d3c698db413f
 SHA512:
-  metadata.gz: 8f5aa026abbea2d10e2786e5af78fccc789e2e5db5dca6f37a53911a1d338b221802a9d12cf5bb5c6575b2756b43c8c7c71b027760ca9946c96824585243efe8
-  data.tar.gz: 41a812abfadcc17d9147f95babd649fdcd9f8e2d0171af0fdae823d60c9837dae1a6eff28166f0d636f20be438af750110757c7ad7323177c1c8dc9627460a84
+  metadata.gz: 57a8df26ca767144055d0771c09760bfbe4ea9b07286d6283d8d578668eeafa2c22a9c8336bb4a619b5232c7494b979c38729e28917e09d18e066efa1bea3323
+  data.tar.gz: 4f783e90d215c60bd87086d502c3992394f839761651f691f91ec8e1978367033a437a5cce8ce7ff4d672302ef870a6dffbbd301c8794d51d6ff912fb535f364

data/README.md

@@ -10,4 +10,7 @@
 
 [Oinam Jekyll](https://rubygems.org/gems/oinam-jekyll)
 
+```
+$ gem build oinam-jekyll.gemspec
 $ gem push oinam-jekyll-x.x.x.gem
+```

data/_includes/css/highlighter/default.css

@@ -0,0 +1,69 @@
+.highlight .hll { background-color: #ffffcc }
+.highlight  { background: #f8f8f8; }
+.highlight .c { color: #408080; font-style: italic } /* Comment */
+.highlight .err { border: 1px solid #FF0000 } /* Error */
+.highlight .k { color: #008000; font-weight: bold } /* Keyword */
+.highlight .o { color: #666666 } /* Operator */
+.highlight .ch { color: #408080; font-style: italic } /* Comment.Hashbang */
+.highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #BC7A00 } /* Comment.Preproc */
+.highlight .cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */
+.highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #A00000 } /* Generic.Deleted */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #FF0000 } /* Generic.Error */
+.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
+.highlight .gi { color: #00A000 } /* Generic.Inserted */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
+.highlight .gt { color: #0044DD } /* Generic.Traceback */
+.highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
+.highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
+.highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
+.highlight .kp { color: #008000 } /* Keyword.Pseudo */
+.highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #B00040 } /* Keyword.Type */
+.highlight .m { color: #666666 } /* Literal.Number */
+.highlight .s { color: #BA2121 } /* Literal.String */
+.highlight .na { color: #7D9029 } /* Name.Attribute */
+.highlight .nb { color: #008000 } /* Name.Builtin */
+.highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
+.highlight .no { color: #880000 } /* Name.Constant */
+.highlight .nd { color: #AA22FF } /* Name.Decorator */
+.highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
+.highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #0000FF } /* Name.Function */
+.highlight .nl { color: #A0A000 } /* Name.Label */
+.highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
+.highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
+.highlight .nv { color: #19177C } /* Name.Variable */
+.highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mb { color: #666666 } /* Literal.Number.Bin */
+.highlight .mf { color: #666666 } /* Literal.Number.Float */
+.highlight .mh { color: #666666 } /* Literal.Number.Hex */
+.highlight .mi { color: #666666 } /* Literal.Number.Integer */
+.highlight .mo { color: #666666 } /* Literal.Number.Oct */
+.highlight .sa { color: #BA2121 } /* Literal.String.Affix */
+.highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
+.highlight .sc { color: #BA2121 } /* Literal.String.Char */
+.highlight .dl { color: #BA2121 } /* Literal.String.Delimiter */
+.highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
+.highlight .s2 { color: #BA2121 } /* Literal.String.Double */
+.highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
+.highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
+.highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
+.highlight .sx { color: #008000 } /* Literal.String.Other */
+.highlight .sr { color: #BB6688 } /* Literal.String.Regex */
+.highlight .s1 { color: #BA2121 } /* Literal.String.Single */
+.highlight .ss { color: #19177C } /* Literal.String.Symbol */
+.highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
+.highlight .fm { color: #0000FF } /* Name.Function.Magic */
+.highlight .vc { color: #19177C } /* Name.Variable.Class */
+.highlight .vg { color: #19177C } /* Name.Variable.Global */
+.highlight .vi { color: #19177C } /* Name.Variable.Instance */
+.highlight .vm { color: #19177C } /* Name.Variable.Magic */
+.highlight .il { color: #666666 } /* Literal.Number.Integer.Long */

data/_includes/css/highlighter/monokai.css

@@ -0,0 +1,70 @@
+.highlight .hll { background-color: #49483e }
+.highlight  { background: #272822; color: #f8f8f2 }
+.highlight .c { color: #75715e } /* Comment */
+.highlight .err { color: #960050; background-color: #1e0010 } /* Error */
+.highlight .k { color: #66d9ef } /* Keyword */
+.highlight .l { color: #ae81ff } /* Literal */
+.highlight .n { color: #f8f8f2 } /* Name */
+.highlight .o { color: #f92672 } /* Operator */
+.highlight .p { color: #f8f8f2 } /* Punctuation */
+.highlight .ch { color: #75715e } /* Comment.Hashbang */
+.highlight .cm { color: #75715e } /* Comment.Multiline */
+.highlight .cp { color: #75715e } /* Comment.Preproc */
+.highlight .cpf { color: #75715e } /* Comment.PreprocFile */
+.highlight .c1 { color: #75715e } /* Comment.Single */
+.highlight .cs { color: #75715e } /* Comment.Special */
+.highlight .gd { color: #f92672 } /* Generic.Deleted */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gi { color: #a6e22e } /* Generic.Inserted */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #75715e } /* Generic.Subheading */
+.highlight .kc { color: #66d9ef } /* Keyword.Constant */
+.highlight .kd { color: #66d9ef } /* Keyword.Declaration */
+.highlight .kn { color: #f92672 } /* Keyword.Namespace */
+.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */
+.highlight .kr { color: #66d9ef } /* Keyword.Reserved */
+.highlight .kt { color: #66d9ef } /* Keyword.Type */
+.highlight .ld { color: #e6db74 } /* Literal.Date */
+.highlight .m { color: #ae81ff } /* Literal.Number */
+.highlight .s { color: #e6db74 } /* Literal.String */
+.highlight .na { color: #a6e22e } /* Name.Attribute */
+.highlight .nb { color: #f8f8f2 } /* Name.Builtin */
+.highlight .nc { color: #a6e22e } /* Name.Class */
+.highlight .no { color: #66d9ef } /* Name.Constant */
+.highlight .nd { color: #a6e22e } /* Name.Decorator */
+.highlight .ni { color: #f8f8f2 } /* Name.Entity */
+.highlight .ne { color: #a6e22e } /* Name.Exception */
+.highlight .nf { color: #a6e22e } /* Name.Function */
+.highlight .nl { color: #f8f8f2 } /* Name.Label */
+.highlight .nn { color: #f8f8f2 } /* Name.Namespace */
+.highlight .nx { color: #a6e22e } /* Name.Other */
+.highlight .py { color: #f8f8f2 } /* Name.Property */
+.highlight .nt { color: #f92672 } /* Name.Tag */
+.highlight .nv { color: #f8f8f2 } /* Name.Variable */
+.highlight .ow { color: #f92672 } /* Operator.Word */
+.highlight .w { color: #f8f8f2 } /* Text.Whitespace */
+.highlight .mb { color: #ae81ff } /* Literal.Number.Bin */
+.highlight .mf { color: #ae81ff } /* Literal.Number.Float */
+.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */
+.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */
+.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */
+.highlight .sa { color: #e6db74 } /* Literal.String.Affix */
+.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */
+.highlight .sc { color: #e6db74 } /* Literal.String.Char */
+.highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */
+.highlight .sd { color: #e6db74 } /* Literal.String.Doc */
+.highlight .s2 { color: #e6db74 } /* Literal.String.Double */
+.highlight .se { color: #ae81ff } /* Literal.String.Escape */
+.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */
+.highlight .si { color: #e6db74 } /* Literal.String.Interpol */
+.highlight .sx { color: #e6db74 } /* Literal.String.Other */
+.highlight .sr { color: #e6db74 } /* Literal.String.Regex */
+.highlight .s1 { color: #e6db74 } /* Literal.String.Single */
+.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */
+.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
+.highlight .fm { color: #a6e22e } /* Name.Function.Magic */
+.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */
+.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */
+.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */
+.highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */
+.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */

data/_includes/css/highlighter/perldoc.css

@@ -0,0 +1,66 @@
+.highlight .hll { background-color: #ffffcc }
+.highlight  { background: #eeeedd; }
+.highlight .c { color: #228B22 } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { color: #8B008B; font-weight: bold } /* Keyword */
+.highlight .ch { color: #228B22 } /* Comment.Hashbang */
+.highlight .cm { color: #228B22 } /* Comment.Multiline */
+.highlight .cp { color: #1e889b } /* Comment.Preproc */
+.highlight .cpf { color: #228B22 } /* Comment.PreprocFile */
+.highlight .c1 { color: #228B22 } /* Comment.Single */
+.highlight .cs { color: #8B008B; font-weight: bold } /* Comment.Special */
+.highlight .gd { color: #aa0000 } /* Generic.Deleted */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
+.highlight .gi { color: #00aa00 } /* Generic.Inserted */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { color: #8B008B; font-weight: bold } /* Keyword.Constant */
+.highlight .kd { color: #8B008B; font-weight: bold } /* Keyword.Declaration */
+.highlight .kn { color: #8B008B; font-weight: bold } /* Keyword.Namespace */
+.highlight .kp { color: #8B008B; font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { color: #8B008B; font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #00688B; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #B452CD } /* Literal.Number */
+.highlight .s { color: #CD5555 } /* Literal.String */
+.highlight .na { color: #658b00 } /* Name.Attribute */
+.highlight .nb { color: #658b00 } /* Name.Builtin */
+.highlight .nc { color: #008b45; font-weight: bold } /* Name.Class */
+.highlight .no { color: #00688B } /* Name.Constant */
+.highlight .nd { color: #707a7c } /* Name.Decorator */
+.highlight .ne { color: #008b45; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #008b45 } /* Name.Function */
+.highlight .nn { color: #008b45; text-decoration: underline } /* Name.Namespace */
+.highlight .nt { color: #8B008B; font-weight: bold } /* Name.Tag */
+.highlight .nv { color: #00688B } /* Name.Variable */
+.highlight .ow { color: #8B008B } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mb { color: #B452CD } /* Literal.Number.Bin */
+.highlight .mf { color: #B452CD } /* Literal.Number.Float */
+.highlight .mh { color: #B452CD } /* Literal.Number.Hex */
+.highlight .mi { color: #B452CD } /* Literal.Number.Integer */
+.highlight .mo { color: #B452CD } /* Literal.Number.Oct */
+.highlight .sa { color: #CD5555 } /* Literal.String.Affix */
+.highlight .sb { color: #CD5555 } /* Literal.String.Backtick */
+.highlight .sc { color: #CD5555 } /* Literal.String.Char */
+.highlight .dl { color: #CD5555 } /* Literal.String.Delimiter */
+.highlight .sd { color: #CD5555 } /* Literal.String.Doc */
+.highlight .s2 { color: #CD5555 } /* Literal.String.Double */
+.highlight .se { color: #CD5555 } /* Literal.String.Escape */
+.highlight .sh { color: #1c7e71; font-style: italic } /* Literal.String.Heredoc */
+.highlight .si { color: #CD5555 } /* Literal.String.Interpol */
+.highlight .sx { color: #cb6c20 } /* Literal.String.Other */
+.highlight .sr { color: #1c7e71 } /* Literal.String.Regex */
+.highlight .s1 { color: #CD5555 } /* Literal.String.Single */
+.highlight .ss { color: #CD5555 } /* Literal.String.Symbol */
+.highlight .bp { color: #658b00 } /* Name.Builtin.Pseudo */
+.highlight .fm { color: #008b45 } /* Name.Function.Magic */
+.highlight .vc { color: #00688B } /* Name.Variable.Class */
+.highlight .vg { color: #00688B } /* Name.Variable.Global */
+.highlight .vi { color: #00688B } /* Name.Variable.Instance */
+.highlight .vm { color: #00688B } /* Name.Variable.Magic */
+.highlight .il { color: #B452CD } /* Literal.Number.Integer.Long */

data/_includes/css/styles-extended.css

@@ -7,6 +7,11 @@ $breakpoint-medium: 800px;
 $breakpoint-large:  1024px;
 $breakpoint-extralarge: 1600px;
 
+main {
+  /* stick footer to the footer by pushing from the block above it -- main > footer */
+  flex: 1;
+}
+
 header.header,
 footer.footer {
   padding: var(--space-base) 0;
@@ -52,6 +57,7 @@ header.header :is(h1, h2, h3, h4, h5, h6) {
 footer.footer {
   margin-top: var(--space-double);
   border-top: var(--border-width) solid var(--border-color);
+  font-size: var(--font-size-small);
 }
 
 .footer__credit {
@@ -90,7 +96,6 @@ nav a:hover, nav a:active {
   }
   
   .content-large,
-  figure,
   img.large,
   img.large + em {
     margin-left: calc(50% - 50vw);
@@ -321,6 +326,22 @@ img.full + em {
   border-radius: 0;
 }
 
+/* highlighter */
+figure.highlight {}
+
+figure.highlight pre,
+figure.highlight code {
+  background: none;
+}
+
+.highlight {
+  border-radius: var(--border-radius);
+}
+
+.highlight * {
+  color: initial;
+}
+
 /* footnotes are generated by Kramdown powered Markdown */
 .footnotes {
   margin-top: var(--space-double);

data/_includes/css/styles.css

@@ -97,9 +97,14 @@ blockquote {
 
   background: var(--background-color-alt);
   border-radius: var(--border-radius);
+  border: var(--border-width) solid var(--background-color-alt);
   border-left: var(--border-width-alt) solid var(--border-color-highlight);
 }
 
+blockquote p {
+  border-radius: var(--border-radius);
+}
+
 cite {
   font-size: var(--font-size-smaller);
   font-style: normal;
@@ -113,7 +118,6 @@ samp {
   font-family: var(--font-family-monospace);
   font-size: var(--font-size-small);
   color: var(--text-color-alt);
-  white-space: pre-line;
 
   /* repair edges of wrapped inline elements */
   -webkit-box-decoration-break: clone;
@@ -132,11 +136,10 @@ pre {
   margin: var(--space-base) 0;
   padding: var(--space-base) var(--space-double);
   max-width: 100%;
-  overflow: auto;
-  overflow-x: auto;
 
   background: var(--background-color-alt);
   border-radius: var(--border-radius);
+  border: var(--border-width) solid var(--background-color-alt);
   border-left: var(--border-width-alt) solid var(--border-color-highlight);
 }
 
@@ -221,12 +224,8 @@ main video {
 figure {
   padding: 0;
   margin: var(--space-base) 0;
-
   background: var(--background-color-alt);
   border-radius: var(--border-radius);
-  border-bottom: 1px solid var(--border-color);
-
-  text-align: center;
 }
 
 figure img {
@@ -242,6 +241,11 @@ figcaption {
   
   font-family: var(--font-family-sans);
   font-size: var(--font-size-smaller);
+  text-align: center;
+
+  background: var(--background-color-alt);
+  border-radius: var(--border-radius);
+  border-bottom: 1px solid var(--border-color);
 }
 
 audio {
@@ -267,8 +271,4 @@ th {
 table caption {
   font-weight: bold;
   margin-bottom: var(--space-half);
-}
-
-footer {
-  font-size: var(--font-size-small);
 }

data/_includes/styles.html

@@ -3,7 +3,7 @@
 
   {% include css/settings.css %}
 
-  {% include css/color-theme-{{ site.layout.theme | default: 'default' }}.css %}
+  {% include css/theme/{{ site.layout.theme | default: 'default' }}.css %}
 
   {% include css/styles.css %}
 
@@ -15,7 +15,7 @@
   
   {% if site.styles.syntax_highlighter != false %}
     {% if page.type == posts %}
-      {% include css/styles-code.css %}
+      {% include css/highlighter/{{ site.layout.theme_highlighter | default: 'default' }}.css %}
     {% endif %}
   {% endif %}
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: oinam-jekyll
 version: !ruby/object:Gem::Version
-  version: 1.1.0
+  version: 1.2.0
 platform: ruby
 authors:
 - Oinam
@@ -96,16 +96,18 @@ files:
 - README.md
 - _data/nav.yml
 - _includes/appearance.html
-- _includes/css/color-theme-default.css
-- _includes/css/color-theme-nord.css
-- _includes/css/color-theme-vintage.css
 - _includes/css/debug.css
 - _includes/css/forms.css
+- _includes/css/highlighter/default.css
+- _includes/css/highlighter/monokai.css
+- _includes/css/highlighter/perldoc.css
 - _includes/css/settings.css
-- _includes/css/styles-code.css
 - _includes/css/styles-extended.css
 - _includes/css/styles.css
 - _includes/css/theme-toggle.css
+- _includes/css/theme/default.css
+- _includes/css/theme/nord.css
+- _includes/css/theme/vintage.css
 - _includes/footer-ext.html
 - _includes/footer.html
 - _includes/gallery.html

data/_includes/css/styles-code.css

@@ -1 +0,0 @@
-.highlight .hll{background-color:#ffc}.highlight{background:#f0f3f3}.highlight .c{color:#09f;font-style:italic}.highlight .err{color:#a00;background-color:#faa}.highlight .k{color:#069;font-weight:bold}.highlight .o{color:#555}.highlight .ch{color:#09f;font-style:italic}.highlight .cm{color:#09f;font-style:italic}.highlight .cp{color:#099}.highlight .cpf{color:#09f;font-style:italic}.highlight .c1{color:#09f;font-style:italic}.highlight .cs{color:#09f;font-weight:bold;font-style:italic}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:#030;font-weight:bold}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .go{color:#aaa}.highlight .gp{color:#009;font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:#030;font-weight:bold}.highlight .gt{color:#9c6}.highlight .kc{color:#069;font-weight:bold}.highlight .kd{color:#069;font-weight:bold}.highlight .kn{color:#069;font-weight:bold}.highlight .kp{color:#069}.highlight .kr{color:#069;font-weight:bold}.highlight .kt{color:#078;font-weight:bold}.highlight .m{color:#f60}.highlight .s{color:#c30}.highlight .na{color:#309}.highlight .nb{color:#366}.highlight .nc{color:#0a8;font-weight:bold}.highlight .no{color:#360}.highlight .nd{color:#99f}.highlight .ni{color:#999;font-weight:bold}.highlight .ne{color:#c00;font-weight:bold}.highlight .nf{color:#c0f}.highlight .nl{color:#99f}.highlight .nn{color:#0cf;font-weight:bold}.highlight .nt{color:#309;font-weight:bold}.highlight .nv{color:#033}.highlight .ow{color:#000;font-weight:bold}.highlight .w{color:#bbb}.highlight .mb{color:#f60}.highlight .mf{color:#f60}.highlight .mh{color:#f60}.highlight .mi{color:#f60}.highlight .mo{color:#f60}.highlight .sa{color:#c30}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .dl{color:#c30}.highlight .sd{color:#c30;font-style:italic}.highlight .s2{color:#c30}.highlight .se{color:#c30;font-weight:bold}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sx{color:#c30}.highlight .sr{color:#3aa}.highlight .s1{color:#c30}.highlight .ss{color:#fc3}.highlight .bp{color:#366}.highlight .fm{color:#c0f}.highlight .vc{color:#033}.highlight .vg{color:#033}.highlight .vi{color:#033}.highlight .vm{color:#033}.highlight .il{color:#f60}