Browse Source

Blockbase: fix variables for 2 colored themes (#5241)

* fix variables for 2 colored themes

* same fix for tables css
Maggie 3 years ago
parent
commit
225656c65a
3 changed files with 6 additions and 6 deletions
  1. 2 2
      blockbase/assets/ponyfill.css
  2. 2 2
      blockbase/sass/blocks/_table.scss
  3. 2 2
      blockbase/theme.json

+ 2 - 2
blockbase/assets/ponyfill.css

@@ -1023,7 +1023,7 @@ p.wp-block-site-tagline {
 
 
 .wp-block-table.is-style-stripes figcaption,
 .wp-block-table.is-style-stripes figcaption,
 .wp-block-table figcaption {
 .wp-block-table figcaption {
-	color: var(--wp--preset--color--primary);
+	color: var(--wp--custom--color--primary);
 	font-size: var(--wp--custom--table--figcaption--typography--font-size);
 	font-size: var(--wp--custom--table--figcaption--typography--font-size);
 	text-align: center;
 	text-align: center;
 }
 }
@@ -1036,7 +1036,7 @@ p.wp-block-site-tagline {
 }
 }
 
 
 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
-	background-color: var(--wp--preset--color--tertiary);
+	background-color: var(--wp--custom--color--tertiary);
 }
 }
 
 
 .wp-block-video figcaption {
 .wp-block-video figcaption {

+ 2 - 2
blockbase/sass/blocks/_table.scss

@@ -1,7 +1,7 @@
 .wp-block-table.is-style-stripes,
 .wp-block-table.is-style-stripes,
 .wp-block-table {
 .wp-block-table {
 	figcaption { // See https://github.com/WordPress/gutenberg/issues/34650
 	figcaption { // See https://github.com/WordPress/gutenberg/issues/34650
-		color: var(--wp--preset--color--primary);
+		color: var(--wp--custom--color--primary);
 		font-size: var(--wp--custom--table--figcaption--typography--font-size);
 		font-size: var(--wp--custom--table--figcaption--typography--font-size);
 		text-align: center;
 		text-align: center;
 	}
 	}
@@ -18,7 +18,7 @@
 .wp-block-table.is-style-stripes {
 .wp-block-table.is-style-stripes {
 	tbody {
 	tbody {
 		tr:nth-child(odd) {
 		tr:nth-child(odd) {
-			background-color: var(--wp--preset--color--tertiary);
+			background-color: var(--wp--custom--color--tertiary);
 		}
 		}
 	}
 	}
 }
 }

+ 2 - 2
blockbase/theme.json

@@ -268,14 +268,14 @@
 			"navigation": {
 			"navigation": {
 				"submenu": {
 				"submenu": {
 					"border": {
 					"border": {
-						"color": "var(--wp--preset--color--primary)",
+						"color": "var(--wp--custom--color--primary)",
 						"radius": "var(--wp--custom--form--border--radius)",
 						"radius": "var(--wp--custom--form--border--radius)",
 						"style": "var(--wp--custom--form--border--style)",
 						"style": "var(--wp--custom--form--border--style)",
 						"width": "var(--wp--custom--form--border--width)"
 						"width": "var(--wp--custom--form--border--width)"
 					},
 					},
 					"color": {
 					"color": {
 						"background": "var(--wp--custom--color--background)",
 						"background": "var(--wp--custom--color--background)",
-						"text": "var(--wp--preset--color--foreground)"
+						"text": "var(--wp--custom--color--foreground)"
 					}
 					}
 				}
 				}
 			},
 			},