Improved slate color scheme

material/overrides/main.html

@@ -3,7 +3,7 @@
 -#}
 {% extends "base.html" %}
 {% block extrahead %}
-  <link rel="stylesheet" href="{{ 'assets/stylesheets/custom.911930df.min.css' | url }}">
+  <link rel="stylesheet" href="{{ 'assets/stylesheets/custom.8b8181c9.min.css' | url }}">
 {% endblock %}
 {% block announce %}
   For updates follow <strong>@squidfunk</strong> on

material/templates/assets/stylesheets/palette.649f08f9.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/templates/assets/stylesheets/palette/_scheme.scss","../../../../src/templates/assets/stylesheets/palette.scss","src/templates/assets/stylesheets/palette/_accent.scss","src/templates/assets/stylesheets/palette/_primary.scss","src/templates/assets/stylesheets/utilities/_break.scss"],"names":[],"mappings":"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","file":"palette.css"}

material/templates/assets/stylesheets/palette.d9da2f1d.min.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/templates/assets/stylesheets/palette/_scheme.scss","../../../../src/templates/assets/stylesheets/palette.scss","src/templates/assets/stylesheets/palette/_accent.scss","src/templates/assets/stylesheets/palette/_primary.scss","src/templates/assets/stylesheets/utilities/_break.scss"],"names":[],"mappings":"AA2BA,cAGE,6BAQE,YAAA,CAGA,sDAAA,CACA,6DAAA,CACA,+DAAA,CACA,gEAAA,CACA,mDAAA,CACA,6DAAA,CACA,+DAAA,CACA,gEAAA,CAGA,gDAAA,CACA,gDAAA,CAGA,4BAAA,CACA,iCAAA,CACA,kCAAA,CACA,mCAAA,CACA,mCAAA,CACA,kCAAA,CACA,iCAAA,CACA,+CAAA,CACA,6DAAA,CACA,gEAAA,CACA,4DAAA,CACA,4DAAA,CACA,6DAAA,CAGA,6CAAA,CAGA,+CAAA,CAGA,uDAAA,CACA,6DAAA,CACA,2DAAA,CAGA,iCAAA,CAGA,8BAAA,CAGA,yDAAA,CACA,iEAAA,CAGA,mDAAA,CACA,mDAAA,CAGA,qDAAA,CACA,wDAAA,CAGA,0DAAA,CAKA,8DAAA,CAKA,0DAAA,CA5EA,iBCgBF,CDiEE,kHAEE,YC/DJ,CDsFE,yDACE,4BCpFJ,CDmFE,2DACE,4BCjFJ,CDgFE,gEACE,4BC9EJ,CD6EE,2DACE,4BC3EJ,CD0EE,yDACE,4BCxEJ,CDuEE,0DACE,4BCrEJ,CDoEE,gEACE,4BClEJ,CDiEE,0DACE,4BC/DJ,CD8DE,2OACE,4BCnDJ,CD0DA,+FAGE,iCCxDF,CACF,CChDE,2BACE,4BAAA,CACA,2CAAA,CAOE,yBAAA,CACA,qCD4CN,CCtDE,4BACE,4BAAA,CACA,2CAAA,CAOE,yBAAA,CACA,qCDmDN,CC7DE,8BACE,4BAAA,CACA,2CAAA,CAOE,yBAAA,CACA,qCD0DN,CCpEE,mCACE,4BAAA,CACA,2CAAA,CAOE,yBAAA,CACA,qCDiEN,CC3EE,8BACE,4BAAA,CACA,2CAAA,CAOE,yBAAA,CACA,qCDwEN,CClFE,4BACE,4BAAA,CACA,2CAAA,CAOE,yBAAA,CACA,qCD+EN,CCzFE,kCACE,4BAAA,CACA,2CAAA,CAOE,yBAAA,CACA,qCDsFN,CChGE,4BACE,4BAAA,CACA,2CAAA,CAOE,yBAAA,CACA,qCD6FN,CCvGE,4BACE,4BAAA,CACA,2CAAA,CAOE,yBAAA,CACA,qCDoGN,CC9GE,6BACE,4BAAA,CACA,2CAAA,CAOE,yBAAA,CACA,qCD2GN,CCrHE,mCACE,4BAAA,CACA,2CAAA,CAOE,yBAAA,CACA,qCDkHN,CC5HE,4BACE,4BAAA,CACA,2CAAA,CAIE,8BAAA,CACA,qCD4HN,CCnIE,8BACE,4BAAA,CACA,2CAAA,CAIE,8BAAA,CACA,qCDmIN,CC1IE,6BACE,yBAAA,CACA,2CAAA,CAIE,8BAAA,CACA,qCD0IN,CCjJE,8BACE,4BAAA,CACA,2CAAA,CAIE,8BAAA,CACA,qCDiJN,CCxJE,mCACE,4BAAA,CACA,2CAAA,CAOE,yBAAA,CACA,qCDqJN,CE1JE,4BACE,6BAAA,CACA,oCAAA,CACA,mCAAA,CAOE,0BAAA,CACA,sCFuJN,CElKE,6BACE,6BAAA,CACA,oCAAA,CACA,mCAAA,CAOE,0BAAA,CACA,sCF+JN,CE1KE,+BACE,6BAAA,CACA,oCAAA,CACA,mCAAA,CAOE,0BAAA,CACA,sCFuKN,CElLE,oCACE,6BAAA,CACA,oCAAA,CACA,mCAAA,CAOE,0BAAA,CACA,sCF+KN,CE1LE,+BACE,6BAAA,CACA,oCAAA,CACA,mCAAA,CAOE,0BAAA,CACA,sCFuLN,CElME,6BACE,6BAAA,CACA,oCAAA,CACA,mCAAA,CAOE,0BAAA,CACA,sCF+LN,CE1ME,mCACE,6BAAA,CACA,oCAAA,CACA,mCAAA,CAOE,0BAAA,CACA,sCFuMN,CElNE,6BACE,6BAAA,CACA,oCAAA,CACA,mCAAA,CAOE,0BAAA,CACA,sCF+MN,CE1NE,6BACE,6BAAA,CACA,oCAAA,CACA,mCAAA,CAOE,0BAAA,CACA,sCFuNN,CElOE,8BACE,6BAAA,CACA,oCAAA,CACA,mCAAA,CAOE,0BAAA,CACA,sCF+NN,CE1OE,oCACE,6BAAA,CACA,oCAAA,CACA,mCAAA,CAOE,0BAAA,CACA,sCFuON,CElPE,6BACE,6BAAA,CACA,oCAAA,CACA,mCAAA,CAIE,+BAAA,CACA,sCFkPN,CE1PE,+BACE,6BAAA,CACA,oCAAA,CACA,mCAAA,CAIE,+BAAA,CACA,sCF0PN,CElQE,8BACE,6BAAA,CACA,oCAAA,CACA,mCAAA,CAIE,+BAAA,CACA,sCFkQN,CE1QE,+BACE,6BAAA,CACA,oCAAA,CACA,mCAAA,CAIE,+BAAA,CACA,sCF0QN,CElRE,oCACE,6BAAA,CACA,oCAAA,CACA,mCAAA,CAOE,0BAAA,CACA,sCF+QN,CE1RE,8BACE,6BAAA,CACA,oCAAA,CACA,mCAAA,CAOE,0BAAA,CACA,sCFuRN,CElSE,6BACE,6BAAA,CACA,oCAAA,CACA,mCAAA,CAOE,0BAAA,CACA,sCAAA,CAKA,4BF2RN,CE3SE,kCACE,6BAAA,CACA,oCAAA,CACA,mCAAA,CAOE,0BAAA,CACA,sCAAA,CAKA,4BFoSN,CErRE,sEACE,4BFwRJ,CEzRE,+DACE,4BF4RJ,CE7RE,iEACE,4BFgSJ,CEjSE,gEACE,4BFoSJ,CErSE,iEACE,4BFwSJ,CE/RA,8BACE,0BAAA,CACA,sCAAA,CACA,qCAAA,CACA,+BAAA,CACA,sCAAA,CAGA,4BFgSF,CE7RE,yCACE,+BF+RJ,CE5RI,kDAEE,0CAAA,CACA,sCAAA,CAFA,UFgSN,CG5MI,mCD1EA,+CACE,0BFyRJ,CEtRI,qDACE,0BFwRN,CEnRE,iEACE,eFqRJ,CACF,CGvNI,sCDvDA,uCACE,oCFiRJ,CACF,CExQA,8BACE,0BAAA,CACA,sCAAA,CACA,gCAAA,CACA,0BAAA,CACA,sCAAA,CAGA,4BFyQF,CEtQE,yCACE,+BFwQJ,CErQI,kDAEE,0CAAA,CACA,sCAAA,CAFA,UFyQN,CElQE,yCACE,qBFoQJ,CG7NI,wCDhCA,8CACE,0BFgQJ,CACF,CGrPI,mCDJA,+CACE,0BF4PJ,CEzPI,qDACE,0BF2PN,CACF,CG1OI,wCDTA,iFACE,qBFsPJ,CACF,CGlQI,sCDmBA,uCACE,qBFkPJ,CACF","file":"palette.css"}

