docs: change light theme to use gray header

This mimics ZX Spectrum boot BASIC cursor colors

Author: boriel

docs/overrides/stylesheets/extra.css

@@ -9,21 +9,29 @@
 /* Apply Sinclair Logo font to the main header */
 /* Light mode - very light yellow header */
 [data-md-color-scheme="default"] .md-header {
-  background-color: #264eb2; /* Very light yellow background color */
+  background-color: #d0d6da; /* Very light yellow background color */
+  height: 8em;
 }
 
 
 [data-md-color-scheme="default"] .md-header__title {
-  color: #ffde06;
+  color: #23231c;
+  padding-left: 2em;
 }
 
 /* Dark mode - dark gray header */
 [data-md-color-scheme="slate"] .md-header {
   background-color: #333333; /* Dark gray background color */
+  /*background-image: url('../img/boriel-basic-sinclair.png');*/
+  /*background-repeat: no-repeat;*/
+  /*background-position: center center;*/
+  /*background-size: auto 90%;*/
+  height: 8em;
 }
 
 [data-md-color-scheme="slate"] .md-header__title {
   color: #af0d0d;
+  padding-left: 2em;
 }
 
 .md-header__title {
@@ -40,11 +48,13 @@
   background-repeat: no-repeat;
   background-position: left center;
   background-size: auto 100%;
+  height: 100%;
 }
 
 /*!* Make the logo size 100% of the header *!*/
 .md-header__button.md-logo {
   color: #ff000000;
+  height: 100%;
 }
 
 /* Increase font weight for headings */
@@ -54,11 +64,11 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 /* Target Material theme specific heading classes if any */
-.md-typeset h1, 
-.md-typeset h2, 
-.md-typeset h3, 
-.md-typeset h4, 
-.md-typeset h5, 
+.md-typeset h1,
+.md-typeset h2,
+.md-typeset h3,
+.md-typeset h4,
+.md-typeset h5,
 .md-typeset h6 {
   font-weight: 600; /* Bold */
 }