Twenty Twenty: Fixes incorrect colour in editor for seperator block.

This resolves the seperator block color settings ordering. They were displaying incorrectly due to ruleset problems. This edits the order for the front end also.

Props bhaveshdesai13, aniketpatel, miguelaxcar, nidhidhandhukiya, poena, pavanpatil1, sabernhardr.
Fixes #57544.

Built from https://develop.svn.wordpress.org/trunk@58784


git-svn-id: http://core.svn.wordpress.org/trunk@58186 1a063a9b-81f0-0310-95a4-ce76da25c4cd

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

@@ -140,51 +140,51 @@
 
 /* CUSTOM COLORS */
 
-:root .has-accent-color {
-	color: #cd2653;
-}
-
 :root .has-accent-background-color {
 	background-color: #cd2653;
 	color: #fff;
 }
 
-:root .has-primary-color {
-	color: #000;
-}
-
 :root .has-primary-background-color {
 	background-color: #000;
 	color: #f5efe0;
 }
 
-:root .has-secondary-color {
-	color: #6d6d6d;
-}
-
 :root .has-secondary-background-color {
 	background-color: #6d6d6d;
 	color: #fff;
 }
 
-:root .has-subtle-background-color {
-	color: #dcd7ca;
-}
-
 :root .has-subtle-background-background-color {
 	background-color: #dcd7ca;
 	color: #000;
 }
 
-:root .has-background-color {
-	color: #f5efe0;
-}
-
 :root .has-background-background-color {
 	background-color: #f5efe0;
 	color: #000;
 }
 
+:root .has-accent-color {
+	color: #cd2653;
+}
+
+:root .has-primary-color {
+	color: #000;
+}
+
+:root .has-secondary-color {
+	color: #6d6d6d;
+}
+
+:root .has-subtle-background-color {
+	color: #dcd7ca;
+}
+
+:root .has-background-color {
+	color: #f5efe0;
+}
+
 /* GENERAL COLORS */
 
 .has-black-background-color {

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

@@ -140,51 +140,51 @@
 
 /* CUSTOM COLORS */
 
-:root .has-accent-color {
-	color: #cd2653;
-}
-
 :root .has-accent-background-color {
 	background-color: #cd2653;
 	color: #fff;
 }
 
-:root .has-primary-color {
-	color: #000;
-}
-
 :root .has-primary-background-color {
 	background-color: #000;
 	color: #f5efe0;
 }
 
-:root .has-secondary-color {
-	color: #6d6d6d;
-}
-
 :root .has-secondary-background-color {
 	background-color: #6d6d6d;
 	color: #fff;
 }
 
-:root .has-subtle-background-color {
-	color: #dcd7ca;
-}
-
 :root .has-subtle-background-background-color {
 	background-color: #dcd7ca;
 	color: #000;
 }
 
-:root .has-background-color {
-	color: #f5efe0;
-}
-
 :root .has-background-background-color {
 	background-color: #f5efe0;
 	color: #000;
 }
 
+:root .has-accent-color {
+	color: #cd2653;
+}
+
+:root .has-primary-color {
+	color: #000;
+}
+
+:root .has-secondary-color {
+	color: #6d6d6d;
+}
+
+:root .has-subtle-background-color {
+	color: #dcd7ca;
+}
+
+:root .has-background-color {
+	color: #f5efe0;
+}
+
 /* GENERAL COLORS */
 
 .has-black-background-color {

wp-content/themes/twentytwenty/style-rtl.css

@@ -2734,51 +2734,51 @@ h2.entry-title {
 
 /* CUSTOM COLORS */
 
-:root .has-accent-color {
-	color: #cd2653;
-}
-
 :root .has-accent-background-color {
 	background-color: #cd2653;
 	color: #fff;
 }
 
-:root .has-primary-color {
-	color: #000;
-}
-
 :root .has-primary-background-color {
 	background-color: #000;
 	color: #f5efe0;
 }
 
-:root .has-secondary-color {
-	color: #6d6d6d;
-}
-
 :root .has-secondary-background-color {
 	background-color: #6d6d6d;
 	color: #fff;
 }
 
-:root .has-subtle-background-color {
-	color: #dcd7ca;
-}
-
 :root .has-subtle-background-background-color {
 	background-color: #dcd7ca;
 	color: #000;
 }
 
-:root .has-background-color {
-	color: #f5efe0;
-}
-
 :root .has-background-background-color {
 	background-color: #f5efe0;
 	color: #000;
 }
 
+:root .has-accent-color {
+	color: #cd2653;
+}
+
+:root .has-primary-color {
+	color: #000;
+}
+
+:root .has-secondary-color {
+	color: #6d6d6d;
+}
+
+:root .has-subtle-background-color {
+	color: #dcd7ca;
+}
+
+:root .has-background-color {
+	color: #f5efe0;
+}
+
 
 /* Block Typography Classes ------------------ */
 

wp-content/themes/twentytwenty/style.css

@@ -2750,51 +2750,51 @@ h2.entry-title {
 
 /* CUSTOM COLORS */
 
-:root .has-accent-color {
-	color: #cd2653;
-}
-
 :root .has-accent-background-color {
 	background-color: #cd2653;
 	color: #fff;
 }
 
-:root .has-primary-color {
-	color: #000;
-}
-
 :root .has-primary-background-color {
 	background-color: #000;
 	color: #f5efe0;
 }
 
-:root .has-secondary-color {
-	color: #6d6d6d;
-}
-
 :root .has-secondary-background-color {
 	background-color: #6d6d6d;
 	color: #fff;
 }
 
-:root .has-subtle-background-color {
-	color: #dcd7ca;
-}
-
 :root .has-subtle-background-background-color {
 	background-color: #dcd7ca;
 	color: #000;
 }
 
-:root .has-background-color {
-	color: #f5efe0;
-}
-
 :root .has-background-background-color {
 	background-color: #f5efe0;
 	color: #000;
 }
 
+:root .has-accent-color {
+	color: #cd2653;
+}
+
+:root .has-primary-color {
+	color: #000;
+}
+
+:root .has-secondary-color {
+	color: #6d6d6d;
+}
+
+:root .has-subtle-background-color {
+	color: #dcd7ca;
+}
+
+:root .has-background-color {
+	color: #f5efe0;
+}
+
 
 /* Block Typography Classes ------------------ */
 

wp-includes/version.php

@@ -16,7 +16,7 @@
  *
  * @global string $wp_version
  */
-$wp_version = '6.7-alpha-58783';
+$wp_version = '6.7-alpha-58784';
 
 /**
  * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.