From 28a3b39fb9653db3f627cd55d610f28ed95860b3 Mon Sep 17 00:00:00 2001
From: Henk Verlinde <henk@ventizo.com>
Date: Fri, 26 Mar 2021 10:25:32 +0100
Subject: [PATCH] feat: update default highlight style

---
 assets/scss/common/_dark.scss        | 19 +++++++++++++++++++
 assets/scss/components/_buttons.scss |  6 +++---
 assets/scss/components/_doks.scss    | 23 ++++++++++++++++++++---
 assets/scss/components/_images.scss  | 12 ++++++++++++
 4 files changed, 54 insertions(+), 6 deletions(-)

diff --git a/assets/scss/common/_dark.scss b/assets/scss/common/_dark.scss
index 234fd40..0789939 100644
--- 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
index 179c849..f20a0d2 100644
--- 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
index bd7e5b4..4c8bfc7 100644
--- 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
index 254eefa..d736492 100644
--- 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;
   }