Changeset 49852

Timestamp:

12/21/2020 01:27:23 PM (5 years ago)

Author:

desrosj

Message:

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.

Location:

branches/5.6

Files:

• . (modified) (1 prop)
• src/wp-content/themes/twentytwentyone/assets/css/ie.css (modified) (1 diff)
• src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_style.scss (modified) (1 diff)
• src/wp-content/themes/twentytwentyone/style-rtl.css (modified) (1 diff)
• src/wp-content/themes/twentytwentyone/style.css (modified) (1 diff)

branches/5.6/src/wp-content/themes/twentytwentyone/assets/css/ie.css

@@ -2574 +2574 @@
 
 .wp-block-code code {
+    color: #28303d;
     font-size: 1rem;
     white-space: pre;

branches/5.6/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_style.scss

@@ -7 +7 @@
 
     code {
+        color: var(--global--color-primary);
         font-size: var(--global--font-size-xs);
         white-space: pre;

branches/5.6/src/wp-content/themes/twentytwentyone/style-rtl.css

@@ -1871 +1871 @@
 
 .wp-block-code code {
+    color: var(--global--color-primary);
     font-size: var(--global--font-size-xs);
     white-space: pre;

branches/5.6/src/wp-content/themes/twentytwentyone/style.css

@@ -1881 +1881 @@
 
 .wp-block-code code {
+    color: var(--global--color-primary);
     font-size: var(--global--font-size-xs);
     white-space: pre;