Update Chroma styles

2 files changed, 179 insertions, 161 deletions

diff --git a/assets/scss/colors/chroma/dark.scss b/assets/scss/colors/chroma/dark.scss
index 2c1cc7a..190b5cb 100644
--- a/assets/scss/colors/chroma/dark.scss
+++ b/assets/scss/colors/chroma/dark.scss
@@ -1,114 +1,120 @@
-// Monokai (pygments-high-contrast-stylesheets)
-// Original: https://github.com/mpchadwick/pygments-high-contrast-stylesheets/blob/gh-pages/monokai.css
-// 23 Feb 2019
-
 .chroma,
 pre,
 p code,
 li code {
+  color: #f8f8f2;
   background: #272822;
-  color: #f8f8f2
-}
-
-.chroma .hll {
-  background-color: #49483e
 }
 
 .chroma .err {
+  color: #eb0083;
   background-color: #1e0010;
-  color: #eb0083
+}
+
+.chroma .lntd {
+  vertical-align: top;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+.chroma .lntable {
+  border-spacing: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  width: auto;
+  overflow: auto;
+  display: block;
+}
+
+.chroma .hl {
+  display: block;
+  width: 100%;
+  
+  // TODO Fails at WCAG 2.0 AA due contrast
+  background-color: rgba(255,255,204,.15);
 }
 
 .chroma .ge {
-  font-style: italic
+	font-style: italic;
 }
 
 .chroma .gs {
-  font-weight: 700
+	font-weight: bold;
 }
 
-.chroma .gu,
-.chroma .cs,
-.chroma .c1,
-.chroma .cpf,
-.chroma .cp,
-.chroma .cm,
-.chroma .ch,
-.chroma .c {
-  color: #949076
+.chroma .lnt,
+.chroma .ln {
+  margin-right: .4em;
+  padding: 0 .4em;
+  color: #8e8e8e;
 }
 
-.chroma .no,
-.chroma .kt,
-.chroma .kr,
-.chroma .kp,
-.chroma .kd,
+.chroma .k,
 .chroma .kc,
-.chroma .k {
-  color: #66d9ef
+.chroma .kd,
+.chroma .kp,
+.chroma .kr,
+.chroma .kt,
+.chroma .no {
+  color: #66d9ef;
 }
 
-.chroma .ow,
-.chroma .nt,
 .chroma .kn,
-.chroma .gd,
-.chroma .o {
-  color: #f94e8a
-}
-
-.chroma .ss,
-.chroma .s1,
-.chroma .sr,
-.chroma .sx,
-.chroma .si,
-.chroma .sh,
-.chroma .s2,
-.chroma .sd,
-.chroma .dl,
-.chroma .sc,
-.chroma .sb,
-.chroma .sa,
-.chroma .s,
-.chroma .ld {
-  color: #e6db74
+.chroma .nt,
+.chroma .o,
+.chroma .ow,
+.chroma .gd {
+  color: #f94e8a;
 }
 
-.chroma .fm,
-.chroma .nx,
-.chroma .nf,
-.chroma .ne,
-.chroma .nd,
-.chroma .nc,
 .chroma .na,
+.chroma .nc,
+.chroma .nd,
+.chroma .ne,
+.chroma .nf,
+.chroma .nx,
 .chroma .gi {
-  color: #a6e22e
-}
-
-.chroma .vm,
-.chroma .vi,
-.chroma .vg,
-.chroma .vc,
-.chroma .bp,
-.chroma .w,
-.chroma .nv,
-.chroma .py,
-.chroma .nn,
-.chroma .nl,
-.chroma .ni,
-.chroma .nb,
-.chroma .p,
-.chroma .n {
-  color: #f8f8f2
+  color: #a6e22e;
 }
 
-.chroma .il,
+.chroma .l,
 .chroma .se,
-.chroma .mo,
-.chroma .mi,
-.chroma .mh,
-.chroma .mf,
-.chroma .mb,
 .chroma .m,
-.chroma .l {
-  color: #ae81ff
+.chroma .mb,
+.chroma .mf,
+.chroma .mh,
+.chroma .mi,
+.chroma .il,
+.chroma .mo {
+  color: #ae81ff;
 }
+
+.chroma .ld,
+.chroma .s,
+.chroma .sa,
+.chroma .sb,
+.chroma .sc,
+.chroma .dl,
+.chroma .sd,
+.chroma .s2,
+.chroma .sh,
+.chroma .si,
+.chroma .sx,
+.chroma .sr,
+.chroma .s1,
+.chroma .ss {
+  color: #e6db74;
+}
+
+.chroma .c,
+.chroma .ch,
+.chroma .cm,
+.chroma .c1,
+.chroma .cs,
+.chroma .cp,
+.chroma .cpf,
+.chroma .gu {
+  color: #949076;
+}
\ No newline at end of file
diff --git a/assets/scss/colors/chroma/light.scss b/assets/scss/colors/chroma/light.scss
index db1617e..f4fde06 100644
--- a/assets/scss/colors/chroma/light.scss
+++ b/assets/scss/colors/chroma/light.scss
@@ -1,111 +1,123 @@
-// Solarized Dark (pygments-high-contrast-stylesheets)
-// Original: https://github.com/mpchadwick/pygments-high-contrast-stylesheets/blob/gh-pages/solarized-dark.css
-// 15 Nov 2017
-
 .chroma,
 pre,
 p code,
 li code {
+  color: #93a1a1;
   background-color: #002b36;
-  color: #93a1a1
 }
 
-.chroma .ge {
-  color: #93a1a1;
-  font-style: italic
+.chroma .lntd {
+  vertical-align: top;
+  padding: 0;
+  margin: 0;
+  border: 0;
 }
 
-.chroma .gs {
-  color: #93a1a1;
-  font-weight: 700
+.chroma .lntable {
+  border-spacing: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  width: auto;
+  overflow: auto;
+  display: block;
+}
+
+.chroma .hl {
+  display: block;
+  width: 100%;
+  
+  // TODO Fails at WCAG 2.0 AA due contrast
+  background-color: rgba(255,255,204,.15);
 }
 
 .chroma .nb {
-  color: #B58900
+  color: #b58900;
 }
 
-.chroma .ow,
-.chroma .kp,
-.chroma .kn,
-.chroma .gi,
-.chroma .cs,
-.chroma .cp,
-.chroma .o,
-.chroma .k {
-  color: #859900
+.chroma .ge {
+  font-style: italic;
 }
 
-.chroma .sb,
-.chroma .c1,
-.chroma .cm,
-.chroma .c {
-  color: #759299
+.chroma .gr {
+  color: #e8625f;
+  font-weight: bold;
 }
 
-.chroma .se,
-.chroma .ne,
-.chroma .ni,
-.chroma .no,
+.chroma .gs {
+  font-weight: bold;
+}
+
+.chroma .x,
 .chroma .kc,
-.chroma .gu,
-.chroma .gh,
-.chroma .x {
-  color: #e9662f
+.chroma .no,
+.chroma .ni,
+.chroma .ne,
+.chroma .se,
+.chroma .gh {
+  color: #e9662f;
 }
 
-.chroma .sh,
-.chroma .sd,
-.chroma .w,
-.chroma .py,
-.chroma .nx,
-.chroma .nn,
-.chroma .nl,
-.chroma .na,
-.chroma .ld,
-.chroma .gt,
-.chroma .gp,
-.chroma .go,
-.chroma .p,
-.chroma .n,
-.chroma .l,
-.chroma .g,
-.chroma .err {
-  color: #93a1a1
+.chroma .lnt,
+.chroma .ln {
+  margin-right: .4em;
+  padding: 0 .4em;
+  color: #848f8f;
 }
 
-.chroma .sr,
-.chroma .kt,
-.chroma .gr {
-  color: #e8625f
+.chroma .k,
+.chroma .kn,
+.chroma .kp,
+.chroma .o,
+.chroma .ow,
+.chroma .cs,
+.chroma .cp,
+.chroma .cpf,
+.chroma .gi {
+  color: #859900;
 }
 
-.chroma .vi,
-.chroma .vg,
-.chroma .vc,
+.chroma .kd,
+.chroma .kr,
 .chroma .bp,
-.chroma .nv,
-.chroma .nt,
-.chroma .nf,
-.chroma .nd,
 .chroma .nc,
-.chroma .kr,
-.chroma .kd {
-  color: #3294da
+.chroma .nd,
+.chroma .nf,
+.chroma .nt,
+.chroma .nv,
+.chroma .gu {
+  color: #3294da;
+}
+
+.chroma .kt,
+.chroma .sr,
+.chroma .gd {
+  color: #e8625f;
 }
 
-.chroma .il,
-.chroma .ss,
-.chroma .s1,
-.chroma .sx,
-.chroma .si,
-.chroma .s2,
-.chroma .sc,
-.chroma .mo,
-.chroma .mi,
-.chroma .mh,
-.chroma .mf,
 .chroma .s,
+.chroma .sa,
+.chroma .sc,
+.chroma .dl,
+.chroma .s2,
+.chroma .si,
+.chroma .sx,
+.chroma .s1,
+.chroma .ss,
 .chroma .m,
-.chroma .gd {
-  color: #2aa198
+.chroma .mb,
+.chroma .mf,
+.chroma .mh,
+.chroma .mi,
+.chroma .il,
+.chroma .mo {
+  color: #2aa198;
 }
+
+.chroma .sb,
+.chroma .c,
+.chroma .ch,
+.chroma .cm,
+.chroma .c1 {
+  color: #759299;
+}
\ No newline at end of file