Merge branch '27884-fix-table-styles' into 'master'

Fix markdown table border colors

Closes #27884

See merge request gitlab-org/gitlab!22314

app/assets/stylesheets/framework/typography.scss

@@ -179,15 +179,15 @@
 
     tbody {
       background-color: $white-light;
+
+      td {
+        border-color: $gray-200;
+      }
     }
 
     tr {
       th {
-        border-bottom: solid 2px $gl-gray-200;
-      }
-
-      td {
-        border-color: $gl-gray-200;
+        border-bottom: solid 2px $gray-300;
       }
     }
 

app/assets/stylesheets/framework/variables_overrides.scss

@@ -12,6 +12,7 @@ $font-family-sans-serif: $regular-font;
 $font-family-monospace: $monospace-font;
 $btn-line-height: 20px;
 $table-accent-bg: $gray-light;
+$table-border-color: $gray-200;
 $card-border-color: $border-color;
 $card-cap-bg: $gray-light;
 $success: $green-500;

changelogs/unreleased/27884-fix-table-styles.yml

+---
+title: Fix markdown table border colors
+merge_request: 22314
+author:
+type: fixed