From 339a81fc74a68c66ba81689823fee7e524b2f6c2 Mon Sep 17 00:00:00 2001
From: ZHU Yuhui <zhuyh97@gmail.com>
Date: Mon, 17 Nov 2025 02:47:00 +0100
Subject: [PATCH] Fix quoteblk color in dark mode (#3357)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This PR fixes the issue #3252 which makes the `quoteblk` dazzling in
dark mode 🙈✨🥹. This is implemented by defining seperated color values of
`quoteblk`s in dark mode thus does not affect the colors in light mode.
---
 _sass/_base.scss   |  3 +++
 _sass/_themes.scss | 18 +++++++++---------
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/_sass/_base.scss b/_sass/_base.scss
index 614a443..189f2f7 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -79,6 +79,7 @@ blockquote {
       color: var(--global-tip-block-text);
     }
 
+    a,
     h1,
     h2,
     h3,
@@ -100,6 +101,7 @@ blockquote {
       color: var(--global-warning-block-text);
     }
 
+    a,
     h1,
     h2,
     h3,
@@ -121,6 +123,7 @@ blockquote {
       color: var(--global-danger-block-text);
     }
 
+    a,
     h1,
     h2,
     h3,
diff --git a/_sass/_themes.scss b/_sass/_themes.scss
index 6cfd061..f9ba621 100644
--- a/_sass/_themes.scss
+++ b/_sass/_themes.scss
@@ -102,17 +102,17 @@ html[data-theme="dark"] {
   --global-newsletter-text-color: #{$grey-color-dark};
 
   --global-tip-block: #42b983;
-  --global-tip-block-bg: #e2f5ec;
-  --global-tip-block-text: #215d42;
-  --global-tip-block-title: #359469;
+  --global-tip-block-bg: #215d42;
+  --global-tip-block-text: #beffe2;
+  --global-tip-block-title: #e2f5ec;
   --global-warning-block: #e7c000;
-  --global-warning-block-bg: #fff8d8;
-  --global-warning-block-text: #6b5900;
-  --global-warning-block-title: #b29400;
+  --global-warning-block-bg: #6b5900;
+  --global-warning-block-text: #fff2af;
+  --global-warning-block-title: #fff8d8;
   --global-danger-block: #c00;
-  --global-danger-block-bg: #ffe0e0;
-  --global-danger-block-text: #600;
-  --global-danger-block-title: #c00;
+  --global-danger-block-bg: #600;
+  --global-danger-block-text: #ffb9b9;
+  --global-danger-block-title: #ffe0e0;
 
   .only-light {
     display: none;