Seedlet: Update light and dark color names

seedlet/assets/css/style-editor.css

@@ -35,8 +35,8 @@
 	--global--color-black: black;
 	--global--color-white: white;
 	--global--color-foreground: #333333;
-	--global--color-foreground-light: #444444;
-	--global--color-foreground-dark: #000000;
+	--global--color-foreground-low-contrast: #444444;
+	--global--color-foreground-high-contrast: #000000;
 	--global--color-background: #FFFFFF;
 	--global--color-tertiary: #FAFBF6;
 	--global--color-background-dark: #DDDDDD;
@@ -86,7 +86,7 @@
 	--button--padding-vertical: calc(var(--global--spacing-horizontal) - var(--button--border-width));
 	--button--padding-horizontal: var(--global--spacing-horizontal);
 	--cover--height: calc( 15 * var(--global--spacing-vertical) );
-	--cover--color-foreground: var(--global--color-foreground-dark);
+	--cover--color-foreground: var(--global--color-foreground-high-contrast);
 	--cover--color-background: var(--global--color-tertiary);
 	--heading--font-family: var(--global--font-primary);
 	--heading--line-height: 1.3;
@@ -211,7 +211,7 @@
 	--wc--mini-cart--color-background: var(--global--color-background);
 	--wc--mini-cart--color-text: var(--global--color-foreground);
 	--wc--mini-cart--color-subtotal: var(--global--color-foreground);
-	--wc--mini-cart--color-count: var(--global--color-foreground-light);
+	--wc--mini-cart--color-count: var(--global--color-foreground-low-contrast);
 	--wc--mini-cart--color-border: var(--global--color-border);
 	--wc--mini-cart--button-text-color: var(--button--color-text);
 	--wc--mini-cart--button-background-color: var(--button--color-background);
@@ -392,7 +392,7 @@ blockquote p {
 
 blockquote cite,
 blockquote footer {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-xs);
 	letter-spacing: var(--global--letter-spacing);
 }
@@ -431,7 +431,7 @@ blockquote.alignright footer {
 figcaption,
 .wp-caption,
 .wp-caption-text {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-xs);
 	line-height: var(--global--line-height-body);
 	margin-top: calc(0.5 * var(--global--spacing-unit));
@@ -791,7 +791,7 @@ div[data-type="core/button"] {
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-xs);
 	line-height: var(--global--line-height-body);
 }
@@ -981,7 +981,7 @@ p.has-background {
 .wp-block-pullquote .wp-block-pullquote__citation,
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-xs);
 }
 
@@ -1067,7 +1067,7 @@ p.has-background {
 }
 
 .wp-block-quote .wp-block-quote__citation {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-xs);
 }
 
@@ -1265,12 +1265,12 @@ pre.wp-block-verse {
 	color: var(--global--color-foreground);
 }
 
-.has-foreground-light-color[class] {
-	color: var(--global--color-foreground-light);
+.has-foreground-low-contrast-color[class] {
+	color: var(--global--color-foreground-low-contrast);
 }
 
-.has-foreground-dark-color[class] {
-	color: var(--global--color-foreground-dark);
+.has-foreground-high-contrast-color[class] {
+	color: var(--global--color-foreground-high-contrast);
 }
 
 .has-tertiary-color[class] {
@@ -1311,12 +1311,12 @@ pre.wp-block-verse {
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: var(--global--color-foreground-light);
+	background-color: var(--global--color-foreground-low-contrast);
 	color: var(--global--color-background);
 }
 
-.has-foreground-dark-background-color[class] {
-	background-color: var(--global--color-foreground-dark);
+.has-foreground-high-contrast-background-color[class] {
+	background-color: var(--global--color-foreground-high-contrast);
 	color: var(--global--color-background);
 }
 
@@ -1879,7 +1879,7 @@ pre.wp-block-verse {
 
 .wp-block-a8c-blog-posts .entry-meta,
 .wp-block-a8c-blog-posts .cat-links {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-sm);
 }
 

seedlet/assets/css/style-woocommerce-rtl.css

@@ -212,7 +212,7 @@ body[class*="woocommerce"] #page .site-content .woocommerce.widget_shopping_cart
 body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-grid__product-onsale {
 	border-radius: 100%;
 	background-color: var(--global--color-alert-warning);
-	color: var(--global--color-foreground-dark);
+	color: var(--global--color-foreground-high-contrast);
 	font-size: var(--global--font-size-sm);
 	font-weight: 700;
 	font-family: var(--global--font-primary);
@@ -243,7 +243,7 @@ body[class*="woocommerce"] #page .woocommerce-breadcrumb {
 	margin-bottom: var(--global--spacing-vertical);
 	font-size: var(--global--font-size-base);
 	font-family: var(--global--font-primary);
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 }
 
 body[class*="woocommerce"] #page .woocommerce-breadcrumb a {
@@ -261,7 +261,7 @@ body[class*="woocommerce"] #page .woocommerce-warning {
 	padding: var(--global--spacing-unit) calc(2 * var(--global--spacing-vertical)) var(--global--spacing-unit) var(--global--spacing-vertical);
 	margin-bottom: var(--global--spacing-vertical);
 	background-color: var(--global--color-tertiary);
-	color: var(--global--color-foreground-dark);
+	color: var(--global--color-foreground-high-contrast);
 	border-top-color: var(--global--color-primary-default);
 }
 
@@ -373,7 +373,7 @@ body[class*="woocommerce"] #page a.remove:hover {
  * Small Note
  */
 body[class*="woocommerce"] #page small.note {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-sm);
 	margin-top: var(--global--spacing-unit);
 }
@@ -554,7 +554,7 @@ body[class*="woocommerce"] #page .site-content .woocommerce input.button:disable
 }
 
 #content .wc-block-grid .wc-block-grid__product-price {
-	color: var(--global--color-foreground-dark);
+	color: var(--global--color-foreground-high-contrast);
 	font-size: var(--global--font-size-md);
 	line-height: var(--global--line-height-heading);
 }
@@ -615,7 +615,7 @@ body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-se
 
 body[class*="woocommerce"] #page .cart-collaterals .cart_totals p small,
 body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals p small {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-sm);
 }
 
