Ticket #57544: 57544.1.patch

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

@@ -162 +162 @@
 
 /* CUSTOM COLORS */
 
-:root .has-accent-color {
+:root .has-accent-color,
+:root .wp-block-separator.has-accent-color {
         color: #cd2653;
 }
 
@@ -171 +172 @@
         color: #fff;
 }
 
-:root .has-primary-color {
+:root .has-primary-color,
+:root .wp-block-separator.has-primary-color {
         color: #000;
 }
 
@@ -180 +182 @@
         color: #f5efe0;
 }
 
-:root .has-secondary-color {
+:root .has-secondary-color,
+:root .wp-block-separator.has-secondary-color {
         color: #6d6d6d;
 }
 
@@ -189 +192 @@
         color: #fff;
 }
 
-:root .has-subtle-background-color {
+:root .has-subtle-background-color,
+:root .wp-block-separator.has-subtle-background-color {
         color: #dcd7ca;
 }
 
@@ -198 +202 @@
         color: #000;
 }
 
-:root .has-background-color {
+:root .has-background-color,
+:root .wp-block-separator.has-background-color {
         color: #f5efe0;
 }
 

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

@@ -162 +162 @@
 
 /* CUSTOM COLORS */
 
-:root .has-accent-color {
+:root .has-accent-color,
+:root .wp-block-separator.has-accent-color {
         color: #cd2653;
 }
 
@@ -171 +172 @@
         color: #fff;
 }
 
-:root .has-primary-color {
+:root .has-primary-color,
+:root .wp-block-separator.has-primary-color {
         color: #000;
 }
 
@@ -180 +182 @@
         color: #f5efe0;
 }
 
-:root .has-secondary-color {
+:root .has-secondary-color,
+:root .wp-block-separator.has-secondary-color {
         color: #6d6d6d;
 }
 
@@ -189 +192 @@
         color: #fff;
 }
 
-:root .has-subtle-background-color {
+:root .has-subtle-background-color,
+:root .wp-block-separator.has-subtle-background-color {
         color: #dcd7ca;
 }
 
@@ -198 +202 @@
         color: #000;
 }
 
-:root .has-background-color {
+:root .has-background-color,
+:root .wp-block-separator.has-background-color {
         color: #f5efe0;
 }
 

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

@@ -126 +126 @@
                         // Colors.
                         // Accent color.
                         if ( $accent && $accent !== $accent_default ) {
-                                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( ':root .has-accent-color, :root .wp-block-separator.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 );
                         }