ResiLien
/
portails
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
assets/scss/common/_dark.scss
View File

@ -312,3 +312,22 @@ body.dark .figure-caption {
body.dark table { body.dark table {
@extend .table-dark; @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;
}

6
assets/scss/components/_buttons.scss
View File

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

23
assets/scss/components/_doks.scss
View File

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

12
assets/scss/components/_images.scss
View File

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