florent/pages
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix quoteblk color in dark mode (#3357)

Browse Source 
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.
This commit is contained in:
ZHU Yuhui 2025-11-17 02:47:00 +01:00 committed by GitHub
parent fa93875e37
commit 339a81fc74
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
_sass/_base.scss
View File

@ -79,6 +79,7 @@ blockquote {
color: var(--global-tip-block-text); color: var(--global-tip-block-text);
} }
a,
h1, h1,
h2, h2,
h3, h3,
@ -100,6 +101,7 @@ blockquote {
color: var(--global-warning-block-text); color: var(--global-warning-block-text);
} }
a,
h1, h1,
h2, h2,
h3, h3,
@ -121,6 +123,7 @@ blockquote {
color: var(--global-danger-block-text); color: var(--global-danger-block-text);
} }
a,
h1, h1,
h2, h2,
h3, h3,

18
_sass/_themes.scss
View File

@ -102,17 +102,17 @@ html[data-theme="dark"] {
--global-newsletter-text-color: #{$grey-color-dark}; --global-newsletter-text-color: #{$grey-color-dark};
--global-tip-block: #42b983; --global-tip-block: #42b983;
--global-tip-block-bg: #e2f5ec; --global-tip-block-bg: #215d42;
--global-tip-block-text: #215d42; --global-tip-block-text: #beffe2;
--global-tip-block-title: #359469; --global-tip-block-title: #e2f5ec;
--global-warning-block: #e7c000; --global-warning-block: #e7c000;
--global-warning-block-bg: #fff8d8; --global-warning-block-bg: #6b5900;
--global-warning-block-text: #6b5900; --global-warning-block-text: #fff2af;
--global-warning-block-title: #b29400; --global-warning-block-title: #fff8d8;
--global-danger-block: #c00; --global-danger-block: #c00;
--global-danger-block-bg: #ffe0e0; --global-danger-block-bg: #600;
--global-danger-block-text: #600; --global-danger-block-text: #ffb9b9;
--global-danger-block-title: #c00; --global-danger-block-title: #ffe0e0;
.only-light { .only-light {
display: none; display: none;