Switched content tabs to neutral color

This commit is contained in:
squidfunk 2023-09-22 14:00:40 +02:00
parent c9e4a5e265
commit 5deec283a0
No known key found for this signature in database
GPG Key ID: 5ED40BC4F9C436DF
4 changed files with 16 additions and 10 deletions

View File

@ -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 }}">

View File

@ -82,6 +82,11 @@
}
}
}
// Tab indicator on keyboard focus
&.focus-visible ~ .tabbed-labels::before {
background-color: var(--md-accent-fg-color);
}
}
}
@ -115,9 +120,10 @@
width: var(--md-indicator-width);
height: 2px;
content: "";
background: var(--md-accent-fg-color);
background: var(--md-default-fg-color);
transition:
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