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

Fixed dark mode for icon search

Browse Source
This commit is contained in:
squidfunk 2021-02-15 17:48:01 +01:00
parent 77b7858081
commit c5cbbd9ad8
12 changed files with 27 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
material/assets/manifest.json
View File

@ -5,12 +5,12 @@
"assets/javascripts/vendor.js.map": "assets/javascripts/vendor.00ecb175.min.js.map", "assets/javascripts/vendor.js.map": "assets/javascripts/vendor.00ecb175.min.js.map",
"assets/javascripts/worker/search.js": "assets/javascripts/worker/search.3f4c5856.min.js", "assets/javascripts/worker/search.js": "assets/javascripts/worker/search.3f4c5856.min.js",
"assets/javascripts/worker/search.js.map": "assets/javascripts/worker/search.3f4c5856.min.js.map", "assets/javascripts/worker/search.js.map": "assets/javascripts/worker/search.3f4c5856.min.js.map",
"assets/stylesheets/main.css": "assets/stylesheets/main.45122f27.min.css", "assets/stylesheets/main.css": "assets/stylesheets/main.fa8597d9.min.css",
"assets/stylesheets/main.css.map": "assets/stylesheets/main.45122f27.min.css.map", "assets/stylesheets/main.css.map": "assets/stylesheets/main.fa8597d9.min.css.map",
"assets/stylesheets/palette.css": "assets/stylesheets/palette.e03a20ad.min.css", "assets/stylesheets/palette.css": "assets/stylesheets/palette.e03a20ad.min.css",
"assets/stylesheets/palette.css.map": "assets/stylesheets/palette.e03a20ad.min.css.map", "assets/stylesheets/palette.css.map": "assets/stylesheets/palette.e03a20ad.min.css.map",
"overrides/assets/javascripts/bundle.js": "overrides/assets/javascripts/bundle.e5217812.min.js", "overrides/assets/javascripts/bundle.js": "overrides/assets/javascripts/bundle.e5217812.min.js",
"overrides/assets/javascripts/bundle.js.map": "overrides/assets/javascripts/bundle.e5217812.min.js.map", "overrides/assets/javascripts/bundle.js.map": "overrides/assets/javascripts/bundle.e5217812.min.js.map",
"overrides/assets/stylesheets/main.css": "overrides/assets/stylesheets/main.c2cc92d1.min.css", "overrides/assets/stylesheets/main.css": "overrides/assets/stylesheets/main.01a7853e.min.css",
"overrides/assets/stylesheets/main.css.map": "overrides/assets/stylesheets/main.c2cc92d1.min.css.map" "overrides/assets/stylesheets/main.css.map": "overrides/assets/stylesheets/main.01a7853e.min.css.map"
} }

3
material/assets/stylesheets/main.45122f27.min.css vendored
View File

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

3
material/assets/stylesheets/main.fa8597d9.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

2
material/base.html
View File

@ -39,7 +39,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.45122f27.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/main.fa8597d9.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.e03a20ad.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.e03a20ad.min.css' | url }}">

4
material/overrides/assets/stylesheets/main.c2cc92d1.min.css → material/overrides/assets/stylesheets/main.01a7853e.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
material/overrides/assets/stylesheets/main.01a7853e.min.css.map Normal file
View File

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

2
material/overrides/main.html
View File

@ -22,7 +22,7 @@
<meta name="twitter:title" content="{{ title }}"> <meta name="twitter:title" content="{{ title }}">
<meta name="twitter:description" content="{{ config.site_description }}"> <meta name="twitter:description" content="{{ config.site_description }}">
<meta name="twitter:image" content="{{ image }}"> <meta name="twitter:image" content="{{ image }}">
<link rel="stylesheet" href="{{ 'overrides/assets/stylesheets/main.c2cc92d1.min.css' | url }}"> <link rel="stylesheet" href="{{ 'overrides/assets/stylesheets/main.01a7853e.min.css' | url }}">
{% endblock %} {% endblock %}
{% block announce %} {% block announce %}
<a href="https://twitter.com/squidfunk"> <a href="https://twitter.com/squidfunk">

2
src/assets/stylesheets/main/layout/_search.scss
View File

@ -259,7 +259,7 @@
// Adjust appearance when search is active // Adjust appearance when search is active
[data-md-toggle="search"]:checked ~ .md-header & { [data-md-toggle="search"]:checked ~ .md-header & {
box-shadow: 0 0 px2rem(12px) var(--md-default-fg-color--lightest); box-shadow: 0 0 px2rem(12px) hsla(0, 0%, 0%, 0.07);
} }
// [tablet portrait -]: Search modal // [tablet portrait -]: Search modal

15
src/overrides/assets/stylesheets/main/_shame.scss
View File

@ -47,7 +47,13 @@
// Icon search input // Icon search input
.md-input { .md-input {
box-shadow: 0 0 px2rem(12px) var(--md-default-fg-color--lightest); background: var(--md-default-bg-color);
box-shadow: 0 0 px2rem(12px) hsla(0, 0%, 0%, 0.07);
// Slate theme, i.e. dark mode
[data-md-color-scheme="slate"] & {
background: var(--md-code-bg-color);
}
} }
} }
@ -99,7 +105,7 @@
padding: px2rem(4px) px2rem(12px); padding: px2rem(4px) px2rem(12px);
border-bottom: px2rem(1px) solid var(--md-default-fg-color--lightest); border-bottom: px2rem(1px) solid var(--md-default-fg-color--lightest);
// TODO: // Omit border on last child
&:last-child { &:last-child {
border-bottom: none; border-bottom: none;
} }
@ -113,6 +119,11 @@
img { img {
width: px2rem(18px); width: px2rem(18px);
height: px2rem(18px); height: px2rem(18px);
// Slate theme, i.e. dark mode
[data-md-color-scheme="slate"] &[src*=squidfunk] {
filter: invert(1);
}
} }
} }
} }