Fix quoteblk color in dark mode (#3357)
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:
parent
fa93875e37
commit
339a81fc74
@ -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,
|
||||
|
||||
@ -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;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user