Merge pull request #2243 from Automattic/fix/form-text-color-issue

All Varia-themes: Fix form text color issue in dark color palette.

alves/inc/wpcom-colors.php

@@ -206,38 +206,6 @@ add_color_rule( 'txt', '#394d55', array(
 			body,
 			body .widget_eu_cookie_law_widget #eu-cookie-law,
 			body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept,
-			input[type="color"],
-			input[type="color"]:focus,
-			input[type="date"],
-			input[type="date"]:focus,
-			input[type="datetime"],
-			input[type="datetime"]:focus,
-			input[type="datetime-local"],
-			input[type="datetime-local"]:focus,
-			input[type="email"],
-			input[type="email"]:focus,
-			input[type="month"],
-			input[type="month"]:focus,
-			input[type="number"],
-			input[type="number"]:focus,
-			input[type="password"],
-			input[type="password"]:focus,
-			input[type="range"],
-			input[type="range"]:focus,
-			input[type="search"],
-			input[type="search"]:focus,
-			input[type="tel"],
-			input[type="tel"]:focus,
-			input[type="text"],
-			input[type="text"]:focus,
-			input[type="time"],
-			input[type="time"]:focus,
-			input[type="url"],
-			input[type="url"]:focus,
-			input[type="week"],
-			input[type="week"]:focus,
-			textarea,
-			textarea:focus,
 			.site-header .main-navigation > div > ul > li .sub-menu a,
 			.a8c-posts-list__item .a8c-posts-list-item__meta,
 			.entry-footer,

alves/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

alves/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

alves/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

alves/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #394d55;
+	color: black;
 	border: 1px solid #3E7D98;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #394d55;
+	color: black;
 	border-color: #2f5f74;
 }
 

alves/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #394d55;
+	color: black;
 	border: 1px solid #3E7D98;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #394d55;
+	color: black;
 	border-color: #2f5f74;
 }
 

balasana/sass/_config-child-theme-deep.scss

@@ -146,7 +146,7 @@ $config-elements: (
 	"form": (
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

balasana/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

balasana/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

balasana/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #303030;
+	color: black;
 	border: 1px solid #D0D0D0;
 	border-radius: 4px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #303030;
+	color: black;
 	border-color: #145f3e;
 }
 

balasana/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #303030;
+	color: black;
 	border: 1px solid #D0D0D0;
 	border-radius: 4px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #303030;
+	color: black;
 	border-color: #145f3e;
 }
 

barnsbury/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "dark"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

barnsbury/sass/style-child-theme-editor.scss

@@ -32,6 +32,11 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
 
 .wp-block-cover,
 .wp-block-cover-image,

barnsbury/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 .wp-block-cover .wp-block-separator,
 .wp-block-cover-image .wp-block-separator,
 .has-background .wp-block-separator {

barnsbury/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #3C2323;
+	color: black;
 	border: 1px solid #AAAAAA;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #3C2323;
+	color: black;
 	border-color: #133a24;
 }
 

barnsbury/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #3C2323;
+	color: black;
 	border: 1px solid #AAAAAA;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #3C2323;
+	color: black;
 	border-color: #133a24;
 }
 

brompton/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

brompton/sass/style-child-theme-editor.scss

@@ -33,6 +33,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

brompton/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

brompton/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #252E36;
+	color: black;
 	border: 1px solid #B9B6B2;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #252E36;
+	color: black;
 	border-color: #252E36;
 }
 

brompton/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #252E36;
+	color: black;
 	border: 1px solid #B9B6B2;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #252E36;
+	color: black;
 	border-color: #252E36;
 }
 

coutoire/inc/wpcom-colors.php

