Accessibility improvements

_layouts/base.html

@@ -9,7 +9,7 @@
     <link rel="shortcut icon" href="/favicon.ico" />
     <link rel="stylesheet" href="/assets/normalize.min.css?version={{site.time | date_to_xmlschema | cgi_escape}}" />
     <link rel="stylesheet" href="/assets/foundation.min.css?version={{site.time | date_to_xmlschema | cgi_escape}}" />
-    <link rel="stylesheet" href="/assets/highlightjs/default.min.css?version={{site.time | date_to_xmlschema | cgi_escape}}" />
+    <link rel="stylesheet" href="/assets/highlightjs/a11y-dark.min.css?version={{site.time | date_to_xmlschema | cgi_escape}}" />
     <link rel="stylesheet" href="/assets/magnific-popup.css?version={{site.time | date_to_xmlschema | cgi_escape}}" />
 
     <link rel="stylesheet" href="/assets/fontawesome/css/solid.min.css?version={{site.time | date_to_xmlschema | cgi_escape}}" />
@@ -61,19 +61,10 @@
                 <div class="show-for-medium-only"><i class="fas fa-code"></i> Dev</div>
               </a>
             </li>
-            <li class="has-dropdown">
-              <a title="Search" href="#">
-                <div class="hide-for-small"><i class="fas fa-search"></i></div>
-                <div class="hide-for-medium-up"><i class="fas fa-search"></i> Search</div>
+            <li>
+              <a id="search_icon" title="Search" href="https://www.google.com/search?as_sitesearch=www.monodevelop.com">
+                <div><i class="fas fa-search"></i> Search</div>
               </a>
-                <ul class="dropdown">
-                   <li class="has-form">
-                    <form id="header-searchform" action="https://www.google.com/search" method="get">
-                          <input name="as_sitesearch" type="hidden" value="www.monodevelop.com" />
-                          <input name="q" type="text" title="Search" placeholder="Search..." />
-                    </form>
-                  </li>
-                </ul>
             </li>
           </ul>
         </section>
@@ -112,7 +103,7 @@
       }
 
       $(document).foundation();
-      hljs.initHighlightingOnLoad();
+      hljs.highlightAll();
       $(document).ready(function() {
 
         $('.image-link').magnificPopup({

assets/highlightjs/a11y-dark.min.css

@@ -0,0 +1,7 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: a11y-dark
+  Author: @ericwbailey
+  Maintainer: @ericwbailey
+
+  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
+*/.hljs{background:#2b2b2b;color:#f8f8f2}.hljs-comment,.hljs-quote{color:#d4d0ab}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ffa07a}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#f5ab35}.hljs-attribute{color:gold}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#abe338}.hljs-section,.hljs-title{color:#00e0e0}.hljs-keyword,.hljs-selector-tag{color:#dcc6e0}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-quote,.hljs-string,.hljs-symbol,.hljs-type{color:highlight}.hljs-keyword,.hljs-selector-tag{font-weight:700}}

assets/highlightjs/default.min.css

@@ -1,9 +0,0 @@
-/*!
-  Theme: Default
-  Description: Original highlight.js style
-  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
-  Maintainer: @highlightjs/core-team
-  Website: https://highlightjs.org/
-  License: see project LICENSE
-  Touched: 2021
-*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}

assets/main.css

@@ -22,7 +22,7 @@ code {
 }
 
 button, .button {
-  background-color: #007EA8;
+  background-color: #00779f;
 }
 
 button:hover, button:focus, .button:hover, .button:focus {
@@ -30,7 +30,7 @@ button:hover, button:focus, .button:hover, .button:focus {
 }
 
 a {
-  color: #007EA8;
+  color: #00779f;
 }
 
 a:hover, a:focus {
@@ -256,7 +256,7 @@ footer {
 /* --- Blog post --- */
 .meta {
   margin-left: 2px;
-  color: #999;
+  color: #747474;
   margin-bottom: 20px;
 }
 
@@ -280,7 +280,7 @@ footer {
 }
 
 .meta a {
-  color: #999
+  color: #747474
 }
 /* --- --- */