Switched content tabs to neutral color

squidfunk · Sep 22, 2023 · 5deec28 · 5deec28
1 parent c9e4a5e
commit 5deec28
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 10 deletions.
diff --git a/.../assets/stylesheets/main.1212ebcf.min.css → .../assets/stylesheets/main.72749a73.min.css b/.../assets/stylesheets/main.1212ebcf.min.css → .../assets/stylesheets/main.72749a73.min.css
diff --git a/...ets/stylesheets/main.1212ebcf.min.css.map → ...ets/stylesheets/main.72749a73.min.css.map b/...ets/stylesheets/main.1212ebcf.min.css.map → ...ets/stylesheets/main.72749a73.min.css.map
diff --git a/material/templates/base.html b/material/templates/base.html
@@ -44,7 +44,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.1212ebcf.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.72749a73.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.a5377069.min.css' | url }}">

diff --git a/src/templates/assets/stylesheets/main/extensions/pymdownx/_tabbed.scss b/src/templates/assets/stylesheets/main/extensions/pymdownx/_tabbed.scss
@@ -82,6 +82,11 @@
           }
         }
       }
+
+      // Tab indicator on keyboard focus
+      &.focus-visible ~ .tabbed-labels::before {
+        background-color: var(--md-accent-fg-color);
+      }
     }
   }
 
@@ -115,10 +120,11 @@
           width: var(--md-indicator-width);
           height: 2px;
           content: "";
-          background: var(--md-accent-fg-color);
+          background: var(--md-default-fg-color);
           transition:
-            width     225ms,
-            transform 250ms;
+            width            225ms,
+            background-color 250ms,
+            transform        250ms;
           transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
           transform: translateX(var(--md-indicator-x));
         }
@@ -160,7 +166,7 @@
 
       // Tab label on hover
       &:hover {
-        color: var(--md-accent-fg-color);
+        color: var(--md-default-fg-color);
       }
     }
   }
@@ -374,18 +380,18 @@
 
   // [screen]: Show active state
   @media screen {
-    color: var(--md-accent-fg-color);
+    color: var(--md-default-fg-color);
 
     // [no-js]: Show border (indicator is animated with JavaScript)
     .no-js & {
-      border-color: var(--md-accent-fg-color);
+      border-color: var(--md-default-fg-color);
     }
   }
 }
 
 // Tab label on keyboard focus placeholder
 %tabbed-label-focus-visible {
-  background-color: var(--md-accent-fg-color--transparent);
+  color: var(--md-accent-fg-color);
 }
 
 // Tab content placeholder