Skip to content

Commit

Permalink
feat: update default highlight style
Browse files Browse the repository at this point in the history
  • Loading branch information
h-enk committed Mar 26, 2021
1 parent 41b94b1 commit 28a3b39
Show file tree
Hide file tree
Showing 4 changed files with 54 additions and 6 deletions.
19 changes: 19 additions & 0 deletions assets/scss/common/_dark.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
6 changes: 3 additions & 3 deletions assets/scss/components/_buttons.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
23 changes: 20 additions & 3 deletions assets/scss/components/_doks.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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,
Expand All @@ -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,
Expand All @@ -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;
}
12 changes: 12 additions & 0 deletions assets/scss/components/_images.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
Expand All @@ -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;
}
Expand All @@ -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;
}
Expand Down

0 comments on commit 28a3b39

Please sign in to comment.