From fb9929cc267e746f6a3d3d2258904ef23cb76b96 Mon Sep 17 00:00:00 2001
From: Jb Audras <audrasjb@git.wordpress.org>
Date: Mon, 26 Jun 2023 15:48:23 +0000
Subject: [PATCH] Twenty Nineteen: Ensure Separator block supports theme colors
 in editor.

This fixes a bug in the Editor, where the Separator block did not support background color selections other than white and light gray.

Props nidhidhandhukiya, sabernhardt, shailu25, harshgajipara, mukesh27, costdev, zunaid321.
Fixes #58558.




git-svn-id: https://develop.svn.wordpress.org/trunk@56036 602fd350-edb4-49c9-b593-d223f7449a82
---
 .../themes/twentynineteen/style-editor.css    | 25 +++++++++++++++++++
 .../themes/twentynineteen/style-editor.scss   | 25 +++++++++++++++++++
 2 files changed, 50 insertions(+)

diff --git a/src/wp-content/themes/twentynineteen/style-editor.css b/src/wp-content/themes/twentynineteen/style-editor.css
index 1e0bd69390..3a4ce4a6e6 100644
--- a/src/wp-content/themes/twentynineteen/style-editor.css
+++ b/src/wp-content/themes/twentynineteen/style-editor.css
@@ -1276,6 +1276,31 @@ figcaption,
   padding-left: calc(2 * 1rem);
 }
 
+.wp-block-separator.has-primary-background-color {
+  color: #0073aa;
+  background-color: #0073aa;
+}
+
+.wp-block-separator.has-secondary-background-color {
+  color: #005177;
+  background-color: #005177;
+}
+
+.wp-block-separator.has-dark-gray-background-color {
+  color: #111;
+  background-color: #111;
+}
+
+.wp-block-separator.has-light-gray-background-color {
+  color: #767676;
+  background-color: #767676;
+}
+
+.wp-block-separator.has-white-background-color {
+  color: #fff;
+  background-color: #fff;
+}
+
 /* Remove duplicate rule-line when a separator
  * is followed by an H1, or H2 */
 .wp-block[data-type="core/separator"] + .wp-block[data-type="core/heading"] h1:before,
diff --git a/src/wp-content/themes/twentynineteen/style-editor.scss b/src/wp-content/themes/twentynineteen/style-editor.scss
index 8359aacacb..7b0df5f0af 100644
--- a/src/wp-content/themes/twentynineteen/style-editor.scss
+++ b/src/wp-content/themes/twentynineteen/style-editor.scss
@@ -651,6 +651,31 @@ figcaption,
 		letter-spacing: calc(2 * #{$size__spacing-unit});
 		padding-left: calc(2 * #{$size__spacing-unit});
 	}
+
+	&.has-primary-background-color {
+		color: $color__link;
+		background-color: $color__link;
+	}
+
+	&.has-secondary-background-color {
+		color: $color__border-link-hover;
+		background-color: $color__border-link-hover;
+	}
+
+	&.has-dark-gray-background-color {
+		color: $color__text-main;
+		background-color: $color__text-main;
+	}
+
+	&.has-light-gray-background-color {
+		color: $color__text-light;
+		background-color: $color__text-light;
+	}
+
+	&.has-white-background-color {
+		color: #fff;
+		background-color: #fff;
+	}
 }
 
 /* Remove duplicate rule-line when a separator