add custom chroma for syntax highlighting

assets/css/chroma-dark.css

@@ -0,0 +1,121 @@
+/* // Based on Monokai (pygments-high-contrast-stylesheets) */
+/* // Source: https://github.com/mpchadwick/pygments-high-contrast-stylesheets/blob/gh-pages/monokai.css */
+
+.chroma,
+pre,
+p code,
+li code {
+  color: #f8f8f2;
+  background: #272822;
+}
+
+.chroma .err {
+  color: #eb0083;
+  background-color: #1e0010;
+}
+
+.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%;
+  background-color: rgba(0,0,0,.3);
+}
+
+.chroma .ge {
+	font-style: italic;
+}
+
+.chroma .gs {
+	font-weight: bold;
+}
+
+.chroma .lnt,
+.chroma .ln {
+  margin-right: 0.5rem;
+  padding: 0 0.5rem 0 1.5rem;
+  color: #8e8e8e;
+}
+
+.chroma .k,
+.chroma .kc,
+.chroma .kd,
+.chroma .kp,
+.chroma .kr,
+.chroma .kt,
+.chroma .no {
+  color: #66d9ef;
+}
+
+.chroma .kn,
+.chroma .nt,
+.chroma .o,
+.chroma .ow,
+.chroma .gd {
+  color: #f94e8a;
+}
+
+.chroma .na,
+.chroma .nc,
+.chroma .nd,
+.chroma .ne,
+.chroma .nf,
+.chroma .nx,
+.chroma .gi {
+  color: #a6e22e;
+}
+
+.chroma .l,
+.chroma .se,
+.chroma .m,
+.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;
+}

assets/css/chroma-light.css

@@ -0,0 +1,124 @@
+// Based on Solarized Dark (pygments-high-contrast-stylesheets)
+// Source: https://github.com/mpchadwick/pygments-high-contrast-stylesheets/blob/gh-pages/solarized-dark.css
+
+.chroma,
+pre,
+p code,
+li code {
+  color: #93a1a1;
+  background-color: #002b36;
+}
+
+.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%;
+  background-color: rgba(0,0,0,.3);
+}
+
+.chroma .nb {
+  color: #b58900;
+}
+
+.chroma .ge {
+  font-style: italic;
+}
+
+.chroma .gr {
+  color: #e8625f;
+  font-weight: bold;
+}
+
+.chroma .gs {
+  font-weight: bold;
+}
+
+.chroma .x,
+.chroma .kc,
+.chroma .no,
+.chroma .ni,
+.chroma .ne,
+.chroma .se,
+.chroma .gh {
+  color: #e9662f;
+}
+
+.chroma .lnt,
+.chroma .ln {
+  margin-right: 0.5rem;
+  padding: 0 0.5rem 0 1.5rem;
+  color: #848f8f;
+}
+
+.chroma .k,
+.chroma .kn,
+.chroma .kp,
+.chroma .o,
+.chroma .ow,
+.chroma .cs,
+.chroma .cp,
+.chroma .cpf,
+.chroma .gi {
+  color: #859900;
+}
+
+.chroma .kd,
+.chroma .kr,
+.chroma .bp,
+.chroma .nc,
+.chroma .nd,
+.chroma .nf,
+.chroma .nt,
+.chroma .nv,
+.chroma .gu {
+  color: #3294da;
+}
+
+.chroma .kt,
+.chroma .sr,
+.chroma .gd {
+  color: #e8625f;
+}
+
+.chroma .s,
+.chroma .sa,
+.chroma .sc,
+.chroma .dl,
+.chroma .s2,
+.chroma .si,
+.chroma .sx,
+.chroma .s1,
+.chroma .ss,
+.chroma .m,
+.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;
+}

assets/css/custom.css

@@ -33,3 +33,133 @@ html {
 /* .toc a:hover { */
 /*     font-size: 16pt; */
 /* } */
+
+
+/* // Based on Monokai (pygments-high-contrast-stylesheets) */
+/* // Source: https://github.com/mpchadwick/pygments-high-contrast-stylesheets/blob/gh-pages/monokai.css */
+
+.chroma,
+pre,
+p code,
+li code {
+  color: #f8f8f2 !important;
+  background: #272822 !important;
+}
+
+.chroma .err {
+  color: #eb0083 !important;
+  background-color: #1e0010 !important;
+}
+
+.chroma .lntd {
+  vertical-align: top !important;
+  padding: 0 !important;
+  margin: 0 !important;
+  border: 0 !important;
+}
+
+.chroma .lntable {
+  border-spacing: 0 !important;
+  /* //padding: 0; */
+  margin: 0 !important;
+  border: 0 !important;
+  width: auto !important;
+  /* //overflow: auto; */
+  display: block !important;
+}
+
+.chroma .hl {
+  display: block !important;
+  width: 100% !important;
+  background-color: rgba(0,0,0,.3) !important;
+}
+
+.chroma .ge {
+	font-style: italic !important;
+}
+
+.chroma .gs {
+	font-weight: bold !important;
+}
+
+.chroma .lnt,
+.chroma .ln {
+  margin-right: 0.5rem !important;
+  padding: 0 0.5rem 0 1.5rem !important;
+  color: #8e8e8e !important;
+}
+
+.chroma .k,
+.chroma .kc,
+.chroma .kd,
+.chroma .kp,
+.chroma .kr,
+.chroma .kt,
+.chroma .no {
+  color: #66d9ef !important;
+}
+
+.chroma .kn,
+.chroma .nt,
+.chroma .o,
+.chroma .ow,
+.chroma .gd {
+  color: #f94e8a !important;
+}
+
+.chroma .na,
+.chroma .nc,
+.chroma .nd,
+.chroma .ne,
+.chroma .nf,
+.chroma .nx,
+.chroma .gi {
+  color: #a6e22e !important;
+}
+
+.chroma .l,
+.chroma .se,
+.chroma .m,
+.chroma .mb,
+.chroma .mf,
+.chroma .mh,
+.chroma .mi,
+.chroma .il,
+.chroma .mo {
+  color: #ae81ff !important;
+}
+
+.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 !important;
+}
+
+/* .chroma .n, */
+.chroma .c,
+.chroma .ch,
+.chroma .cm,
+.chroma .c1,
+.chroma .cs,
+.chroma .cp,
+.chroma .cpf,
+.chroma .gu {
+  color: #949076 !important;
+}
+
+
+.chroma .n {
+  color: white !important;
+}
+