@@ -1023,7 +1023,7 @@ body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
 }
 
 body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	padding-right: var(--wc--tabs--padding);
 	padding-left: var(--wc--tabs--padding);
 	padding-top: calc(0.5 * var(--wc--tabs--padding));
@@ -1043,7 +1043,7 @@ body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active {
 }
 
 body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a {
-	color: var(--global--color-foreground-dark);
+	color: var(--global--color-foreground-high-contrast);
 	text-shadow: inherit;
 }
 
@@ -1091,7 +1091,7 @@ body[class*="woocommerce"] #page {
 }
 
 body[class*="woocommerce"] #page #reviews h2 small {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-sm);
 	margin: inherit;
 }
@@ -1113,7 +1113,7 @@ body[class*="woocommerce"] #page #reviews #comments ol.commentlist li {
 }
 
 body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .meta {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-sm);
 }
 
@@ -1559,7 +1559,7 @@ body[class*="woocommerce"] #page .wc-proceed-to-checkout a.wcppec-checkout-butto
 
 body[class*="woocommerce"] #page .checkout .create-account small {
 	font-size: var(--global--font-size-xs);
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 }
 
 body[class*="woocommerce"] #page #payment {
@@ -1595,7 +1595,7 @@ body[class*="woocommerce"] #page #payment div.payment_box {
 	border-radius: var(--wc--table--border-radius);
 	line-height: var(--global--line-height-body);
 	background-color: var(--global--color-background-dark);
-	color: var(--global--color-foreground-dark);
+	color: var(--global--color-foreground-high-contrast);
 }
 
 body[class*="woocommerce"] #page #payment div.payment_box input.input-text,
@@ -1605,15 +1605,15 @@ body[class*="woocommerce"] #page #payment div.payment_box textarea {
 }
 
 body[class*="woocommerce"] #page #payment div.payment_box ::-webkit-input-placeholder {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 }
 
 body[class*="woocommerce"] #page #payment div.payment_box :-moz-placeholder {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 }
 
 body[class*="woocommerce"] #page #payment div.payment_box :-ms-input-placeholder {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 }
 
 body[class*="woocommerce"] #page #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
@@ -1633,7 +1633,7 @@ body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-c
 
 body[class*="woocommerce"] #page #payment div.payment_box span.help {
 	font-size: var(--global--font-size-sm);
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 }
 
 body[class*="woocommerce"] #page #payment div.payment_box .form-row {
@@ -1800,7 +1800,7 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
 
 .single-product #page #woocommerce-wrapper div.product div.summary span.price,
 .single-product #page #woocommerce-wrapper div.product div.summary p.price {
-	color: var(--global--color-foreground-dark);
+	color: var(--global--color-foreground-high-contrast);
 	font-size: var(--global--font-size-xl);
 	line-height: var(--global--line-height-heading);
 }
@@ -1988,7 +1988,7 @@ body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-hand
 }
 
 body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-widget-content {
-	background-color: var(--global--color-foreground-light);
+	background-color: var(--global--color-foreground-low-contrast);
 }
 
 /**

seedlet/assets/css/style-woocommerce.css

@@ -212,7 +212,7 @@ body[class*="woocommerce"] #page .site-content .woocommerce.widget_shopping_cart
 body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-grid__product-onsale {
 	border-radius: 100%;
 	background-color: var(--global--color-alert-warning);
-	color: var(--global--color-foreground-dark);
+	color: var(--global--color-foreground-high-contrast);
 	font-size: var(--global--font-size-sm);
 	font-weight: 700;
 	font-family: var(--global--font-primary);
@@ -243,7 +243,7 @@ body[class*="woocommerce"] #page .woocommerce-breadcrumb {
 	margin-bottom: var(--global--spacing-vertical);
 	font-size: var(--global--font-size-base);
 	font-family: var(--global--font-primary);
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 }
 
 body[class*="woocommerce"] #page .woocommerce-breadcrumb a {
@@ -261,7 +261,7 @@ body[class*="woocommerce"] #page .woocommerce-warning {
 	padding: var(--global--spacing-unit) var(--global--spacing-vertical) var(--global--spacing-unit) calc(2 * var(--global--spacing-vertical));
 	margin-bottom: var(--global--spacing-vertical);
 	background-color: var(--global--color-tertiary);
-	color: var(--global--color-foreground-dark);
+	color: var(--global--color-foreground-high-contrast);
 	border-top-color: var(--global--color-primary-default);
 }
 
@@ -373,7 +373,7 @@ body[class*="woocommerce"] #page a.remove:hover {
  * Small Note
  */
 body[class*="woocommerce"] #page small.note {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-sm);
 	margin-top: var(--global--spacing-unit);
 }
@@ -554,7 +554,7 @@ body[class*="woocommerce"] #page .site-content .woocommerce input.button:disable
 }
 
 #content .wc-block-grid .wc-block-grid__product-price {
-	color: var(--global--color-foreground-dark);
+	color: var(--global--color-foreground-high-contrast);
 	font-size: var(--global--font-size-md);
 	line-height: var(--global--line-height-heading);
 }
@@ -615,7 +615,7 @@ body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-se
 
 body[class*="woocommerce"] #page .cart-collaterals .cart_totals p small,
 body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals p small {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-sm);
 }
 
@@ -1023,7 +1023,7 @@ body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
 }
 
 body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	padding-left: var(--wc--tabs--padding);
 	padding-right: var(--wc--tabs--padding);
 	padding-top: calc(0.5 * var(--wc--tabs--padding));
@@ -1043,7 +1043,7 @@ body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active {
 }
 
 body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a {
-	color: var(--global--color-foreground-dark);
+	color: var(--global--color-foreground-high-contrast);
 	text-shadow: inherit;
 }
 
@@ -1091,7 +1091,7 @@ body[class*="woocommerce"] #page {
 }
 
 body[class*="woocommerce"] #page #reviews h2 small {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-sm);
 	margin: inherit;
 }
