Make code block colors more accessibleaccessible-code-block-coloring

1 files changed, 71 insertions, 64 deletions

diff --git a/content/assets/stylesheets/highlight.scss b/content/assets/stylesheets/highlight.scss
index a44529a9..80726887 100644
--- a/content/assets/stylesheets/highlight.scss
+++ b/content/assets/stylesheets/highlight.scss
@@ -10,8 +10,8 @@ pre.highlight {
   border-radius: 3px;
   overflow-x: hidden;
   margin: 20px 0;
-  background: #2b303b;
-  color: #eff1f5;
+  background: #272822;
+  color: #f8f8f2;
 
   // Code itself
   code {
@@ -23,69 +23,76 @@ pre.highlight {
     background: transparent;
   }
 
-  .hll { background-color: #4f5b66 }
-  .c { color: #65737e } /* Comment */
-  .err { color: #bf616a } /* Error */
-  .k { color: #b48ead } /* Keyword */
-  .l { color: #d08770 } /* Literal */
-  .n { color: #eff1f5 } /* Name */
-  .o { color: #96b5b4 } /* Operator */
-  .p { color: #eff1f5 } /* Punctuation */
-  .cm { color: #65737e } /* Comment.Multiline */
-  .cp { color: #65737e } /* Comment.Preproc */
-  .c1 { color: #65737e } /* Comment.Single */
-  .cs { color: #65737e } /* Comment.Special */
-  .gd { color: #bf616a } /* Generic.Deleted */
-  .ge { font-style: italic } /* Generic.Emph */
+  .hll { background-color: #49483e; }
+  .c { color: #949076; } /* Comment */
+  .err { background-color: #1e0010; color: #eb0083; } /* Error */
+  .k { color: #66d9ef; } /* Keyword */
+  .l { color: #ae81ff; } /* Literal */
+  .n { color: #f8f8f2; } /* Name */
+  .o { color: #f94e8a; } /* Operator */
+  .p { color: #f8f8f2; } /* Punctuation */
+  .ch { color: #949076; }
+  .cm { color: #949076; } /* Comment.Multiline */
+  .cp { color: #949076; } /* Comment.Preproc */
+  .cpf { color: #949076; }
+  .c1 { color: #949076; } /* Comment.Single */
+  .cs { color: #949076; } /* Comment.Special */
+  .gd { color: #f94e8a; } /* Generic.Deleted */
+  .ge { font-style: italic; } /* Generic.Emph */
   .gh { color: #eff1f5; font-weight: bold } /* Generic.Heading */
-  .gi { color: #a3be8c } /* Generic.Inserted */
+  .gi { color: #a6e22e; } /* Generic.Inserted */
   .gp { color: #65737e; font-weight: bold } /* Generic.Prompt */
-  .gs { font-weight: bold } /* Generic.Strong */
-  .gu { color: #96b5b4; font-weight: bold } /* Generic.Subheading */
-  .kc { color: #b48ead } /* Keyword.Constant */
-  .kd { color: #b48ead } /* Keyword.Declaration */
-  .kn { color: #96b5b4 } /* Keyword.Namespace */
-  .kp { color: #b48ead } /* Keyword.Pseudo */
-  .kr { color: #b48ead } /* Keyword.Reserved */
-  .kt { color: #ebcb8b } /* Keyword.Type */
-  .ld { color: #a3be8c } /* Literal.Date */
-  .m { color: #d08770 } /* Literal.Number */
-  .s { color: #a3be8c } /* Literal.String */
-  .na { color: #8fa1b3 } /* Name.Attribute */
-  .nb { color: #eff1f5 } /* Name.Builtin */
-  .nc { color: #ebcb8b } /* Name.Class */
-  .no { color: #bf616a } /* Name.Constant */
-  .nd { color: #96b5b4 } /* Name.Decorator */
-  .ni { color: #eff1f5 } /* Name.Entity */
-  .ne { color: #bf616a } /* Name.Exception */
-  .nf { color: #8fa1b3 } /* Name.Function */
-  .nl { color: #eff1f5 } /* Name.Label */
-  .nn { color: #ebcb8b } /* Name.Namespace */
-  .nx { color: #8fa1b3 } /* Name.Other */
-  .py { color: #eff1f5 } /* Name.Property */
-  .nt { color: #96b5b4 } /* Name.Tag */
-  .nv { color: #bf616a } /* Name.Variable */
-  .ow { color: #96b5b4 } /* Operator.Word */
-  .w { color: #eff1f5 } /* Text.Whitespace */
-  .mf { color: #d08770 } /* Literal.Number.Float */
-  .mh { color: #d08770 } /* Literal.Number.Hex */
-  .mi { color: #d08770 } /* Literal.Number.Integer */
-  .mo { color: #d08770 } /* Literal.Number.Oct */
-  .sb { color: #a3be8c } /* Literal.String.Backtick */
-  .sc { color: #eff1f5 } /* Literal.String.Char */
-  .sd { color: #65737e } /* Literal.String.Doc */
-  .s2 { color: #a3be8c } /* Literal.String.Double */
-  .se { color: #d08770 } /* Literal.String.Escape */
-  .sh { color: #a3be8c } /* Literal.String.Heredoc */
-  .si { color: #d08770 } /* Literal.String.Interpol */
-  .sx { color: #a3be8c } /* Literal.String.Other */
-  .sr { color: #a3be8c } /* Literal.String.Regex */
-  .s1 { color: #a3be8c } /* Literal.String.Single */
-  .ss { color: #a3be8c } /* Literal.String.Symbol */
-  .bp { color: #eff1f5 } /* Name.Builtin.Pseudo */
-  .vc { color: #bf616a } /* Name.Variable.Class */
-  .vg { color: #bf616a } /* Name.Variable.Global */
-  .vi { color: #bf616a } /* Name.Variable.Instance */
-  .il { color: #d08770 } /* Literal.Number.Integer.Long */
+  .gs { font-weight: bold; } /* Generic.Strong */
+  .gu { color: #949076; } /* Generic.Subheading */
+  .kc { color: #66d9ef; } /* Keyword.Constant */
+  .kd { color: #66d9ef; } /* Keyword.Declaration */
+  .kn { color: #f94e8a; } /* Keyword.Namespace */
+  .kp { color: #66d9ef; } /* Keyword.Pseudo */
+  .kr { color: #66d9ef; } /* Keyword.Reserved */
+  .kt { color: #66d9ef; } /* Keyword.Type */
+  .ld { color: #e6db74; } /* Literal.Date */
+  .m { color: #ae81ff; } /* Literal.Number */
+  .s { color: #e6db74; } /* Literal.String */
+  .na { color: #a6e22e; } /* Name.Attribute */
+  .nb { color: #f8f8f2; } /* Name.Builtin */
+  .nc { color: #a6e22e; } /* Name.Class */
+  .no { color: #66d9ef; } /* Name.Constant */
+  .nd { color: #a6e22e; } /* Name.Decorator */
+  .ni { color: #f8f8f2; } /* Name.Entity */
+  .ne { color: #a6e22e; } /* Name.Exception */
+  .nf { color: #a6e22e; } /* Name.Function */
+  .nl { color: #f8f8f2; } /* Name.Label */
+  .nn { color: #f8f8f2; } /* Name.Namespace */
+  .nx { color: #a6e22e; } /* Name.Other */
+  .py { color: #f8f8f2; } /* Name.Property */
+  .nt { color: #f94e8a; } /* Name.Tag */
+  .nv { color: #f8f8f2; } /* Name.Variable */
+  .ow { color: #f94e8a; } /* Operator.Word */
+  .w { color: #f8f8f2; } /* Text.Whitespace */
+  .mb { color: #ae81ff; }
+  .mf { color: #ae81ff; } /* Literal.Number.Float */
+  .mh { color: #ae81ff; } /* Literal.Number.Hex */
+  .mi { color: #ae81ff; } /* Literal.Number.Integer */
+  .mo { color: #ae81ff; } /* Literal.Number.Oct */
+  .sa { color: #e6db74; }
+  .sb { color: #e6db74; } /* Literal.String.Backtick */
+  .sc { color: #e6db74; } /* Literal.String.Char */
+  .dl { color: #e6db74; }
+  .sd { color: #e6db74; } /* Literal.String.Doc */
+  .s2 { color: #e6db74; } /* Literal.String.Double */
+  .se { color: #ae81ff; } /* Literal.String.Escape */
+  .sh { color: #e6db74; } /* Literal.String.Heredoc */
+  .si { color: #e6db74; } /* Literal.String.Interpol */
+  .sx { color: #e6db74; } /* Literal.String.Other */
+  .sr { color: #e6db74; } /* Literal.String.Regex */
+  .s1 { color: #e6db74; } /* Literal.String.Single */
+  .ss { color: #e6db74; } /* Literal.String.Symbol */
+  .bp { color: #f8f8f2; } /* Name.Builtin.Pseudo */
+  .fm { color: #a6e22e; }
+  .vc { color: #f8f8f2; } /* Name.Variable.Class */
+  .vg { color: #f8f8f2; } /* Name.Variable.Global */
+  .vi { color: #f8f8f2; } /* Name.Variable.Instance */
+  .vm { color: #f8f8f2; }
+  .il { color: #ae81ff; } /* Literal.Number.Integer.Long */
 
 }