Changeset 51095

Timestamp:

06/08/2021 03:05:34 PM (3 years ago)

Author:

ryelle

Message:

Twenty Twenty: Ensure custom primary color is applied to text in the editor.

Update the specificity of the custom CSS to match the editor styles. This overrides the default primary color with the selected custom color, matching the frontend display.

Props sabernhardt, notlaura.
Fixes #50120.

Location:

trunk/src/wp-content/themes/twentytwenty

Files:

• assets/css/editor-style-block.css (modified) (1 diff)
• inc/custom-css.php (modified) (1 diff)

trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css

@@ -225 +225 @@
 /* Typography -------------------------------- */
 
-.editor-styles-wrapper .editor-block-list__layout a {
+.editor-styles-wrapper a {
     color: #cd2653;
     text-decoration: underline;

trunk/src/wp-content/themes/twentytwenty/inc/custom-css.php

@@ -123 +123 @@
             // Accent color.
             if ( $accent && $accent !== $accent_default ) {
-                twentytwenty_generate_css( '.has-accent-color, .editor-styles-wrapper .editor-block-list__layout a, .editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter, .editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link, .editor-styles-wrapper .wp-block-pullquote::before, .editor-styles-wrapper .wp-block-file .wp-block-file__textlink', 'color', $accent );
+                twentytwenty_generate_css( ':root .has-accent-color, .editor-styles-wrapper a, .editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter, .editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link, .editor-styles-wrapper .wp-block-pullquote::before, .editor-styles-wrapper .wp-block-file .wp-block-file__textlink', 'color', $accent );
                 twentytwenty_generate_css( '.editor-styles-wrapper .wp-block-quote', 'border-color', $accent, '' );
                 twentytwenty_generate_css( '.has-accent-background-color, .editor-styles-wrapper .wp-block-button__link, .editor-styles-wrapper .wp-block-file__button', 'background-color', $accent );