Fixed wrong palette color for inactive code annotations

This commit is contained in:
squidfunk 2021-11-13 15:18:08 +01:00
parent 2201e2389f
commit bda6e156ed
5 changed files with 8 additions and 5 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -34,7 +34,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.450eaa28.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/main.4e7c321a.min.css' | url }}">
{% if config.theme.palette %} {% if config.theme.palette %}
{% set palette = config.theme.palette %} {% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.9204c3b2.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.9204c3b2.min.css' | url }}">

View File

@ -156,12 +156,13 @@
display: inline-block; display: inline-block;
min-width: 1.4em; min-width: 1.4em;
padding: 0 px2em(6px); padding: 0 px2em(6px);
color: var(--md-accent-bg-color); color: var(--md-default-bg-color);
text-align: center; text-align: center;
background-color: var(--md-default-fg-color--lighter); background-color: var(--md-default-fg-color--lighter);
border-radius: px2em(20px); border-radius: px2em(20px);
cursor: pointer; cursor: pointer;
transition: transition:
color 250ms,
background-color 250ms, background-color 250ms,
z-index 250ms; z-index 250ms;
animation: pulse 2000ms infinite; animation: pulse 2000ms infinite;
@ -176,6 +177,7 @@
// Annotation index on focus // Annotation index on focus
:focus-within > & { :focus-within > & {
transition: transition:
color 250ms,
background-color 250ms, background-color 250ms,
z-index 0ms; z-index 0ms;
animation: none; animation: none;
@ -189,6 +191,7 @@
// Annotation index on focus/hover // Annotation index on focus/hover
:focus-within > &, :focus-within > &,
:hover > & { :hover > & {
color: var(--md-accent-bg-color);
background-color: var(--md-accent-fg-color); background-color: var(--md-accent-fg-color);
} }
} }