Merge branch 'remove-gl-text-color-quaternary-variable' into 'master'

Replace $gl-text-color-quaternary SCSS variable

See merge request !153203



Merged-by: Simon Knox <simon@gitlab.com>
Approved-by: Simon Knox <simon@gitlab.com>
Co-authored-by: sdejonge <sdejonge@gitlab.com>

app/assets/stylesheets/framework/tables.scss

@@ -99,12 +99,12 @@ table {
       tr.responsive-table-border-start,
       tr.responsive-table-border-end {
         display: block;
-        border: solid $gl-text-color-quaternary;
+        border: solid $gray-100;
         padding-left: 0;
         padding-right: 0;
 
         > td {
-          border-color: $gl-text-color-quaternary;
+          border-color: $gray-100;
 
           &,
           &:last-child {
@@ -125,7 +125,7 @@ table {
         }
 
         > td:last-child {
-          border-bottom: 1px solid $gl-text-color-quaternary;
+          border-bottom: 1px solid $gray-100;
         }
       }
 

app/assets/stylesheets/framework/variables.scss

@@ -135,7 +135,6 @@ $gl-font-weight-bold: 600;
 $gl-text-color: $gray-900;
 $gl-text-color-secondary: $gray-500 !default;
 $gl-text-color-tertiary: $gray-400;
-$gl-text-color-quaternary: #d6d6d6;
 $gl-text-color-inverted: $white;
 $gl-text-color-secondary-inverted: rgba($white, 0.85);
 $gl-text-color-disabled: $gray-400;

app/assets/stylesheets/page_bundles/merge_requests.scss

@@ -759,7 +759,7 @@ $tabs-holder-z-index: 250;
       border: 1px solid var(--border-color, $border-color);
 
       .circle-icon-container {
-        color: var(--gray-100, $gl-text-color-quaternary);
+        color: var(--gray-100, $gray-100);
       }
     }
   }