@@ -1113,7 +1113,7 @@ body[class*="woocommerce"] #page #reviews #comments ol.commentlist li {
 }
 
 body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .meta {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-sm);
 }
 
@@ -1559,7 +1559,7 @@ body[class*="woocommerce"] #page .wc-proceed-to-checkout a.wcppec-checkout-butto
 
 body[class*="woocommerce"] #page .checkout .create-account small {
 	font-size: var(--global--font-size-xs);
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 }
 
 body[class*="woocommerce"] #page #payment {
@@ -1595,7 +1595,7 @@ body[class*="woocommerce"] #page #payment div.payment_box {
 	border-radius: var(--wc--table--border-radius);
 	line-height: var(--global--line-height-body);
 	background-color: var(--global--color-background-dark);
-	color: var(--global--color-foreground-dark);
+	color: var(--global--color-foreground-high-contrast);
 }
 
 body[class*="woocommerce"] #page #payment div.payment_box input.input-text,
@@ -1605,15 +1605,15 @@ body[class*="woocommerce"] #page #payment div.payment_box textarea {
 }
 
 body[class*="woocommerce"] #page #payment div.payment_box ::-webkit-input-placeholder {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 }
 
 body[class*="woocommerce"] #page #payment div.payment_box :-moz-placeholder {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 }
 
 body[class*="woocommerce"] #page #payment div.payment_box :-ms-input-placeholder {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 }
 
 body[class*="woocommerce"] #page #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
@@ -1633,7 +1633,7 @@ body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-c
 
 body[class*="woocommerce"] #page #payment div.payment_box span.help {
 	font-size: var(--global--font-size-sm);
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 }
 
 body[class*="woocommerce"] #page #payment div.payment_box .form-row {
@@ -1800,7 +1800,7 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
 
 .single-product #page #woocommerce-wrapper div.product div.summary span.price,
 .single-product #page #woocommerce-wrapper div.product div.summary p.price {
-	color: var(--global--color-foreground-dark);
+	color: var(--global--color-foreground-high-contrast);
 	font-size: var(--global--font-size-xl);
 	line-height: var(--global--line-height-heading);
 }
