Twenty Twenty-One: Make text within code blocks readable in Dark Mode.

This change ensures that the primary text color specific to Dark Mode is used instead of the one specified for normal mode. The latter is not legible in Dark Mode.

Props slaFFik, poena, mukesh27, justinahinon.
Merges [49825] to the 5.6 branch.
Fixes #51985.

git-svn-id: https://develop.svn.wordpress.org/branches/5.6@49852 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Jonathan Desrosiers 2020-12-21 13:27:23 +00:00
parent 533af7e17f
commit 991bef6b45
4 changed files with 4 additions and 0 deletions

View File

@ -2573,6 +2573,7 @@ input[type=reset]:hover {
}
.wp-block-code code {
color: #28303d;
font-size: 1rem;
white-space: pre;
overflow-x: auto;

View File

@ -6,6 +6,7 @@
padding: var(--global--spacing-unit);
code {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
white-space: pre;
overflow-x: auto;

View File

@ -1870,6 +1870,7 @@ input[type=reset]:hover,
}
.wp-block-code code {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
white-space: pre;
overflow-x: auto;

View File

@ -1880,6 +1880,7 @@ input[type=reset]:hover,
}
.wp-block-code code {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
white-space: pre;
overflow-x: auto;