Twenty Twenty: Fix Table block default and custom border colors.

On the front end, this changeset restores the theme's default border color when (and only when) the block's text color is the default.
In the editor, these styles repurpose the user-selected color for the border, to match the front.

Props nidhidhandhukiya, sabernhardt, pooja1210, pouicpouic, poena, shailu25, ugyensupport, wasiur195, rajinsharwar, wasiur195, jivygraphics, huzaifaalmesbah, harshgajipara, nicolefurlan, sumitbagthariya16.
Fixes #58022.





git-svn-id: https://develop.svn.wordpress.org/trunk@57587 602fd350-edb4-49c9-b593-d223f7449a82

src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css

@@ -510,6 +510,10 @@
 	border-color: #dcd7ca;
 }
 
+.editor-styles-wrapper .wp-block-table table:where(.has-text-color) * {
+	border-color: currentColor;
+}
+
 .editor-styles-wrapper .wp-block-table tr {
 	border: none;
 }

src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css

@@ -514,6 +514,10 @@
 	border-color: #dcd7ca;
 }
 
+.editor-styles-wrapper .wp-block-table table:where(.has-text-color) * {
+	border-color: currentColor;
+}
+
 .editor-styles-wrapper .wp-block-table tr {
 	border: none;
 }

src/wp-content/themes/twentytwenty/style-rtl.css

@@ -3356,6 +3356,10 @@ hr.wp-block-separator {
 
 /* Block: Table ------------------------------ */
 
+.wp-block-table table:where(:not(.has-text-color)) * {
+	border-color: inherit;
+}
+
 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
 	background: #dcd7ca;
 }

src/wp-content/themes/twentytwenty/style.css

@@ -3376,6 +3376,10 @@ hr.wp-block-separator {
 
 /* Block: Table ------------------------------ */
 
+.wp-block-table table:where(:not(.has-text-color)) * {
+	border-color: inherit;
+}
+
 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
 	background: #dcd7ca;
 }