@@ -192,39 +192,7 @@ add_color_rule( 'txt', '#444444', array(
 			.wp-block-pullquote,
 			body,
 			body .widget_eu_cookie_law_widget #eu-cookie-law,
-			body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept,
-			input[type="color"],
-			input[type="color"]:focus,
-			input[type="date"],
-			input[type="date"]:focus,
-			input[type="datetime"],
-			input[type="datetime"]:focus,
-			input[type="datetime-local"],
-			input[type="datetime-local"]:focus,
-			input[type="email"],
-			input[type="email"]:focus,
-			input[type="month"],
-			input[type="month"]:focus,
-			input[type="number"],
-			input[type="number"]:focus,
-			input[type="password"],
-			input[type="password"]:focus,
-			input[type="range"],
-			input[type="range"]:focus,
-			input[type="search"],
-			input[type="search"]:focus,
-			input[type="tel"],
-			input[type="tel"]:focus,
-			input[type="text"],
-			input[type="text"]:focus,
-			input[type="time"],
-			input[type="time"]:focus,
-			input[type="url"],
-			input[type="url"]:focus,
-			input[type="week"],
-			input[type="week"]:focus,
-			textarea,
-			textarea:focus', 'color' ),
+			body .widget_eu_cookie_law_widget #eu-cookie-law.negative input.accept', 'color' ),
 
 	// Background-color
 	array( '.wp-block-cover.has-background-dim,

coutoire/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

coutoire/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

coutoire/style-editor.css

@@ -1298,6 +1298,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: #000000;
+}
+
 /**
  * Extras
  */

coutoire/style-rtl.css

@@ -1057,7 +1057,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #444444;
+	color: #000000;
 	border: 1px solid #DDDDDD;
 	border-radius: 3px;
 	padding: 16px;
@@ -1079,7 +1079,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #444444;
+	color: #000000;
 	border-color: #FF7A5C;
 }
 

coutoire/style.css

@@ -1057,7 +1057,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #444444;
+	color: #000000;
 	border: 1px solid #DDDDDD;
 	border-radius: 3px;
 	padding: 16px;
@@ -1079,7 +1079,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #444444;
+	color: #000000;
 	border-color: #FF7A5C;
 }
 

dalston/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

dalston/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

dalston/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

dalston/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #1e1e1e;
+	color: black;
 	border: 1px solid #CCCCCC;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #1e1e1e;
+	color: black;
 	border-color: #005177;
 }
 

dalston/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #1e1e1e;
+	color: black;
 	border: 1px solid #CCCCCC;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #1e1e1e;
+	color: black;
 	border-color: #005177;
 }
 

exford/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

exford/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

exford/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

exford/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #111111;
+	color: black;
 	border: 1px solid #CCCCCC;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #111111;
+	color: black;
 	border-color: #195f2b;
 }
 

exford/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #111111;
+	color: black;
 	border: 1px solid #CCCCCC;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #111111;
+	color: black;
 	border-color: #195f2b;
 }
 

hever/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

hever/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

hever/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

hever/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #303030;
+	color: black;
 	border: 1px solid #C5C5C5;
 	border-radius: 5px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #303030;
+	color: black;
 	border-color: #303030;
 }
 

hever/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #303030;
+	color: black;
 	border: 1px solid #C5C5C5;
 	border-radius: 5px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #303030;
+	color: black;
 	border-color: #303030;
 }
 

leven/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

leven/sass/style-child-theme-editor.scss

@@ -33,6 +33,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

leven/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

leven/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #444444;
+	color: black;
 	border: 1px solid #DDDDDD;
 	border-radius: 3px;
 	padding: calc( 0.33 * 16px);
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #444444;
+	color: black;
 	border-color: #1285ce;
 }
 

leven/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #444444;
+	color: black;
 	border: 1px solid #DDDDDD;
 	border-radius: 3px;
 	padding: calc( 0.33 * 16px);
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #444444;
+	color: black;
 	border-color: #1285ce;
 }
 

mayland/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

mayland/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

mayland/style-editor.css

@@ -1300,6 +1300,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

mayland/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #010101;
+	color: black;
 	border: 1px solid #e6e6e6;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #010101;
+	color: black;
 	border-color: #666666;
 }
 

mayland/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #010101;
+	color: black;
 	border: 1px solid #e6e6e6;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #010101;
+	color: black;
 	border-color: #666666;
 }
 

maywood/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

maywood/sass/style-child-theme-editor.scss

@@ -25,6 +25,12 @@
  */
 @import "../../varia/sass/elements/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Blocks
  * - These styles replace key Gutenberg Block styles for fonts, colors, and

maywood/style-editor.css

