barnsbury annotations

barnsbury/inc/wpcom-colors.php

@@ -61,6 +61,7 @@ add_color_rule( 'bg', '#FFFDF6', array(
 			body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover,
 			body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept,
 			body .widget_eu_cookie_law_widget #eu-cookie-law.negative,
+			.wp-block-search .wp-block-search__button,
 			button,
 			button.has-focus,
 			button:focus,
@@ -115,6 +116,7 @@ add_color_rule( 'link', '#20603C', array(
 			.wp-block-file__button,
 			.wp-block-pullquote.is-style-solid-color,
 			body .widget_eu_cookie_law_widget #eu-cookie-law input.accept,
+			.wp-block-search .wp-block-search__button,
 			button,
 			button[data-load-more-btn],
 			input[type="submit"]', 'background-color' ),
@@ -194,6 +196,8 @@ add_color_rule( 'link', '#20603C', array(
 			.wp-block-newspack-blocks-homepage-articles article .entry-meta a:active,
 			.wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover,
 			.wp-block-newspack-blocks-homepage-articles article .entry-title a:hover,
+			.wp-block-search .wp-block-search__button:focus,
+			.wp-block-search .wp-block-search__button:hover,
 			a:hover', 'color', 0.8 ),
 
 	// Border color left
@@ -268,6 +272,9 @@ add_color_rule( 'txt', '#3C2323', array(
 			hr,
 			hr.wp-block-separator', 'border-bottom-color' ),
 
+	// Border-color with less opacity (dim)
+	array( '.wp-block-search .wp-block-search__input', 'border-color', 0.8 ),
+
 	/**
 	 * Utility Classes
 	 */

barnsbury/inc/wpcom-editor-colors.php

@@ -16,6 +16,7 @@ add_editor_color_rule( 'bg', '#FFFDF6', array(
 			#editor .editor-styles-wrapper .wp-block-a8c-blog-posts + .button:focus,
 			#editor .editor-styles-wrapper .wp-block-a8c-blog-posts + .button:hover,
 			#editor .editor-styles-wrapper .wp-block-a8c-blog-posts + .has-focus.button,
+			#editor .editor-styles-wrapper .wp-block-search .wp-block-search__button,
 			#editor .editor-styles-wrapper .wp-block-button__link:not(.has-text-color),
 			#editor .editor-styles-wrapper .wp-block-button__link.has-focus:not(.has-text-color),
 			#editor .editor-styles-wrapper .wp-block-button__link:not(.has-text-color):focus,
@@ -82,11 +83,20 @@ add_editor_color_rule( 'link', '#20603C', array(
 
 	// Background-color
 	array( '#editor .editor-styles-wrapper .button,
+			#editor .editor-styles-wrapper .wp-block-search .wp-block-search__button,
+			#editor .editor-styles-wrapper .wp-block-search .wp-block-search__button:focus,
+			#editor .editor-styles-wrapper .wp-block-search .wp-block-search__button:hover,
 			#editor .editor-styles-wrapper .wp-block-a8c-blog-posts + .button,
 			#editor .editor-styles-wrapper .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background),
 			#editor .editor-styles-wrapper .wp-block-button__link.is-style-outline,
 			#editor .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color', 'background-color' ),
 
+	
+	// Border-color (forms)
+	// Needs contrast against `bg` with less contrast
+	array( '#editor .editor-styles-wrapper .wp-block-search .wp-block-search__input:focus,
+			textarea:focus', 'border-color' ),
+
 	// Border-left-color
 	array( '#editor .editor-styles-wrapper .wp-block-quote', 'border-left-color' ),