vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2026-06-28 22:30:04 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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.
Fixes #51985.

git-svn-id: https://develop.svn.wordpress.org/trunk@49825 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Jonathan Desrosiers
2020-12-17 14:20:22 +00:00
parent a35f9fda65
commit 3d9c9b9447
4 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/wp-content/themes/twentytwentyone/assets/css/ie.css
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;

1
src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_style.scss
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;

1
src/wp-content/themes/twentytwentyone/style-rtl.css
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;

1
src/wp-content/themes/twentytwentyone/style.css
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;