@@ -282,6 +282,21 @@ object {
 	max-width: 100%;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Blocks
  * - These styles replace key Gutenberg Block styles for fonts, colors, and

maywood/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #181818;
+	color: black;
 	border: 1px solid #CCCCCC;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #181818;
+	color: black;
 	border-color: #685636;
 }
 

maywood/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #181818;
+	color: black;
 	border: 1px solid #CCCCCC;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #181818;
+	color: black;
 	border-color: #685636;
 }
 

morden/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

morden/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

morden/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

morden/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #303030;
+	color: black;
 	border: 1px solid #C5C5C5;
 	border-radius: 5px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #303030;
+	color: black;
 	border-color: #303030;
 }
 

morden/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #303030;
+	color: black;
 	border: 1px solid #C5C5C5;
 	border-radius: 5px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #303030;
+	color: black;
 	border-color: #303030;
 }
 

redhill/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

redhill/sass/style-child-theme-editor.scss

@@ -44,6 +44,12 @@ html {
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 .wp-block-a8c-blog-posts {
 	.entry-title {
 		@include font-family( map-deep-get($config-global, "font", "family", "primary") );

redhill/style-editor.css

@@ -1313,6 +1313,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 .wp-block-a8c-blog-posts .entry-title {
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
 	font-family: var(--font-headings, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif);

redhill/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #222222;
+	color: black;
 	border: 1px solid #DDDDDD;
 	border-radius: 3px;
 	padding: calc( 0.33 * 16px);
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #222222;
+	color: black;
 	border-color: #222222;
 }
 

redhill/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #222222;
+	color: black;
 	border: 1px solid #DDDDDD;
 	border-radius: 3px;
 	padding: calc( 0.33 * 16px);
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #222222;
+	color: black;
 	border-color: #222222;
 }
 

rivington/inc/wpcom-colors.php

@@ -73,40 +73,7 @@ add_color_rule( 'bg', '#060f29', array(
 			button[data-load-more-btn],
 			input.has-focus[type="submit"],
 			input:focus[type="submit"],
-			input:hover[type="submit"],
-			input[type="color"],
-			input[type="color"]:focus,
-			input[type="date"],
-			input[type="date"]:focus,
-			input[type="datetime"],
-			input[type="datetime"]:focus,
-			input[type="datetime-local"],
-			input[type="datetime-local"]:focus,
-			input[type="email"],
-			input[type="email"]:focus,
-			input[type="month"],
-			input[type="month"]:focus,
-			input[type="number"],
-			input[type="number"]:focus,
-			input[type="password"],
-			input[type="password"]:focus,
-			input[type="range"],
-			input[type="range"]:focus,
-			input[type="search"],
-			input[type="search"]:focus,
-			input[type="submit"],
-			input[type="tel"],
-			input[type="tel"]:focus,
-			input[type="text"],
-			input[type="text"]:focus,
-			input[type="time"],
-			input[type="time"]:focus,
-			input[type="url"],
-			input[type="url"]:focus,
-			input[type="week"],
-			input[type="week"]:focus,
-			textarea,
-			textarea:focus', 'color' ),
+			input:hover[type="submit"]', 'color' ),
 
 	/**
 	 * Utility Classes
@@ -426,6 +393,25 @@ add_color_rule( 'fg1', '#EE4266', array(
  * Custom CSS
  */
 function rivington_custom_colors_extra_css() { ?>
+	input[type="text"],
+	input[type="email"],
+	input[type="url"],
+	input[type="password"],
+	input[type="search"],
+	input[type="number"],
+	input[type="tel"],
+	input[type="range"],
+	input[type="date"],
+	input[type="month"],
+	input[type="week"],
+	input[type="time"],
+	input[type="datetime"],
+	input[type="datetime-local"],
+	input[type="color"],
+	textarea {
+		border-width: 1px;
+	}
+
 	@media screen and (min-width: 560px) {
 		.main-navigation > div > ul > li > .sub-menu > li:first-child > a {
 			border-top: 1px solid;

rivington/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "background", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

rivington/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

rivington/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

rivington/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #060f29;
+	color: black;
 	border: 0 solid #353a46;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #060f29;
+	color: black;
 	border-color: #b59439;
 }
 

rivington/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #060f29;
+	color: black;
 	border: 0 solid #353a46;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #060f29;
+	color: black;
 	border-color: #b59439;
 }
 

rockfield/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

rockfield/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

rockfield/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

rockfield/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #444444;
+	color: black;
 	border: 2px solid #E0E0E0;
 	border-radius: 0;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #444444;
+	color: black;
 	border-color: #444444;
 }
 

rockfield/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #444444;
+	color: black;
 	border: 2px solid #E0E0E0;
 	border-radius: 0;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #444444;
+	color: black;
 	border-color: #444444;
 }
 

shawburn/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

shawburn/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 .wp-block-a8c-blog-posts {
 	.entry-title a {
 		&:active,

shawburn/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 .wp-block-a8c-blog-posts .entry-title a:active, .wp-block-a8c-blog-posts .entry-title a:focus, .wp-block-a8c-blog-posts .entry-title a:hover {
 	text-decoration: none;
 }

shawburn/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #444444;
+	color: black;
 	border: 1px solid #EAEAEA;
 	border-radius: 4px;
 	padding: 8px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #444444;
+	color: black;
 	border-color: #085a72;
 }
 

shawburn/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #444444;
+	color: black;
 	border: 1px solid #EAEAEA;
 	border-radius: 4px;
 	padding: 8px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #444444;
+	color: black;
 	border-color: #085a72;
 }
 

stow/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

stow/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extra Editor Styles
  *

stow/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extra Editor Styles
  *

stow/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #444444;
+	color: black;
 	border: 1px solid #DDDDDD;
 	border-radius: 3px;
 	padding: calc( 0.33 * 16px);
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #444444;
+	color: black;
 	border-color: #f25f70;
 }
 

stow/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #444444;
+	color: black;
 	border: 1px solid #DDDDDD;
 	border-radius: 3px;
 	padding: calc( 0.33 * 16px);
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #444444;
+	color: black;
 	border-color: #f25f70;
 }
 

stratford/sass/_config-child-theme-deep.scss

@@ -148,7 +148,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

stratford/sass/style-child-theme-editor.scss

@@ -32,6 +32,12 @@
  */
 @import "../../varia/sass/blocks/editor";
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "../../varia/sass/vendors/editor";
+
 /**
  * Extras
  */

stratford/style-editor.css

@@ -1301,6 +1301,21 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	padding-left: 32px !important;
 }
 
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}
+
 /**
  * Extras
  */

