Improved readability of version warning for slate color scheme

squidfunk · Feb 18, 2023 · 981ee65 · 981ee65
1 parent 3b6c142
commit 981ee65
Show file tree

Hide file tree

Showing 8 changed files with 11 additions and 7 deletions.
diff --git a/material/assets/stylesheets/main.f1b09aa2.min.css b/material/assets/stylesheets/main.f1b09aa2.min.css
diff --git a/material/assets/stylesheets/main.f1b09aa2.min.css.map b/material/assets/stylesheets/main.f1b09aa2.min.css.map
diff --git a/material/assets/stylesheets/main.ffa9267a.min.css b/material/assets/stylesheets/main.ffa9267a.min.css
diff --git a/material/assets/stylesheets/main.ffa9267a.min.css.map b/material/assets/stylesheets/main.ffa9267a.min.css.map
diff --git a/material/base.html b/material/base.html
@@ -40,7 +40,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.f1b09aa2.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.ffa9267a.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.a0c5b2b5.min.css' | url }}">
@@ -120,7 +120,7 @@
       {% endif %}
     </div>
     {% if config.extra.version %}
-      <div data-md-component="outdated" hidden>
+      <div data-md-color-scheme="default" data-md-component="outdated" hidden>
         {% if self.outdated() %}
           <aside class="md-banner md-banner--warning">
             <div class="md-banner__inner md-grid md-typeset">

diff --git a/src/assets/stylesheets/main/_colors.scss b/src/assets/stylesheets/main/_colors.scss
@@ -111,6 +111,10 @@
   --md-admonition-fg-color:            var(--md-default-fg-color);
   --md-admonition-bg-color:            var(--md-default-bg-color);
 
+  // Warning color shades
+  --md-warning-fg-color:              hsla(0, 0%, 0%, 0.87);
+  --md-warning-bg-color:              hsla(60, 100%, 80%, 1);
+
   // Footer color shades
   --md-footer-fg-color:                hsla(0, 0%, 100%, 1);
   --md-footer-fg-color--light:         hsla(0, 0%, 100%, 0.7);

diff --git a/src/assets/stylesheets/main/components/_banner.scss b/src/assets/stylesheets/main/components/_banner.scss
@@ -37,8 +37,8 @@
 
   // Banner with warning
   &--warning {
-    color: var(--md-default-fg-color);
-    background: var(--md-typeset-mark-color);
+    color: var(--md-warning-fg-color);
+    background-color: var(--md-warning-bg-color);
   }
 
   // Banner wrapper

diff --git a/src/base.html b/src/base.html
@@ -239,7 +239,7 @@
 
     <!-- Version warning -->
     {% if config.extra.version %}
-      <div data-md-component="outdated" hidden>
+      <div data-md-color-scheme="default" data-md-component="outdated" hidden>
         {% if self.outdated() %}
           <aside class="md-banner md-banner--warning">
             <div class="md-banner__inner md-grid md-typeset">