Improved highlighting colors and unified spacing for ins, del and mark

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

View File

@ -5,10 +5,10 @@
"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.map": "assets/javascripts/worker/search.01088dc6.min.js.map",
"assets/stylesheets/main.css": "assets/stylesheets/main.e568cee2.min.css",
"assets/stylesheets/main.css.map": "assets/stylesheets/main.e568cee2.min.css.map",
"assets/stylesheets/main.css": "assets/stylesheets/main.8b2630a8.min.css",
"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.map": "assets/stylesheets/overrides.76317e44.min.css.map",
"assets/stylesheets/palette.css": "assets/stylesheets/palette.57a52cf1.min.css",
"assets/stylesheets/palette.css.map": "assets/stylesheets/palette.57a52cf1.min.css.map"
"assets/stylesheets/palette.css": "assets/stylesheets/palette.88006c52.min.css",
"assets/stylesheets/palette.css.map": "assets/stylesheets/palette.88006c52.min.css.map"
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -41,9 +41,9 @@
{% endif %}
{% endblock %}
{% 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 %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.57a52cf1.min.css' | url }}">
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.88006c52.min.css' | url }}">
{% endif %}
{% if palette.primary %}
{% import "partials/palette.html" as map %}

View File

@ -58,7 +58,7 @@
--md-code-bg-color: hsla(0, 0%, 96%, 1);
// 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-special-color: hsla(340, 83%, 66%, 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-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
--md-typeset-del-color: hsla(6, 90%, 60%, 0.15);
--md-typeset-ins-color: hsla(150, 90%, 44%, 0.15);

View File

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

View File

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

View File

@ -47,6 +47,7 @@
--md-code-bg-color: hsla(var(--md-hue), 15%, 18%, 1);
// 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-comment-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
--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
--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);