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

[Bug-fix] Make custom blockquote font coloring consistent (#2622)

Browse Source 
Currently, the tip, warning, and danger custom blockquote's font color
is not customized when the text is styled as bold, italics, or a list
item. As a result, the text is slightly less attractive in light mode
and almost illegible in dark mode.

## Screenshot: Current

<img width="400" alt="current-darkmode"
src="https://github.com/user-attachments/assets/1cdd5861-76a2-45bd-a948-99cf35f9c87e">

## Screenshot: Proposed

<img width="400" alt="proposed-darkmode"
src="https://github.com/user-attachments/assets/03fbd4d3-e3f5-498a-bef6-153e1ad55289">
This commit is contained in:
Rachel 2024-08-07 11:43:48 -04:00 committed by GitHub
parent 610f42bf61
commit 5c5c81cda8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
_sass/_base.scss
View File

@ -72,7 +72,10 @@ blockquote {
border-color: var(--global-tip-block); border-color: var(--global-tip-block);
background-color: var(--global-tip-block-bg); background-color: var(--global-tip-block-bg);
p { em,
li,
p,
strong {
color: var(--global-tip-block-text); color: var(--global-tip-block-text);
} }
@ -90,7 +93,10 @@ blockquote {
border-color: var(--global-warning-block); border-color: var(--global-warning-block);
background-color: var(--global-warning-block-bg); background-color: var(--global-warning-block-bg);
p { em,
li,
p,
strong {
color: var(--global-warning-block-text); color: var(--global-warning-block-text);
} }
@ -108,7 +114,10 @@ blockquote {
border-color: var(--global-danger-block); border-color: var(--global-danger-block);
background-color: var(--global-danger-block-bg); background-color: var(--global-danger-block-bg);
p { em,
li,
p,
strong {
color: var(--global-danger-block-text); color: var(--global-danger-block-text);
} }