Coutoire: Fix editor color-annotations selector specificity for Cover and Button Block.

- Change `black` color name to `#000000` hex equivalent.
- Change `white` color name to `#FFFFFF` hex equivalent.

coutoire/style-editor.css

@@ -166,7 +166,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  */
 body {
 	color: #444444;
-	background-color: white;
+	background-color: #FFFFFF;
 	font-family: "Work Sans", sans-serif;
 	font-family: var(--font-base, "Work Sans", sans-serif);
 	font-size: 17px;
@@ -186,7 +186,7 @@ p {
 }
 
 a {
-	color: black;
+	color: #000000;
 }
 
 a:hover {
@@ -355,7 +355,7 @@ object {
 }
 
 .wp-block-a8c-blog-posts .entry-title a {
-	color: black;
+	color: #000000;
 }
 
 .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
@@ -466,13 +466,13 @@ object {
  */
 .wp-block-a8c-blog-posts + .button {
 	line-height: 1;
-	color: white;
+	color: #FFFFFF;
 	cursor: pointer;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 	font-size: 0.83333rem;
-	background-color: black;
+	background-color: #000000;
 	border-width: 0;
 	text-decoration: none;
 	padding: 11.6px 11.6px;
@@ -494,7 +494,7 @@ object {
 }
 
 .wp-block-a8c-blog-posts + .button:hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-a8c-blog-posts + .has-focus.button {
-	color: white;
+	color: #FFFFFF;
 	background-color: #FF7A5C;
 }
 
@@ -523,26 +523,25 @@ object {
 
 /* Default Style */
 .wp-block-button__link {
-	color: white;
+	color: #FFFFFF;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 	font-size: 0.83333em;
 	line-height: 1;
-	background-color: black;
+	background-color: #000000;
 	padding: 11.6px 11.6px;
 	/* Outline Style */
 	/* Squared Style */
 }
 
 .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link.has-focus {
-	color: white;
+	color: #FFFFFF;
 	background-color: #FF7A5C;
 }
 
 .wp-block-button__link.is-style-outline,
 .is-style-outline .wp-block-button__link {
-	color: black;
 	background: transparent;
 	border: 2px solid currentcolor;
 }
@@ -552,6 +551,7 @@ object {
 .is-style-outline .wp-block-button__link:focus,
 .is-style-outline .wp-block-button__link.has-focus {
 	color: #FF7A5C;
+	background: transparent;
 }
 
 .wp-block-button__link.is-style-squared,
@@ -561,18 +561,18 @@ object {
 
 /* Default Style */
 .button {
-	color: white;
+	color: #FFFFFF;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-family: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
 	font-size: 0.83333em;
 	line-height: 1;
-	background-color: black;
+	background-color: #000000;
 	padding: 11.6px 11.6px;
 }
 
 .button:hover, .button:focus, .button.has-focus {
-	color: white;
+	color: #FFFFFF;
 	background-color: #FF7A5C;
 }
 
@@ -585,7 +585,7 @@ object {
 .wp-block-cover,
 .wp-block-cover-image {
 	background-color: #444444;
-	color: white;
+	color: #FFFFFF;
 	min-height: 480px;
 	margin-top: inherit;
 	margin-bottom: inherit;
@@ -623,7 +623,7 @@ object {
 .wp-block-cover-image:not([class*='background-color']) .wp-block-cover-image-text,
 .wp-block-cover-image:not([class*='background-color']) .wp-block-cover-text,
 .wp-block-cover-image:not([class*='background-color']) .block-editor-block-list__block {
-	color: white;
+	color: #FFFFFF;
 }
 
 .wp-block-cover h2,
@@ -871,8 +871,8 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-pullquote.is-style-solid-color {
-	background-color: black;
-	color: white;
+	background-color: #000000;
+	color: #FFFFFF;
 }
 
 .wp-block-pullquote.is-style-solid-color.alignleft blockquote,
@@ -901,7 +901,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-quote {
-	border-left-color: black;
+	border-left-color: #000000;
 	margin: 32px 0;
 	padding-left: 16px;
 }
@@ -1026,85 +1026,97 @@ table th,
 	line-height: 1;
 }
 
+.wp-block .has-primary-color,
 .has-primary-color {
-	color: black;
+	color: #000000;
 }
 
+.wp-block .has-secondary-color,
 .has-secondary-color {
 	color: #FF7A5C;
 }
 
+.wp-block .has-foreground-color,
 .has-foreground-color {
 	color: #444444;
 }
 
+.wp-block .has-foreground-light-color,
 .has-foreground-light-color {
 	color: #767676;
 }
 
+.wp-block .has-foreground-dark-color,
 .has-foreground-dark-color {
 	color: #111111;
 }
 
+.wp-block .has-foreground-light-color,
 .has-background-light-color {
 	color: #FAFAFA;
 }
 
+.wp-block .has-foreground-dark-color,
 .has-background-dark-color {
 	color: #DDDDDD;
 }
 
+.wp-block .has-background-color,
 .has-background-color {
-	color: white;
+	color: #FFFFFF;
 }
 
-.has-background:not(.has-background-background-color) a,
+.has-background:not(.has-background-background-color) a:not(.wp-block-button__link),
+.has-background a:not(.wp-block-button__link),
 .has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 {
 	color: currentColor;
 }
 
+.wp-block .has-primary-background-color,
 .has-primary-background-color {
-	background-color: black;
-	color: white;
-}
-
-.has-primary-background-color {
-	background-color: black;
-	color: white;
+	background-color: #000000;
+	color: #FFFFFF;
 }
 
+.wp-block .has-secondary-background-color,
 .has-secondary-background-color {
 	background-color: #FF7A5C;
-	color: white;
+	color: #FFFFFF;
 }
 
+.wp-block .has-foreground-background-color,
 .has-foreground-background-color {
 	background-color: #444444;
-	color: white;
+	color: #FFFFFF;
 }
 
+.wp-block .has-foreground-light-background-color,
 .has-foreground-light-background-color {
 	background-color: #767676;
-	color: white;
+	color: #FFFFFF;
 }
 
+.wp-block .has-foreground-dark-background-color,
 .has-foreground-dark-background-color {
 	background-color: #111111;
-	color: white;
+	color: #FFFFFF;
 }
 
+.wp-block .has-foreground-light-background-color,
 .has-background-light-background-color {
 	background-color: #FAFAFA;
 	color: #444444;
 }
 
+.wp-block .has-foreground-dark-background-color,
 .has-background-dark-background-color {
 	background-color: #DDDDDD;
 	color: #444444;
 }
 
+.wp-block .has-background-background-color,
 .has-background-background-color {
-	background-color: white;
+	background-color: #FFFFFF;
 	color: #444444;
 }