OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Improved readability of version warning for slate color scheme

Browse Source
This commit is contained in:
squidfunk 2023-02-18 11:39:33 +01:00
parent 3b6c142958
commit 981ee65498
8 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
material/assets/stylesheets/main.f1b09aa2.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.f1b09aa2.min.css.map
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.ffa9267a.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.ffa9267a.min.css.map Normal file
View File

File diff suppressed because one or more lines are too long

4
material/base.html
View File

@ -40,7 +40,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% 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 %} {% if config.theme.palette %}
{% set palette = config.theme.palette %} {% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.a0c5b2b5.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.a0c5b2b5.min.css' | url }}">
@ -120,7 +120,7 @@
{% endif %} {% endif %}
</div> </div>
{% if config.extra.version %} {% if config.extra.version %}
<div data-md-component="outdated" hidden> <div data-md-color-scheme="default" data-md-component="outdated" hidden>
{% if self.outdated() %} {% if self.outdated() %}
<aside class="md-banner md-banner--warning"> <aside class="md-banner md-banner--warning">
<div class="md-banner__inner md-grid md-typeset"> <div class="md-banner__inner md-grid md-typeset">

4
src/assets/stylesheets/main/_colors.scss
View File

@ -111,6 +111,10 @@
--md-admonition-fg-color: var(--md-default-fg-color); --md-admonition-fg-color: var(--md-default-fg-color);
--md-admonition-bg-color: var(--md-default-bg-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 // Footer color shades
--md-footer-fg-color: hsla(0, 0%, 100%, 1); --md-footer-fg-color: hsla(0, 0%, 100%, 1);
--md-footer-fg-color--light: hsla(0, 0%, 100%, 0.7); --md-footer-fg-color--light: hsla(0, 0%, 100%, 0.7);

4
src/assets/stylesheets/main/components/_banner.scss
View File

@ -37,8 +37,8 @@
// Banner with warning // Banner with warning
&--warning { &--warning {
color: var(--md-default-fg-color); color: var(--md-warning-fg-color);
background: var(--md-typeset-mark-color); background-color: var(--md-warning-bg-color);
} }
// Banner wrapper // Banner wrapper

2
src/base.html
View File

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