@@ -1988,7 +1988,7 @@ body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-hand
 }
 
 body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-widget-content {
-	background-color: var(--global--color-foreground-light);
+	background-color: var(--global--color-foreground-low-contrast);
 }
 
 /**

seedlet/assets/sass/abstracts/_config.scss

@@ -39,8 +39,8 @@ $typescale-ratio: 1.2; // Run ratio math on 1em == $typescale-base * $typescale-
 	--global--color-black: black;
 	--global--color-white: white;
 	--global--color-foreground: #333333;
-	--global--color-foreground-light: #444444;
-	--global--color-foreground-dark: #000000;
+	--global--color-foreground-low-contrast: #444444;
+	--global--color-foreground-high-contrast: #000000;
 	--global--color-background: #FFFFFF;
 	--global--color-tertiary: #FAFBF6;
 	--global--color-background-dark: #DDDDDD;

seedlet/assets/sass/base/_extends.scss

@@ -39,7 +39,7 @@
 %onsale-style {
 	border-radius: 100%;
 	background-color: var(--global--color-alert-warning);
-	color: var(--global--color-foreground-dark);
+	color: var(--global--color-foreground-high-contrast);
 	font-size: var(--global--font-size-sm);
 	font-weight: 700;
 	font-family: var(--global--font-primary);

seedlet/assets/sass/blocks/cover/_config.scss

@@ -1,5 +1,5 @@
 @mixin cover-variables() {
 	--cover--height: calc( 15 * var(--global--spacing-vertical) );
-	--cover--color-foreground: var(--global--color-foreground-dark);
+	--cover--color-foreground: var(--global--color-foreground-high-contrast);
 	--cover--color-background: var(--global--color-tertiary);
 }

seedlet/assets/sass/blocks/image/_style.scss

@@ -2,7 +2,7 @@
 	text-align: center;
 
 	figcaption {
-		color: var(--global--color-foreground-light);
+		color: var(--global--color-foreground-low-contrast);
 		font-size: var(--global--font-size-xs);
 		line-height: var(--global--line-height-body);
 		margin-top: calc(0.5 * var(--global--spacing-unit));

seedlet/assets/sass/blocks/latest-comments/_style.scss

@@ -23,7 +23,7 @@
 	}
 
 	.wp-block-latest-comments__comment-date {
-		color: var(--global--color-foreground-light);
+		color: var(--global--color-foreground-low-contrast);
 		font-size: var(--global--font-size-sm);
 	}
 

seedlet/assets/sass/blocks/latest-posts/_editor.scss

@@ -46,7 +46,7 @@
 
 	// Post date
 	.wp-block-latest-posts__post-date {
-		color: var(--global--color-foreground-light);
+		color: var(--global--color-foreground-low-contrast);
 		font-size: var(--global--font-size-xs);
 		line-height: var(--global--line-height-body);
 
@@ -70,7 +70,7 @@
 
 		// Necessary so that the block boundaries are respected.
 		overflow: hidden;
-		
+
 		> li {
 			width: calc(50% - (0.5 * var(--global--spacing-horizontal)));
 			max-width: calc(50% - (0.5 * var(--global--spacing-horizontal)));
@@ -100,4 +100,4 @@
 			}
 		}
 	}
-}
+}

seedlet/assets/sass/blocks/latest-posts/_style.scss

@@ -63,7 +63,7 @@
 
 	// Post date
 	.wp-block-latest-posts__post-date {
-		color: var(--global--color-foreground-light);
+		color: var(--global--color-foreground-low-contrast);
 		font-size: var(--global--font-size-sm);
 		line-height: var(--global--line-height-body);
 
@@ -99,7 +99,7 @@
 
 		// Necessary so that the block boundaries are respected.
 		overflow: hidden;
-		
+
 		> li {
 			width: calc(50% - (0.5 * var(--global--spacing-horizontal)));
 			max-width: calc(50% - (0.5 * var(--global--spacing-horizontal)));
@@ -129,4 +129,4 @@
 			}
 		}
 	}
-}
+}

seedlet/assets/sass/blocks/posts-list/_style.scss

@@ -48,7 +48,7 @@
 	}
 
 	.a8c-posts-list-item__meta {
-		color: var(--global--color-foreground-light);
+		color: var(--global--color-foreground-low-contrast);
 		font-size: var(--global--font-size-sm);
 
 		a {

seedlet/assets/sass/blocks/pullquote/_editor.scss

@@ -26,7 +26,7 @@
 	.wp-block-pullquote__citation,
 	cite,
 	footer {
-		color: var(--global--color-foreground-light);
+		color: var(--global--color-foreground-low-contrast);
 		font-size: var(--global--font-size-xs);
 	}
 
@@ -69,4 +69,4 @@
 			padding: 0 calc( 2 * var(--global--spacing-unit));
 		}
 	}
-}
+}

seedlet/assets/sass/blocks/quote/_editor.scss

@@ -46,7 +46,7 @@
 	}
 
 	.wp-block-quote__citation {
-		color: var(--global--color-foreground-light);
+		color: var(--global--color-foreground-low-contrast);
 		font-size: var(--global--font-size-xs);
 
 		.has-background:not(.has-background-background-color) &,
@@ -56,4 +56,4 @@
 			color: currentColor;
 		}
 	}
-}
+}

seedlet/assets/sass/blocks/quote/_style.scss

@@ -26,7 +26,7 @@
 	.wp-block-quote__citation,
 	cite,
 	footer {
-		color: var(--global--color-foreground-light);
+		color: var(--global--color-foreground-low-contrast);
 		font-size: var(--global--font-size-xs);
 
 		.has-background:not(.has-background-background-color) &,
@@ -46,7 +46,7 @@
 		padding-left: 0;
 		padding-right: var(--global--spacing-horizontal);
 	}
-	
+
 	&.has-text-align-center {
 		border: none;
 	}
@@ -62,7 +62,7 @@
 			padding-left: 0;
 			padding-right: var(--global--spacing-horizontal);
 		}
-		
+
 		&.has-text-align-center {
 			padding: 0 var(--global--spacing-horizontal);
 		}
@@ -76,7 +76,7 @@
 		.wp-block-quote__citation,
 		cite,
 		footer {
-			color: var(--global--color-foreground-light);
+			color: var(--global--color-foreground-low-contrast);
 			font-size: var(--global--font-size-xs);
 		}
 	}

seedlet/assets/sass/blocks/utilities/_editor.scss

@@ -19,12 +19,12 @@
 	color: var(--global--color-foreground);
 }
 
-.has-foreground-light-color[class] {
-	color: var(--global--color-foreground-light);
+.has-foreground-low-contrast-color[class] {
+	color: var(--global--color-foreground-low-contrast);
 }
 
-.has-foreground-dark-color[class] {
-	color: var(--global--color-foreground-dark);
+.has-foreground-high-contrast-color[class] {
+	color: var(--global--color-foreground-high-contrast);
 }
 
 .has-tertiary-color[class] {
@@ -68,12 +68,12 @@
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: var(--global--color-foreground-light);
+	background-color: var(--global--color-foreground-low-contrast);
 	color: var(--global--color-background);
 }
 
-.has-foreground-dark-background-color[class] {
-	background-color: var(--global--color-foreground-dark);
+.has-foreground-high-contrast-background-color[class] {
+	background-color: var(--global--color-foreground-high-contrast);
 	color: var(--global--color-background);
 }
 

seedlet/assets/sass/blocks/utilities/_style.scss

@@ -150,11 +150,11 @@
 }
 
 .has-foreground-light-color[class] {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 }
 
-.has-foreground-dark-color[class] {
-	color: var(--global--color-foreground-dark);
+.has-foreground-high-contrast-color[class] {
+	color: var(--global--color-foreground-high-contrast);
 }
 
 .has-tertiary-color[class] {
@@ -210,7 +210,7 @@
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: var(--global--color-foreground-light);
+	background-color: var(--global--color-foreground-low-contrast);
 
 	&:not(.has-text-color) {
 		color: var(--global--color-background);
@@ -218,8 +218,8 @@
 }
 
 
-.has-foreground-dark-background-color[class] {
-	background-color: var(--global--color-foreground-dark);
+.has-foreground-high-contrast-background-color[class] {
+	background-color: var(--global--color-foreground-high-contrast);
 
 	&:not(.has-text-color) {
 		color: var(--global--color-background);

seedlet/assets/sass/blocks/video/_style.scss

@@ -1,7 +1,7 @@
 .wp-block-video {
 
 	figcaption {
-		color: var(--global--color-foreground-light);
+		color: var(--global--color-foreground-low-contrast);
 		font-size: var(--global--font-size-xs);
 		margin-top: calc(0.5 * var(--global--spacing-unit));
 		margin-bottom: var(--global--spacing-unit);

seedlet/assets/sass/child-theme/variables-editor.css

@@ -51,8 +51,8 @@ body {
 	--global--color-black: black;
 	--global--color-white: white;
 	--global--color-foreground: #333333;
-	--global--color-foreground-light: #444444;
-	--global--color-foreground-dark: #000000;
+	--global--color-foreground-low-contrast: #444444;
+	--global--color-foreground-high-contrast: #000000;
 	--global--color-background: #FFFFFF;
 	--global--color-tertiary: #FAFBF6;
 	--global--color-background-dark: #DDDDDD;
@@ -102,7 +102,7 @@ body {
 	--button--padding-vertical: calc(var(--global--spacing-horizontal) - var(--button--border-width));
 	--button--padding-horizontal: var(--global--spacing-horizontal);
 	--cover--height: calc( 15 * var(--global--spacing-vertical) );
-	--cover--color-foreground: var(--global--color-foreground-dark);
+	--cover--color-foreground: var(--global--color-foreground-high-contrast);
 	--cover--color-background: var(--global--color-tertiary);
 	--heading--font-family: var(--global--font-primary);
 	--heading--line-height: 1.3;
@@ -210,7 +210,7 @@ body {
 	--wc--mini-cart--color-background: var(--global--color-background);
 	--wc--mini-cart--color-text: var(--global--color-foreground);
 	--wc--mini-cart--color-subtotal: var(--global--color-foreground);
-	--wc--mini-cart--color-count: var(--global--color-foreground-light);
+	--wc--mini-cart--color-count: var(--global--color-foreground-low-contrast);
 	--wc--mini-cart--color-border: var(--global--color-border);
 	--wc--mini-cart--button-text-color: var(--button--color-text);
 	--wc--mini-cart--button-background-color: var(--button--color-background);

seedlet/assets/sass/child-theme/variables.css

@@ -51,8 +51,8 @@
 	--global--color-black: black;
 	--global--color-white: white;
 	--global--color-foreground: #333333;
-	--global--color-foreground-light: #444444;
-	--global--color-foreground-dark: #000000;
+	--global--color-foreground-low-contrast: #444444;
+	--global--color-foreground-high-contrast: #000000;
 	--global--color-background: #FFFFFF;
 	--global--color-tertiary: #FAFBF6;
 	--global--color-background-dark: #DDDDDD;
@@ -102,7 +102,7 @@
 	--button--padding-vertical: calc(var(--global--spacing-horizontal) - var(--button--border-width));
 	--button--padding-horizontal: var(--global--spacing-horizontal);
 	--cover--height: calc( 15 * var(--global--spacing-vertical) );
-	--cover--color-foreground: var(--global--color-foreground-dark);
+	--cover--color-foreground: var(--global--color-foreground-high-contrast);
 	--cover--color-background: var(--global--color-tertiary);
 	--heading--font-family: var(--global--font-primary);
 	--heading--line-height: 1.3;
@@ -235,7 +235,7 @@
 	--wc--mini-cart--color-background: var(--global--color-background);
 	--wc--mini-cart--color-text: var(--global--color-foreground);
 	--wc--mini-cart--color-subtotal: var(--global--color-foreground);
-	--wc--mini-cart--color-count: var(--global--color-foreground-light);
+	--wc--mini-cart--color-count: var(--global--color-foreground-low-contrast);
 	--wc--mini-cart--color-border: var(--global--color-border);
 	--wc--mini-cart--button-text-color: var(--button--color-text);
 	--wc--mini-cart--button-background-color: var(--button--color-background);

seedlet/assets/sass/elements/_blockquote.scss

@@ -10,7 +10,7 @@ blockquote {
 
 	cite,
 	footer {
-		color: var(--global--color-foreground-light);
+		color: var(--global--color-foreground-low-contrast);
 		font-size: var(--global--font-size-xs);
 		letter-spacing: var(--global--letter-spacing);
 	}

seedlet/assets/sass/elements/_media.scss

@@ -2,7 +2,7 @@
 figcaption,
 .wp-caption,
 .wp-caption-text {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-xs);
 	line-height: var(--global--line-height-body);
 	margin-top: calc(0.5 * var(--global--spacing-unit));

seedlet/assets/sass/vendors/jetpack/blocks/blog-posts/_editor.scss

@@ -112,7 +112,7 @@
 
 	.entry-meta,
 	.cat-links {
-		color: var(--global--color-foreground-light);
+		color: var(--global--color-foreground-low-contrast);
 		font-size: var(--global--font-size-sm);
 
 		.has-background:not(.has-background-background-color) &,

seedlet/assets/sass/vendors/jetpack/blocks/blog-posts/_style.scss

@@ -116,7 +116,7 @@
 
 		.entry-meta,
 		.cat-links {
-			color: var(--global--color-foreground-light);
+			color: var(--global--color-foreground-low-contrast);
 			font-size: var(--global--font-size-sm);
 
 			.has-background:not(.has-background-background-color) &,

seedlet/assets/sass/vendors/woocommerce/_config.scss

@@ -21,7 +21,7 @@
 	--wc--mini-cart--color-background: var(--global--color-background);
 	--wc--mini-cart--color-text: var(--global--color-foreground);
 	--wc--mini-cart--color-subtotal: var(--global--color-foreground);
-	--wc--mini-cart--color-count: var(--global--color-foreground-light);
+	--wc--mini-cart--color-count: var(--global--color-foreground-low-contrast);
 	--wc--mini-cart--color-border: var(--global--color-border);
 	--wc--mini-cart--button-text-color: var(--button--color-text);
 	--wc--mini-cart--button-background-color: var(--button--color-background);

seedlet/assets/sass/vendors/woocommerce/blocks/block-grid/_style.scss

@@ -49,7 +49,7 @@
 	}
 
 	.wc-block-grid__product-price {
-		color: var(--global--color-foreground-dark);
+		color: var(--global--color-foreground-high-contrast);
 		font-size: var(--global--font-size-md);
 		line-height: var(--global--line-height-heading);
 

seedlet/assets/sass/vendors/woocommerce/components/_cart-collaterals.scss

@@ -22,7 +22,7 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 		.cart_totals {
 
 			p small {
-				color: var(--global--color-foreground-light);
+				color: var(--global--color-foreground-low-contrast);
 				font-size: var(--global--font-size-sm);
 			}
 

seedlet/assets/sass/vendors/woocommerce/components/_product-tabs.scss

@@ -23,7 +23,7 @@ body[class*="woocommerce"] #page { // adding #content here to override default w
 				padding-right: 0;
 
 				a {
-					color: var(--global--color-foreground-light);
+					color: var(--global--color-foreground-low-contrast);
 					padding-left: var(--wc--tabs--padding);
 					padding-right: var(--wc--tabs--padding);
 					padding-top: calc(0.5 * var(--wc--tabs--padding));
@@ -42,7 +42,7 @@ body[class*="woocommerce"] #page { // adding #content here to override default w
 					border-bottom-color: var(--global--color-background);
 
 					a {
-						color: var(--global--color-foreground-dark);
+						color: var(--global--color-foreground-high-contrast);
 						text-shadow: inherit;
 					}
 

seedlet/assets/sass/vendors/woocommerce/components/_reviews.scss

@@ -10,7 +10,7 @@ body[class*="woocommerce"] #page { // adding #content here to override default w
 	#reviews {
 
 		h2 small {
-			color: var(--global--color-foreground-light);
+			color: var(--global--color-foreground-low-contrast);
 			font-size: var(--global--font-size-sm);
 			margin: inherit;
 
@@ -40,7 +40,7 @@ body[class*="woocommerce"] #page { // adding #content here to override default w
 					margin-bottom: var(--global--spacing-unit);
 
 					.meta {
-						color: var(--global--color-foreground-light);
+						color: var(--global--color-foreground-low-contrast);
 						font-size: var(--global--font-size-sm);
 					}
 

seedlet/assets/sass/vendors/woocommerce/elements/_breadcrumbs.scss

@@ -9,7 +9,7 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 		margin-bottom: var(--global--spacing-vertical);
 		font-size: var(--global--font-size-base);
 		font-family: var(--global--font-primary);
-		color: var(--global--color-foreground-light);
+		color: var(--global--color-foreground-low-contrast);
 
 		a {
 			color: currentColor;

seedlet/assets/sass/vendors/woocommerce/elements/_notices.scss

@@ -12,7 +12,7 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 		padding: var(--global--spacing-unit) var(--global--spacing-vertical) var(--global--spacing-unit) calc(2 * var(--global--spacing-vertical));
 		margin-bottom: var(--global--spacing-vertical);
 		background-color: var(--global--color-tertiary);
-		color: var(--global--color-foreground-dark);
+		color: var(--global--color-foreground-high-contrast);
 		border-top-color: var(--global--color-primary-default);
 	}
 

seedlet/assets/sass/vendors/woocommerce/elements/_small-note.scss

@@ -4,7 +4,7 @@
 
 body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
 	small.note {
-		color: var(--global--color-foreground-light);
+		color: var(--global--color-foreground-low-contrast);
 		font-size: var(--global--font-size-sm);
 		margin-top: var(--global--spacing-unit);
 	}

seedlet/assets/sass/vendors/woocommerce/pages/_checkout.scss

@@ -107,7 +107,7 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 
 	.checkout .create-account small {
 		font-size: var(--global--font-size-xs);
-		color: var(--global--color-foreground-light);
+		color: var(--global--color-foreground-low-contrast);
 	}
 
 	#payment {
@@ -143,7 +143,7 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 			border-radius: var(--wc--table--border-radius);
 			line-height: var(--global--line-height-body);
 			background-color: var(--global--color-background-dark);
-			color: var(--global--color-foreground-dark);
+			color: var(--global--color-foreground-high-contrast);
 
 			input.input-text,
 			textarea {
@@ -152,15 +152,15 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 			}
 
 			::-webkit-input-placeholder {
-				color: var(--global--color-foreground-light);
+				color: var(--global--color-foreground-low-contrast);
 			}
 
 			:-moz-placeholder {
-				color: var(--global--color-foreground-light);
+				color: var(--global--color-foreground-low-contrast);
 			}
 
 			:-ms-input-placeholder {
-				color: var(--global--color-foreground-light);
+				color: var(--global--color-foreground-low-contrast);
 			}
 
 			.woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
@@ -180,7 +180,7 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 
 			span.help {
 				font-size: var(--global--font-size-sm);
-				color: var(--global--color-foreground-light);
+				color: var(--global--color-foreground-low-contrast);
 			}
 
 			.form-row {

seedlet/assets/sass/vendors/woocommerce/pages/_single-product.scss

@@ -40,7 +40,7 @@
 
 			span.price,
 			p.price {
-				color: var(--global--color-foreground-dark);
+				color: var(--global--color-foreground-high-contrast);
 				font-size: var(--global--font-size-xl);
 				line-height: var(--global--line-height-heading);
 

seedlet/assets/sass/vendors/woocommerce/widgets/_price-filter.scss

@@ -11,6 +11,6 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 	}
 
 	.widget_price_filter .price_slider_wrapper .ui-widget-content {
-		background-color: var(--global--color-foreground-light);
+		background-color: var(--global--color-foreground-low-contrast);
 	}
 }

seedlet/classes/class-seedlet-custom-colors.php

@@ -236,7 +236,7 @@ class Seedlet_Custom_Colors {
 				}
 
 				if ( $theme_mod_variable_name === '--global--color-foreground' && $theme_mod_default_color !== $theme_mod_custom_color ) {
-					$theme_css .= "--global--color-foreground-light: " . $adjusted_color . ";";
+					$theme_css .= "--global--color-foreground-low-contrast: " . $adjusted_color . ";";
 				}
 			}
 		}
@@ -272,7 +272,7 @@ class Seedlet_Custom_Colors {
 
 	/**
 	 * Customizer contrast validation warnings.
-	 * 
+	 *
 	 * @author Per Soderlind
 	 * @link https://github.com/soderlind/2016-customizer-demo
 	 */

