Apply darker color to headers and scan names

ee/app/assets/javascripts/security_configuration/components/app.vue

@@ -94,7 +94,10 @@ export default {
       v-html="calloutContent"
     ></section>
     <section ref="featuresTable" class="mt-0">
-      <div class="gl-responsive-table-row table-row-header text-2 font-weight-bold px-2" role="row">
+      <div
+        class="gl-responsive-table-row table-row-header text-2 font-weight-bold px-2 gl-text-gray-900"
+        role="row"
+      >
         <div class="table-section section-80">
           {{ s__('SecurityConfiguration|Secure features') }}
         </div>
@@ -113,7 +116,7 @@ export default {
             </div>
             <div class="table-mobile-content">
               <div class="d-flex align-items-center justify-content-end justify-content-md-start">
-                <div class="text-2">
+                <div class="text-2 gl-text-gray-900">
                   {{ feature.name }}
                 </div>
                 <gl-link

ee/changelogs/unreleased/196831-secure-configuration-feature-text-color.yml

+---
+title: Apply darker color to column headers and scan names in secure features configuration
+merge_request: 23104
+author:
+type: changed

ee/spec/frontend/security_configuration/components/__snapshots__/app_spec.js.snap

@@ -5,7 +5,7 @@ exports[`Security Configuration App features table displays a given feature 1`]
   class="mt-0"
 >
   <div
-    class="gl-responsive-table-row table-row-header text-2 font-weight-bold px-2"
+    class="gl-responsive-table-row table-row-header text-2 font-weight-bold px-2 gl-text-gray-900"
     role="row"
   >
     <div
@@ -48,7 +48,7 @@ exports[`Security Configuration App features table displays a given feature 1`]
             class="d-flex align-items-center justify-content-end justify-content-md-start"
           >
             <div
-              class="text-2"
+              class="text-2 gl-text-gray-900"
             >
               
                 name-feature-0