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 highlighting colors and unified spacing for ins, del and mark

Browse Source
This commit is contained in:
squidfunk 2020-08-02 15:14:28 +02:00
parent 4c1ceb8bd1
commit bc8864c25a
13 changed files with 23 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
material/assets/manifest.json
View File

@ -5,10 +5,10 @@
"assets/javascripts/vendor.js.map": "assets/javascripts/vendor.82f1750e.min.js.map", "assets/javascripts/vendor.js.map": "assets/javascripts/vendor.82f1750e.min.js.map",
"assets/javascripts/worker/search.js": "assets/javascripts/worker/search.01088dc6.min.js", "assets/javascripts/worker/search.js": "assets/javascripts/worker/search.01088dc6.min.js",
"assets/javascripts/worker/search.js.map": "assets/javascripts/worker/search.01088dc6.min.js.map", "assets/javascripts/worker/search.js.map": "assets/javascripts/worker/search.01088dc6.min.js.map",
"assets/stylesheets/main.css": "assets/stylesheets/main.e568cee2.min.css", "assets/stylesheets/main.css": "assets/stylesheets/main.8b2630a8.min.css",
"assets/stylesheets/main.css.map": "assets/stylesheets/main.e568cee2.min.css.map", "assets/stylesheets/main.css.map": "assets/stylesheets/main.8b2630a8.min.css.map",
"assets/stylesheets/overrides.css": "assets/stylesheets/overrides.76317e44.min.css", "assets/stylesheets/overrides.css": "assets/stylesheets/overrides.76317e44.min.css",
"assets/stylesheets/overrides.css.map": "assets/stylesheets/overrides.76317e44.min.css.map", "assets/stylesheets/overrides.css.map": "assets/stylesheets/overrides.76317e44.min.css.map",
"assets/stylesheets/palette.css": "assets/stylesheets/palette.57a52cf1.min.css", "assets/stylesheets/palette.css": "assets/stylesheets/palette.88006c52.min.css",
"assets/stylesheets/palette.css.map": "assets/stylesheets/palette.57a52cf1.min.css.map" "assets/stylesheets/palette.css.map": "assets/stylesheets/palette.88006c52.min.css.map"
} }

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/palette.57a52cf1.min.css.map
View File

File diff suppressed because one or more lines are too long

4
material/assets/stylesheets/palette.57a52cf1.min.css → material/assets/stylesheets/palette.88006c52.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/palette.88006c52.min.css.map Normal file
View File

File diff suppressed because one or more lines are too long

4
material/base.html
View File

@ -41,9 +41,9 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.e568cee2.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/main.8b2630a8.min.css' | url }}">
{% if palette.scheme or palette.primary or palette.accent %} {% if palette.scheme or palette.primary or palette.accent %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.57a52cf1.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.88006c52.min.css' | url }}">
{% endif %} {% endif %}
{% if palette.primary %} {% if palette.primary %}
{% import "partials/palette.html" as map %} {% import "partials/palette.html" as map %}

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

@ -58,7 +58,7 @@
--md-code-bg-color: hsla(0, 0%, 96%, 1); --md-code-bg-color: hsla(0, 0%, 96%, 1);
// Code highlighting color shades // Code highlighting color shades
--md-code-hl-color: var(--md-default-fg-color--lightest); --md-code-hl-color: hsla(#{hex2hsl($clr-yellow-a200)}, 0.5);
--md-code-hl-number-color: hsla(6, 71%, 60%, 1); --md-code-hl-number-color: hsla(6, 71%, 60%, 1);
--md-code-hl-special-color: hsla(340, 83%, 66%, 1); --md-code-hl-special-color: hsla(340, 83%, 66%, 1);
--md-code-hl-function-color: hsla(291, 57%, 65%, 1); --md-code-hl-function-color: hsla(291, 57%, 65%, 1);
@ -76,6 +76,9 @@
--md-typeset-color: var(--md-default-fg-color); --md-typeset-color: var(--md-default-fg-color);
--md-typeset-a-color: var(--md-primary-fg-color); --md-typeset-a-color: var(--md-primary-fg-color);
// Typeset `mark` color shades
--md-typeset-mark-color: hsla(#{hex2hsl($clr-yellow-a200)}, 0.5);
// Typeset `del` and `ins` color shades // Typeset `del` and `ins` color shades
--md-typeset-del-color: hsla(6, 90%, 60%, 0.15); --md-typeset-del-color: hsla(6, 90%, 60%, 0.15);
--md-typeset-ins-color: hsla(150, 90%, 44%, 0.15); --md-typeset-ins-color: hsla(150, 90%, 44%, 0.15);

5
src/assets/stylesheets/main/_typeset.scss
View File

@ -269,10 +269,9 @@ kbd {
// Text highlighting marker // Text highlighting marker
mark { mark {
padding: 0 px2em(4px, 16px); color: inherit;
word-break: break-word; word-break: break-word;
background-color: transparentize($clr-yellow-500, 0.5); background-color: var(--md-typeset-mark-color);
border-radius: px2rem(2px);
box-decoration-break: clone; box-decoration-break: clone;
} }

2
src/assets/stylesheets/main/extensions/pymdownx/_critic.scss
View File

@ -31,8 +31,6 @@
del.critic, del.critic,
ins.critic, ins.critic,
.critic.comment { .critic.comment {
padding: 0 px2em(4px, 16px);
border-radius: px2rem(2px);
box-decoration-break: clone; box-decoration-break: clone;
} }

4
src/assets/stylesheets/palette/_scheme.scss
View File

@ -47,6 +47,7 @@
--md-code-bg-color: hsla(var(--md-hue), 15%, 18%, 1); --md-code-bg-color: hsla(var(--md-hue), 15%, 18%, 1);
// Code highlighting color shades // Code highlighting color shades
--md-code-hl-color: hsla(#{hex2hsl($clr-blue-a200)}, 0.3);
--md-code-hl-punctuation-color: hsla(var(--md-hue), 34%, 71%, 0.3); --md-code-hl-punctuation-color: hsla(var(--md-hue), 34%, 71%, 0.3);
--md-code-hl-comment-color: hsla(var(--md-hue), 34%, 71%, 0.3); --md-code-hl-comment-color: hsla(var(--md-hue), 34%, 71%, 0.3);
--md-code-hl-generic-color: hsla(var(--md-hue), 34%, 71%, 0.3); --md-code-hl-generic-color: hsla(var(--md-hue), 34%, 71%, 0.3);
@ -54,6 +55,9 @@
// Typeset color shades // Typeset color shades
--md-typeset-a-color: var(--md-primary-fg-color--light); --md-typeset-a-color: var(--md-primary-fg-color--light);
// Typeset `mark` color shades
--md-typeset-mark-color: hsla(#{hex2hsl($clr-blue-a200)}, 0.3);
// Typeset `kbd` color shades // Typeset `kbd` color shades
--md-typeset-kbd-color: hsla(var(--md-hue), 15%, 94%, 0.12); --md-typeset-kbd-color: hsla(var(--md-hue), 15%, 94%, 0.12);
--md-typeset-kbd-accent-color: hsla(var(--md-hue), 15%, 94%, 0.2); --md-typeset-kbd-accent-color: hsla(var(--md-hue), 15%, 94%, 0.2);