seedlet/inc/wpcom-colors-utils.php

@@ -17,14 +17,14 @@ function seedlet_define_color_annotations( $colors ) {
 	);
 
 	// Foreground Color
-	// --global--color-foreground-light
+	// --global--color-foreground
 	add_color_rule(
 		'txt',
 		$colors['foreground'],
 		array(
 
 			// This placeholder is needed to make the color annotations work
-			array( '.global--color-foreground-light', 'color' ),
+			array( '.global--color-foreground', 'color' ),
 
 		),
 		__( 'Foreground Color' )
@@ -131,18 +131,18 @@ function seedlet_custom_colors_extra_css() {
 	$secondary    = $colors_array['colors']['fg1'];
 	$tertiary     = $colors_array['colors']['fg2'];
 
-	$foreground_light = change_color_luminescence( $foreground, 10 );
-	$foreground_dark  = change_color_luminescence( $foreground, -10 );
-	$primary_hover    = change_color_luminescence( $primary, 10 );
-	$secondary_hover  = change_color_luminescence( $secondary, 10 );
+	$foreground_low_contrast  = change_color_luminescence( $foreground, 10 );
+	$foreground_high_contrast = change_color_luminescence( $foreground, -10 );
+	$primary_hover            = change_color_luminescence( $primary, 10 );
+	$secondary_hover          = change_color_luminescence( $secondary, 10 );
 	?>
 
 	:root,
 	#editor .editor-styles-wrapper {
 		--global--color-background: <?php echo $background; ?>;
 		--global--color-foreground: <?php echo $foreground; ?>;
-		--global--color-foreground-light: <?php echo $foreground_light; ?>;
-		--global--color-foreground-dark: <?php echo $foreground_dark; ?>;
+		--global--color-foreground-low-contrast: <?php echo $foreground_low_contrast; ?>;
+		--global--color-foreground-high-contrast: <?php echo $foreground_high_contrast; ?>;
 		--global--color-primary: <?php echo $primary; ?>;
 		--global--color-primary-hover: <?php echo $primary_hover; ?>;
 		--global--color-secondary: <?php echo $secondary; ?>;

seedlet/inc/wpcom-customize-preview.js

@@ -64,15 +64,15 @@ function changeColorLuminescence( hex, amount ) {
 			var secondary = to.fg1;
 			var tertiary = to.fg2;
 
-			var foregroundLight = changeColorLuminescence( foreground, 10 );
-			var foregroundDark = changeColorLuminescence( foreground, -10 );
+			var foregroundLowContrast = changeColorLuminescence( foreground, 10 );
+			var foregroundHighContrast = changeColorLuminescence( foreground, -10 );
 			var primaryHover = changeColorLuminescence( primary, 10 );
 			var secondaryHover = changeColorLuminescence( secondary, 10 );
 			const extraCSS = ':root {' +
 					'--global--color-background: ' + background + ';' +
 					'--global--color-foreground: ' + foreground + ';' +
-					'--global--color-foreground-light: ' + foregroundLight + ';' +
-					'--global--color-foreground-dark: ' + foregroundDark + ';' +
+					'--global--color-foreground-low-contrast: ' + foregroundLowContrast + ';' +
+					'--global--color-foreground-high-contrast: ' + foregroundHighContrast + ';' +
 					'--global--color-primary: ' + primary + ';' +
 					'--global--color-primary-hover: ' + primaryHover + ';' +
 					'--global--color-secondary: ' + secondary + ';' +

seedlet/style-rtl.css

@@ -103,8 +103,8 @@ Included in theme screenshot and in block patterns.
 	--global--color-black: black;
 	--global--color-white: white;
 	--global--color-foreground: #333333;
-	--global--color-foreground-light: #444444;
-	--global--color-foreground-dark: #000000;
+	--global--color-foreground-low-contrast: #444444;
+	--global--color-foreground-high-contrast: #000000;
 	--global--color-background: #FFFFFF;
 	--global--color-tertiary: #FAFBF6;
 	--global--color-background-dark: #DDDDDD;
@@ -152,7 +152,7 @@ Included in theme screenshot and in block patterns.
 	--button--padding-vertical: calc(var(--global--spacing-horizontal) - var(--button--border-width));
 	--button--padding-horizontal: var(--global--spacing-horizontal);
 	--cover--height: calc( 15 * var(--global--spacing-vertical) );
-	--cover--color-foreground: var(--global--color-foreground-dark);
+	--cover--color-foreground: var(--global--color-foreground-high-contrast);
 	--cover--color-background: var(--global--color-tertiary);
 	--heading--font-family: var(--global--font-primary);
 	--heading--line-height: 1.3;
@@ -287,7 +287,7 @@ Included in theme screenshot and in block patterns.
 	--wc--mini-cart--color-background: var(--global--color-background);
 	--wc--mini-cart--color-text: var(--global--color-foreground);
 	--wc--mini-cart--color-subtotal: var(--global--color-foreground);
-	--wc--mini-cart--color-count: var(--global--color-foreground-light);
+	--wc--mini-cart--color-count: var(--global--color-foreground-low-contrast);
 	--wc--mini-cart--color-border: var(--global--color-border);
 	--wc--mini-cart--button-text-color: var(--button--color-text);
 	--wc--mini-cart--button-background-color: var(--button--color-background);
@@ -1081,7 +1081,7 @@ blockquote p {
 
 blockquote cite,
 blockquote footer {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-xs);
 	letter-spacing: var(--global--letter-spacing);
 }
@@ -1179,7 +1179,7 @@ input[type=checkbox] + label {
 figcaption,
 .wp-caption,
 .wp-caption-text {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-xs);
 	line-height: var(--global--line-height-body);
 	margin-top: calc(0.5 * var(--global--spacing-unit));
@@ -1631,7 +1631,7 @@ h6, .h6 {
 }
 
 .wp-block-image figcaption {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-xs);
 	line-height: var(--global--line-height-body);
 	margin-top: calc(0.5 * var(--global--spacing-unit));
@@ -1689,7 +1689,7 @@ img {
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-sm);
 }
 
@@ -1758,7 +1758,7 @@ img {
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-sm);
 	line-height: var(--global--line-height-body);
 }
@@ -2072,7 +2072,7 @@ p.has-text-color a {
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-sm);
 }
 
@@ -2196,7 +2196,7 @@ p.has-text-color a {
 .wp-block-quote .wp-block-quote__citation,
 .wp-block-quote cite,
 .wp-block-quote footer {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-xs);
 }
 
@@ -2259,7 +2259,7 @@ p.has-text-color a {
 .wp-block-quote.is-style-large footer, .wp-block-quote.is-large .wp-block-quote__citation,
 .wp-block-quote.is-large cite,
 .wp-block-quote.is-large footer {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-xs);
 }
 
@@ -2460,7 +2460,7 @@ pre.wp-block-verse {
 }
 
 .wp-block-video figcaption {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-xs);
 	margin-top: calc(0.5 * var(--global--spacing-unit));
 	margin-bottom: var(--global--spacing-unit);
@@ -2582,11 +2582,11 @@ pre.wp-block-verse {
 }
 
 .has-foreground-light-color[class] {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 }
 
-.has-foreground-dark-color[class] {
-	color: var(--global--color-foreground-dark);
+.has-foreground-high-contrast-color[class] {
+	color: var(--global--color-foreground-high-contrast);
 }
 
 .has-tertiary-color[class] {
@@ -2639,18 +2639,18 @@ pre.wp-block-verse {
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: var(--global--color-foreground-light);
+	background-color: var(--global--color-foreground-low-contrast);
 }
 
 .has-foreground-light-background-color[class]:not(.has-text-color) {
 	color: var(--global--color-background);
 }
 
-.has-foreground-dark-background-color[class] {
-	background-color: var(--global--color-foreground-dark);
+.has-foreground-high-contrast-background-color[class] {
+	background-color: var(--global--color-foreground-high-contrast);
 }
 
-.has-foreground-dark-background-color[class]:not(.has-text-color) {
+.has-foreground-high-contrast-background-color[class]:not(.has-text-color) {
 	color: var(--global--color-background);
 }
 
@@ -3932,7 +3932,7 @@ img#wpstats {
 .wp-block-newspack-blocks-homepage-articles article .cat-links,
 .wp-block-a8c-blog-posts article .entry-meta,
 .wp-block-a8c-blog-posts article .cat-links {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-sm);
 }
 

seedlet/style.css

@@ -103,8 +103,8 @@ Included in theme screenshot and in block patterns.
 	--global--color-black: black;
 	--global--color-white: white;
 	--global--color-foreground: #333333;
-	--global--color-foreground-light: #444444;
-	--global--color-foreground-dark: #000000;
+	--global--color-foreground-low-contrast: #444444;
+	--global--color-foreground-high-contrast: #000000;
 	--global--color-background: #FFFFFF;
 	--global--color-tertiary: #FAFBF6;
 	--global--color-background-dark: #DDDDDD;
@@ -152,7 +152,7 @@ Included in theme screenshot and in block patterns.
 	--button--padding-vertical: calc(var(--global--spacing-horizontal) - var(--button--border-width));
 	--button--padding-horizontal: var(--global--spacing-horizontal);
 	--cover--height: calc( 15 * var(--global--spacing-vertical) );
-	--cover--color-foreground: var(--global--color-foreground-dark);
+	--cover--color-foreground: var(--global--color-foreground-high-contrast);
 	--cover--color-background: var(--global--color-tertiary);
 	--heading--font-family: var(--global--font-primary);
 	--heading--line-height: 1.3;
@@ -287,7 +287,7 @@ Included in theme screenshot and in block patterns.
 	--wc--mini-cart--color-background: var(--global--color-background);
 	--wc--mini-cart--color-text: var(--global--color-foreground);
 	--wc--mini-cart--color-subtotal: var(--global--color-foreground);
-	--wc--mini-cart--color-count: var(--global--color-foreground-light);
+	--wc--mini-cart--color-count: var(--global--color-foreground-low-contrast);
 	--wc--mini-cart--color-border: var(--global--color-border);
 	--wc--mini-cart--button-text-color: var(--button--color-text);
 	--wc--mini-cart--button-background-color: var(--button--color-background);
@@ -1081,7 +1081,7 @@ blockquote p {
 
 blockquote cite,
 blockquote footer {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-xs);
 	letter-spacing: var(--global--letter-spacing);
 }
@@ -1179,7 +1179,7 @@ input[type=checkbox] + label {
 figcaption,
 .wp-caption,
 .wp-caption-text {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-xs);
 	line-height: var(--global--line-height-body);
 	margin-top: calc(0.5 * var(--global--spacing-unit));
@@ -1631,7 +1631,7 @@ h6, .h6 {
 }
 
 .wp-block-image figcaption {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-xs);
 	line-height: var(--global--line-height-body);
 	margin-top: calc(0.5 * var(--global--spacing-unit));
@@ -1689,7 +1689,7 @@ img {
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-sm);
 }
 
@@ -1758,7 +1758,7 @@ img {
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-sm);
 	line-height: var(--global--line-height-body);
 }
@@ -2072,7 +2072,7 @@ p.has-text-color a {
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-sm);
 }
 
@@ -2196,7 +2196,7 @@ p.has-text-color a {
 .wp-block-quote .wp-block-quote__citation,
 .wp-block-quote cite,
 .wp-block-quote footer {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-xs);
 }
 
@@ -2259,7 +2259,7 @@ p.has-text-color a {
 .wp-block-quote.is-style-large footer, .wp-block-quote.is-large .wp-block-quote__citation,
 .wp-block-quote.is-large cite,
 .wp-block-quote.is-large footer {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-xs);
 }
 
@@ -2460,7 +2460,7 @@ pre.wp-block-verse {
 }
 
 .wp-block-video figcaption {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-xs);
 	margin-top: calc(0.5 * var(--global--spacing-unit));
 	margin-bottom: var(--global--spacing-unit);
@@ -2591,11 +2591,11 @@ pre.wp-block-verse {
 }
 
 .has-foreground-light-color[class] {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 }
 
-.has-foreground-dark-color[class] {
-	color: var(--global--color-foreground-dark);
+.has-foreground-high-contrast-color[class] {
+	color: var(--global--color-foreground-high-contrast);
 }
 
 .has-tertiary-color[class] {
@@ -2648,18 +2648,18 @@ pre.wp-block-verse {
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: var(--global--color-foreground-light);
+	background-color: var(--global--color-foreground-low-contrast);
 }
 
 .has-foreground-light-background-color[class]:not(.has-text-color) {
 	color: var(--global--color-background);
 }
 
-.has-foreground-dark-background-color[class] {
-	background-color: var(--global--color-foreground-dark);
+.has-foreground-high-contrast-background-color[class] {
+	background-color: var(--global--color-foreground-high-contrast);
 }
 
-.has-foreground-dark-background-color[class]:not(.has-text-color) {
+.has-foreground-high-contrast-background-color[class]:not(.has-text-color) {
 	color: var(--global--color-background);
 }
 
@@ -3953,7 +3953,7 @@ img#wpstats {
 .wp-block-newspack-blocks-homepage-articles article .cat-links,
 .wp-block-a8c-blog-posts article .entry-meta,
 .wp-block-a8c-blog-posts article .cat-links {
-	color: var(--global--color-foreground-light);
+	color: var(--global--color-foreground-low-contrast);
 	font-size: var(--global--font-size-sm);
 }