stratford/style-rtl.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #74767e;
+	color: black;
 	border: 1px solid #DDDDDD;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #74767e;
+	color: black;
 	border-color: #3e69dc;
 }
 

stratford/style.css

@@ -1058,7 +1058,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #74767e;
+	color: black;
 	border: 1px solid #DDDDDD;
 	border-radius: 3px;
 	padding: 16px;
@@ -1080,7 +1080,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #74767e;
+	color: black;
 	border-color: #3e69dc;
 }
 

varia/sass/elements/_config.scss

@@ -4,7 +4,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "black"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),

varia/sass/vendors/_editor.scss

@@ -0,0 +1,8 @@
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+
+@import "jetpack/editor";
+
+// @import "wpcom";

varia/sass/vendors/_imports.scss

@@ -3,5 +3,6 @@
  * - 3rd-party compatibility styles
  */
 
-@import "jetpack";
+@import "jetpack/style";
+
 // @import "wpcom";

varia/sass/vendors/jetpack/_editor.scss

@@ -0,0 +1,6 @@
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: map-deep-get($config-elements, "form", "color", "text");
+}

varia/style-editor.css

@@ -1688,3 +1688,18 @@ table.is-style-stripes tbody tr:nth-child(odd),
 	margin-top: 36px;
 	z-index: 20;
 }
+
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+/**
+ * Vendors
+ * - 3rd-party compatibility styles
+ */
+/**
+ * Set Jetpack form text color
+ */
+.jetpack-contact-info-block .is-selected textarea.block-editor-plain-text {
+	color: black;
+}

varia/style-editor.scss

@@ -39,3 +39,9 @@
  * - Full Site Editing overrides
  */
  @import "sass/full-site-editing/editor";
+
+/**
+ * Vendors
+ * - Styles for 3rd party plugins and WP extensions
+ */
+@import "sass/vendors/editor";