feat: update default highlight style

This commit is contained in:
Henk Verlinde 2021-03-26 10:25:32 +01:00
parent 41b94b1715
commit 28a3b39fb9
4 changed files with 54 additions and 6 deletions

View File

@ -312,3 +312,22 @@ body.dark .figure-caption {
body.dark table {
@extend .table-dark;
}
body.dark .copy-status::after {
content: "Copy";
display: block;
color: $body-color-dark;
}
body.dark .copy-status:hover::after {
content: "Copy";
display: block;
color: $link-color-dark;
}
body.dark .copy-status:focus::after,
body.dark .copy-status:active::after {
content: "Copied";
display: block;
color: $link-color-dark;
}

View File

@ -74,18 +74,18 @@ body.dark .toggle-dark {
.copy-status::after {
content: "Copy";
display: block;
color: $gray-300;
color: $body-color;
}
.copy-status:hover::after {
content: "Copy";
display: block;
color: $blue-300;
color: $pink-500;
}
.copy-status:focus::after,
.copy-status:active::after {
content: "Copied";
display: block;
color: $blue-300;
color: $pink-500;
}

View File

@ -8,8 +8,8 @@ Doks — based on Ascetic by (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
display: block;
overflow-x: auto;
padding: 0.5em;
background: $body-overlay-dark;
color: $body-color-dark;
background: $beige;
color: $body-color;
}
.hljs-string,
@ -21,7 +21,7 @@ Doks — based on Ascetic by (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
.hljs-addition,
.hljs-attribute,
.hljs-link {
color: $blue-300;
color: $pink-500;
}
.hljs-comment,
@ -43,3 +43,20 @@ Doks — based on Ascetic by (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
.hljs-emphasis {
font-style: italic;
}
body.dark .hljs {
background: $body-overlay-dark;
color: $body-color-dark;
}
body.dark .hljs-string,
body.dark .hljs-variable,
body.dark .hljs-template-variable,
body.dark .hljs-symbol,
body.dark .hljs-bullet,
body.dark .hljs-section,
body.dark .hljs-addition,
body.dark .hljs-attribute,
body.dark .hljs-link {
color: $blue-300;
}

View File

@ -10,6 +10,10 @@ figure.wide {
margin: 2rem -1.5rem;
}
img.wide {
margin: 0.375rem 0 1.25rem;
}
figure.wide .figure-caption {
margin: 0.25rem 1.5rem 0.75rem;
}
@ -19,6 +23,10 @@ figure.wide .figure-caption {
margin: 2rem -2.5rem;
}
img.wide {
margin: 0.375rem -2.5rem 1.25rem;
}
figure.wide .figure-caption {
margin: 0.25rem 2.5rem 0.75rem;
}
@ -29,6 +37,10 @@ figure.wide .figure-caption {
margin: 2rem -5rem;
}
img.wide {
margin: 0.375rem -5rem 1.25rem;
}
figure.wide .figure-caption {
margin: 0.25rem 5rem 0.75rem;
}