feat: update default highlight style

gethyas · Mar 26, 2021 · 28a3b39 · 28a3b39
1 parent 41b94b1
commit 28a3b39
Show file tree

Hide file tree

Showing 4 changed files with 54 additions and 6 deletions.
diff --git a/assets/scss/common/_dark.scss b/assets/scss/common/_dark.scss
@@ -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;
+}
diff --git a/assets/scss/components/_buttons.scss b/assets/scss/components/_buttons.scss
@@ -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;
 }
diff --git a/assets/scss/components/_doks.scss b/assets/scss/components/_doks.scss
@@ -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;
+}
diff --git a/assets/scss/components/_images.scss b/assets/scss/components/_images.scss
@@ -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;
   }