Changeset 49825

Timestamp:

12/17/2020 02:20:22 PM (4 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.
Fixes #51985.

Location:

trunk/src/wp-content/themes/twentytwentyone

Files:

• assets/css/ie.css (modified) (1 diff)
• assets/sass/05-blocks/code/_style.scss (modified) (1 diff)
• style-rtl.css (modified) (1 diff)
• style.css (modified) (1 diff)

trunk/src/wp-content/themes/twentytwentyone/assets/css/ie.css

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

trunk/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;

trunk/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;

trunk/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;