material/templates/base.html

@@ -44,10 +44,10 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.91abd1ad.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.9f615399.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
-        <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.d9da2f1d.min.css' | url }}">
+        <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.649f08f9.min.css' | url }}">
       {% endif %}
       {% include "partials/icons.html" %}
     {% endblock %}

mkdocs.yml

@@ -70,7 +70,7 @@ theme:
         icon: material/brightness-7
         name: Switch to dark mode
     - scheme: slate
-      primary: indigo
+      primary: black
       accent: indigo
       toggle:
         icon: material/brightness-4

src/overrides/assets/stylesheets/custom/layout/_hero.scss

@@ -39,11 +39,11 @@
   // Adjust background for slate theme
   [data-md-color-scheme="slate"] & {
     background:
-      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(232, 15%, 21%, 1)' /></svg>") no-repeat bottom,
+      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(230, 15%, 14%, 1)' /></svg>") no-repeat bottom,
       linear-gradient(
         to bottom,
         var(--md-primary-fg-color),
-        hsla(280, 67%, 55%, 1) 99%,
+        hsla(230, 15%, 25%, 1) 99%,
         var(--md-default-bg-color) 99%
       );
   }

src/templates/assets/stylesheets/main/_colors.scss

@@ -65,6 +65,10 @@
 // Default theme, i.e. light mode
 %root {
 
+  // Color hue in the range [0,360] - change this variable to alter the tone
+  // of the theme, e.g. to make it more redish or greenish
+  --md-hue: 230;
+
   // Default color shades
   --md-default-fg-color:               hsla(0, 0%, 0%, 0.87);
   --md-default-fg-color--light:        hsla(0, 0%, 0%, 0.54);

src/templates/assets/stylesheets/main/_typeset.scss

@@ -182,6 +182,11 @@ kbd {
       transition: background-color 125ms;
     }
 
+    // Strong text
+    strong {
+      color: currentcolor;
+    }
+
     // Show outline for keyboard devices
     &.focus-visible {
       outline-color: var(--md-accent-fg-color);

src/templates/assets/stylesheets/palette/_primary.scss

@@ -92,11 +92,11 @@
 
 // Define primary colors for white
 [data-md-color-primary="white"] {
-  --md-primary-fg-color:               hsla(0, 0%, 100%, 1);
+  --md-primary-fg-color:               hsla(var(--md-hue), 0%, 100%, 1);
-  --md-primary-fg-color--light:        hsla(0, 0%, 100%, 0.7);
+  --md-primary-fg-color--light:        hsla(var(--md-hue), 0%, 100%, 0.7);
-  --md-primary-fg-color--dark:         hsla(0, 0%, 0%, 0.07);
+  --md-primary-fg-color--dark:         hsla(var(--md-hue), 0%, 0%, 0.07);
-  --md-primary-bg-color:               hsla(0, 0%, 0%, 0.87);
+  --md-primary-bg-color:               hsla(var(--md-hue), 0%, 0%, 0.87);
-  --md-primary-bg-color--light:        hsla(0, 0%, 0%, 0.54);
+  --md-primary-bg-color--light:        hsla(var(--md-hue), 0%, 0%, 0.54);
 
   // Typeset `a` color shades
   --md-typeset-a-color:                hsl(#{hex2hsl($clr-indigo-500)});
@@ -107,7 +107,7 @@
 
     // Primary button
     &--primary {
-      color: hsla(0, 0%, 100%, 1);
+      color: hsla(var(--md-hue), 0%, 100%, 1);
       background-color: var(--md-typeset-a-color);
       border-color: var(--md-typeset-a-color);
     }
@@ -118,17 +118,17 @@
 
     // Search form
     .md-search__form {
-      background-color: hsla(0, 0%, 0%, 0.07);
+      background-color: hsla(var(--md-hue), 0%, 0%, 0.07);
 
       // Search form on hover
       &:hover {
-        background-color: hsla(0, 0%, 0%, 0.32);
+        background-color: hsla(var(--md-hue), 0%, 0%, 0.32);
       }
     }
 
     // Search icon
     .md-search__input + .md-search__icon {
-      color: hsla(0, 0%, 0%, 0.87);
+      color: hsla(var(--md-hue), 0%, 0%, 0.87);
     }
   }
 
@@ -148,11 +148,11 @@
 
 // Define primary colors for black
 [data-md-color-primary="black"] {
-  --md-primary-fg-color:               hsla(0, 0%, 0%, 1);
+  --md-primary-fg-color:               hsla(var(--md-hue), 15%, 9%, 1);
-  --md-primary-fg-color--light:        hsla(0, 0%, 0%, 0.54);
+  --md-primary-fg-color--light:        hsla(var(--md-hue), 15%, 9%, 0.54);
-  --md-primary-fg-color--dark:         hsla(0, 0%, 0%, 1);
+  --md-primary-fg-color--dark:         hsla(var(--md-hue), 15%, 9%, 1);
-  --md-primary-bg-color:               hsla(0, 0%, 100%, 1);
+  --md-primary-bg-color:               hsla(var(--md-hue), 15%, 100%, 1);
-  --md-primary-bg-color--light:        hsla(0, 0%, 100%, 0.7);
+  --md-primary-bg-color--light:        hsla(var(--md-hue), 15%, 100%, 0.7);
 
   // Typeset `a` color shades
   --md-typeset-a-color:                hsl(#{hex2hsl($clr-indigo-500)});
@@ -163,7 +163,7 @@
 
     // Primary button
     &--primary {
-      color: hsla(0, 0%, 100%, 1);
+      color: hsla(var(--md-hue), 0%, 100%, 1);
       background-color: var(--md-typeset-a-color);
       border-color: var(--md-typeset-a-color);
     }
@@ -171,7 +171,7 @@
 
   // Header
   .md-header {
-    background-color: hsla(0, 0%, 0%, 1);
+    background-color: hsla(var(--md-hue), 15%, 9%, 1);
   }
 
   // [tablet portrait -]: Layered navigation
@@ -179,21 +179,7 @@
 
     // Repository information container
     .md-nav__source {
-      background-color: hsla(0, 0%, 0%, 0.87);
+      background-color: hsla(var(--md-hue), 15%, 11%, 0.87);
-    }
-  }
-
-  // [tablet landscape +]: Header-embedded search
-  @include break-from-device(tablet landscape) {
-
-    // Search form
-    .md-search__form {
-      background-color: hsla(0, 0%, 100%, 0.12);
-
-      // Search form on hover
-      &:hover {
-        background-color: hsla(0, 0%, 100%, 0.3);
-      }
     }
   }
 
@@ -202,7 +188,7 @@
 
     // Site title in main navigation
     html & .md-nav--primary .md-nav__title[for="__drawer"] {
-      background-color: hsla(0, 0%, 0%, 1);
+      background-color: hsla(var(--md-hue), 15%, 9%, 1);
     }
   }
 
@@ -211,7 +197,7 @@
 
     // Navigation tabs
     .md-tabs {
-      background-color: hsla(0, 0%, 0%, 1);
+      background-color: hsla(var(--md-hue), 15%, 9%, 1);
     }
   }
 }

src/templates/assets/stylesheets/palette/_scheme.scss

@@ -33,27 +33,22 @@
     // Indicate that the site is rendered with a dark color scheme
     color-scheme: dark;
 
-    // Slate's hue in the range [0,360] - change this variable to alter the tone
-    // of the theme, e.g. to make it more redish or greenish. This is a slate-
-    // specific variable, but the same approach may be adapted to custom themes.
-    --md-hue: 214;
-
     // Default color shades
-    --md-default-fg-color:             hsla(var(--md-hue), 75%, 95%, 0.84);
+    --md-default-fg-color:             hsla(var(--md-hue), 15%, 90%, 0.75);
-    --md-default-fg-color--light:      hsla(var(--md-hue), 75%, 90%, 0.62);
+    --md-default-fg-color--light:      hsla(var(--md-hue), 15%, 90%, 0.56);
-    --md-default-fg-color--lighter:    hsla(var(--md-hue), 75%, 90%, 0.32);
+    --md-default-fg-color--lighter:    hsla(var(--md-hue), 15%, 90%, 0.32);
-    --md-default-fg-color--lightest:   hsla(var(--md-hue), 75%, 90%, 0.12);
+    --md-default-fg-color--lightest:   hsla(var(--md-hue), 15%, 90%, 0.12);
-    --md-default-bg-color:             hsla(var(--md-hue), 22%, 18%, 1);
+    --md-default-bg-color:             hsla(var(--md-hue), 15%, 14%, 1);
-    --md-default-bg-color--light:      hsla(var(--md-hue), 22%, 18%, 0.54);
+    --md-default-bg-color--light:      hsla(var(--md-hue), 15%, 14%, 0.54);
-    --md-default-bg-color--lighter:    hsla(var(--md-hue), 22%, 18%, 0.26);
+    --md-default-bg-color--lighter:    hsla(var(--md-hue), 15%, 14%, 0.26);
-    --md-default-bg-color--lightest:   hsla(var(--md-hue), 22%, 18%, 0.07);
+    --md-default-bg-color--lightest:   hsla(var(--md-hue), 15%, 14%, 0.07);
 
     // Code color shades
     --md-code-fg-color:                hsla(var(--md-hue), 18%, 86%, 1);
-    --md-code-bg-color:                hsla(var(--md-hue), 22%, 15%, 1);
+    --md-code-bg-color:                hsla(var(--md-hue), 15%, 17%, 1);
 
     // Code highlighting color shades
-    --md-code-hl-color:                hsla(#{hex2hsl($clr-blue-a200)}, 0.15);
+    --md-code-hl-color--light:         hsla(#{hex2hsl($clr-blue-a200)}, 0.15);
     --md-code-hl-number-color:         hsla(6, 74%, 63%, 1);
     --md-code-hl-special-color:        hsla(340, 83%, 66%, 1);
     --md-code-hl-function-color:       hsla(291, 57%, 65%, 1);
@@ -74,8 +69,8 @@
     --md-typeset-a-color:              var(--md-primary-fg-color);
 
     // Typeset `kbd` color shades
-    --md-typeset-kbd-color:            hsla(var(--md-hue), 15%, 94%, 0.12);
+    --md-typeset-kbd-color:            hsla(var(--md-hue), 15%, 95%, 0.12);
-    --md-typeset-kbd-accent-color:     hsla(var(--md-hue), 15%, 94%, 0.2);
+    --md-typeset-kbd-accent-color:     hsla(var(--md-hue), 15%, 95%, 0.2);
     --md-typeset-kbd-border-color:     hsla(var(--md-hue), 15%, 14%, 1);
 
     // Typeset `mark` color shades
@@ -85,25 +80,25 @@
     --md-typeset-strong-color:         hsla(0, 100%, 100%, 1);
 
     // Typeset `table` color shades
-    --md-typeset-table-color:          hsla(var(--md-hue), 75%, 95%, 0.12);
+    --md-typeset-table-color:          hsla(var(--md-hue), 15%, 95%, 0.12);
-    --md-typeset-table-color--light:   hsla(var(--md-hue), 75%, 95%, 0.035);
+    --md-typeset-table-color--light:   hsla(var(--md-hue), 15%, 95%, 0.035);
 
     // Admonition color shades
     --md-admonition-fg-color:          var(--md-default-fg-color);
     --md-admonition-bg-color:          var(--md-default-bg-color);
 
     // Footer color shades
-    --md-footer-bg-color:              hsla(var(--md-hue), 15%, 12%, 0.87);
+    --md-footer-bg-color:              hsla(var(--md-hue), 15%, 10%, 0.87);
-    --md-footer-bg-color--dark:        hsla(var(--md-hue), 15%, 10%, 1);
+    --md-footer-bg-color--dark:        hsla(var(--md-hue), 15%,  8%, 1);
 
     // Shadow depth 1
     --md-shadow-z1:
-      0 #{px2rem(4px)} #{px2rem(10px)} hsla(0, 0%, 0%, 0.2),
+      0 #{px2rem(4px)} #{px2rem(10px)} hsla(0, 0%, 0%, 0.05),
       0 0              #{px2rem(1px)}  hsla(0, 0%, 0%, 0.1);
 
     // Shadow depth 2
     --md-shadow-z2:
-      0 #{px2rem(4px)} #{px2rem(10px)} hsla(0, 0%, 0%, 0.3),
+      0 #{px2rem(4px)} #{px2rem(10px)} hsla(0, 0%, 0%, 0.1),
       0 0              #{px2rem(1px)}  hsla(0, 0%, 0%, 0.25);
 
     // Shadow depth 3