Skip to content

Commit 5deec28

Browse files
committed
Switched content tabs to neutral color
1 parent c9e4a5e commit 5deec28

File tree

4 files changed

+16
-10
lines changed

4 files changed

+16
-10
lines changed

material/templates/assets/stylesheets/main.1212ebcf.min.css renamed to material/templates/assets/stylesheets/main.72749a73.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

material/templates/assets/stylesheets/main.1212ebcf.min.css.map renamed to material/templates/assets/stylesheets/main.72749a73.min.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

material/templates/base.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@
4444
{% endif %}
4545
{% endblock %}
4646
{% block styles %}
47-
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.1212ebcf.min.css' | url }}">
47+
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.72749a73.min.css' | url }}">
4848
{% if config.theme.palette %}
4949
{% set palette = config.theme.palette %}
5050
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.a5377069.min.css' | url }}">

src/templates/assets/stylesheets/main/extensions/pymdownx/_tabbed.scss

Lines changed: 13 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -82,6 +82,11 @@
8282
}
8383
}
8484
}
85+
86+
// Tab indicator on keyboard focus
87+
&.focus-visible ~ .tabbed-labels::before {
88+
background-color: var(--md-accent-fg-color);
89+
}
8590
}
8691
}
8792

@@ -115,10 +120,11 @@
115120
width: var(--md-indicator-width);
116121
height: 2px;
117122
content: "";
118-
background: var(--md-accent-fg-color);
123+
background: var(--md-default-fg-color);
119124
transition:
120-
width 225ms,
121-
transform 250ms;
125+
width 225ms,
126+
background-color 250ms,
127+
transform 250ms;
122128
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
123129
transform: translateX(var(--md-indicator-x));
124130
}
@@ -160,7 +166,7 @@
160166

161167
// Tab label on hover
162168
&:hover {
163-
color: var(--md-accent-fg-color);
169+
color: var(--md-default-fg-color);
164170
}
165171
}
166172
}
@@ -374,18 +380,18 @@
374380

375381
// [screen]: Show active state
376382
@media screen {
377-
color: var(--md-accent-fg-color);
383+
color: var(--md-default-fg-color);
378384

379385
// [no-js]: Show border (indicator is animated with JavaScript)
380386
.no-js & {
381-
border-color: var(--md-accent-fg-color);
387+
border-color: var(--md-default-fg-color);
382388
}
383389
}
384390
}
385391

386392
// Tab label on keyboard focus placeholder
387393
%tabbed-label-focus-visible {
388-
background-color: var(--md-accent-fg-color--transparent);
394+
color: var(--md-accent-fg-color);
389395
}
390396

391397
// Tab content placeholder

0 commit comments

Comments
 (0)