From a3fec979d7bcdca04537231a8f278084a663dd40 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan-Gerrit=20G=C3=B6bel?=
 <86782124+jggoebel@users.noreply.github.com>
Date: Thu, 8 Aug 2024 11:05:25 +0200
Subject: [PATCH] Fix 449: Darkmode improvements (#209)

---
 src/dark-theme.css | 88 ++++++++++++++++++++++++++++++----------------
 1 file changed, 58 insertions(+), 30 deletions(-)

diff --git a/src/dark-theme.css b/src/dark-theme.css
index d03f5ea5..220ad086 100644
--- a/src/dark-theme.css
+++ b/src/dark-theme.css
@@ -548,41 +548,69 @@
   .clr-combobox-input {
     background: hsl(201, 30%, 15%);
   }
-}
-
-.header-actions clr-dropdown-menu a cds-icon {
-  color: white;
-}
-
-.clr-combobox-input {
-  background: --clr-global-app-background;
-}
-
-cds-icon {
-  color: white;
-}
-
-cds-icon.clr-accordion-angle {
-  fill: var(--clr-icon-color-inverse);
-}
 
-cds-icon {
-  &[status='success'] {
-    fill: var(--clr-icon-color-success);
+  .header-actions clr-dropdown-menu a cds-icon {
+    color: white;
   }
-  &[status='danger'] {
-    fill: var(--clr-icon-color-error);
-  }
-  &[status='warning'] {
-    fill: var(--clr-icon-color-warning);
+
+  .clr-combobox-input {
+    background: --clr-global-app-background;
   }
-  &[status='info'] {
-    fill: var(--clr-icon-color-info);
+
+  cds-icon {
+    color: white;
   }
-  &[inverse] {
+
+  cds-icon.clr-accordion-angle {
     fill: var(--clr-icon-color-inverse);
   }
-  &[status='highlight'] {
-    fill: var(--clr-icon-color-highlight);
+
+  cds-icon {
+    &[status='success'] {
+      fill: var(--clr-icon-color-success);
+    }
+    &[status='danger'] {
+      fill: var(--clr-icon-color-error);
+    }
+    &[status='warning'] {
+      fill: var(--clr-icon-color-warning);
+    }
+    &[status='info'] {
+      fill: var(--clr-icon-color-info);
+    }
+    &[inverse] {
+      fill: var(--clr-icon-color-inverse);
+    }
+    &[status='highlight'] {
+      fill: var(--clr-icon-color-highlight);
+    }
+  }
+
+  .hf-md-content {
+    .note {
+      .note-title {
+        color: var(--clr-h3-color) !important;
+      }
+    }
+
+    p code {
+      background-color: var(--clr-global-selection-color) !important;
+      color: var(--clr-global-font-color) !important;
+    }
+
+    pre {
+      background-color: hsla(0, 0%, 100%, 0.075) !important;
+      &:hover {
+        .language,
+        .filename {
+          color: var(--clr-global-font-color) !important;
+        }
+      }
+    }
+
+    code[class*='language-'] {
+      color: var(--clr-global-font-color) !important;
+      text-shadow: none;
+    }
   }
 }