Update $gray-700 hex and replace instances

Update gray-700 hex value and find and replace all gray-700
with gray-500.

app/assets/javascripts/alert_management/components/sidebar/sidebar_assignees.vue

@@ -273,7 +273,7 @@ export default {
       <gl-loading-icon v-if="isUpdating" :inline="true" />
       <p v-else-if="!isDropdownShowing" class="value gl-m-0" :class="{ 'no-value': !userName }">
-        <span v-if="userName" class="gl-text-gray-700" data-testid="assigned-users">{{
+        <span v-if="userName" class="gl-text-gray-500" data-testid="assigned-users">{{
           assignedUser
         }}</span>
         <span v-else class="gl-display-flex gl-align-items-center">

app/assets/javascripts/alert_management/components/sidebar/sidebar_status.vue

@@ -107,7 +107,7 @@ export default {
       >
         <span
           v-if="$options.statuses[alert.status]"
-          class="gl-text-gray-700"
+          class="gl-text-gray-500"
           data-testid="status"
           >{{ $options.statuses[alert.status] }}</span
         >

app/assets/javascripts/boards/components/board_list_header.vue

@@ -241,7 +241,7 @@ export default {
         v-if="isSwimlanesHeader && !list.isExpanded"
         ref="collapsedInfo"
         aria-hidden="true"
-        class="board-header-collapsed-info-icon gl-mt-2 gl-cursor-pointer gl-text-gray-700"
+        class="board-header-collapsed-info-icon gl-mt-2 gl-cursor-pointer gl-text-gray-500"
       >
         <gl-icon name="information" />
       </span>

app/assets/javascripts/design_management/components/design_notes/design_discussion.vue

@@ -230,10 +230,10 @@ export default {
           </button>
         </template>
         <template v-if="discussion.resolved" #resolvedStatus>
-          <p class="gl-text-gray-700 gl-font-sm gl-m-0 gl-mt-5" data-testid="resolved-message">
+          <p class="gl-text-gray-500 gl-font-sm gl-m-0 gl-mt-5" data-testid="resolved-message">
             {{ __('Resolved by') }}
             <gl-link
-              class="gl-text-gray-700 gl-text-decoration-none gl-font-sm link-inherit-color"
+              class="gl-text-gray-500 gl-text-decoration-none gl-font-sm link-inherit-color"
               :href="discussion.resolvedBy.webUrl"
               target="_blank"
               >{{ discussion.resolvedBy.name }}</gl-link

app/assets/javascripts/design_management/components/design_notes/toggle_replies_widget.vue

@@ -52,7 +52,7 @@ export default {
       {{ toggleText }}
     </gl-button>
     <template v-if="collapsed">
-      <span class="gl-text-gray-700">{{ __('Last reply by') }}</span>
+      <span class="gl-text-gray-500">{{ __('Last reply by') }}</span>
       <gl-link
         :href="lastReply.author.webUrl"
         target="_blank"
@@ -63,7 +63,7 @@ export default {
       <time-ago-tooltip
         :time="lastReply.createdAt"
         tooltip-placement="bottom"
-        class="gl-text-gray-700"
+        class="gl-text-gray-500"
       />
     </template>
   </li>

app/assets/javascripts/design_management/components/upload/design_dropzone.vue

@@ -36,7 +36,7 @@ export default {
     iconStyles() {
       return {
         size: this.hasDesigns ? 24 : 16,
-        class: this.hasDesigns ? 'gl-mb-2' : 'gl-mr-3 gl-text-gray-700',
+        class: this.hasDesigns ? 'gl-mb-2' : 'gl-mr-3 gl-text-gray-500',
       };
     },
   },

app/assets/javascripts/design_management_legacy/components/design_notes/design_discussion.vue

@@ -230,10 +230,10 @@ export default {
           </button>
         </template>
         <template v-if="discussion.resolved" #resolvedStatus>
-          <p class="gl-text-gray-700 gl-font-sm gl-m-0 gl-mt-5" data-testid="resolved-message">
+          <p class="gl-text-gray-500 gl-font-sm gl-m-0 gl-mt-5" data-testid="resolved-message">
             {{ __('Resolved by') }}
             <gl-link
-              class="gl-text-gray-700 gl-text-decoration-none gl-font-sm link-inherit-color"
+              class="gl-text-gray-500 gl-text-decoration-none gl-font-sm link-inherit-color"
               :href="discussion.resolvedBy.webUrl"
               target="_blank"
               >{{ discussion.resolvedBy.name }}</gl-link

app/assets/javascripts/design_management_legacy/components/design_notes/toggle_replies_widget.vue

@@ -52,7 +52,7 @@ export default {
       {{ toggleText }}
     </gl-button>
     <template v-if="collapsed">
-      <span class="gl-text-gray-700">{{ __('Last reply by') }}</span>
+      <span class="gl-text-gray-500">{{ __('Last reply by') }}</span>
       <gl-link
         :href="lastReply.author.webUrl"
         target="_blank"
@@ -63,7 +63,7 @@ export default {
       <time-ago-tooltip
         :time="lastReply.createdAt"
         tooltip-placement="bottom"
-        class="gl-text-gray-700"
+        class="gl-text-gray-500"
       />
     </template>
   </li>

app/assets/javascripts/diffs/components/diff_line_note_form.vue

@@ -148,7 +148,7 @@ export default {
 <template>
   <div class="content discussion-form discussion-form-container discussion-notes">
-    <div v-if="glFeatures.multilineComments" class="gl-mb-3 gl-text-gray-700 gl-pb-3">
+    <div v-if="glFeatures.multilineComments" class="gl-mb-3 gl-text-gray-500 gl-pb-3">
       <multiline-comment-form
         v-model="commentLineStart"
         :line="line"

app/assets/javascripts/groups/components/item_actions.vue

@@ -53,7 +53,7 @@ export default {
       :aria-label="leaveBtnTitle"
       data-container="body"
       data-placement="bottom"
-      class="leave-group btn btn-xs no-expand gl-text-gray-700 gl-ml-5"
+      class="leave-group btn btn-xs no-expand gl-text-gray-500 gl-ml-5"
       @click.prevent="onLeaveGroup"
     >
       <icon name="leave" class="position-top-0" />
@@ -66,7 +66,7 @@ export default {
       :aria-label="editBtnTitle"
       data-container="body"
       data-placement="bottom"
-      class="edit-group btn btn-xs no-expand gl-text-gray-700 gl-ml-5"
+      class="edit-group btn btn-xs no-expand gl-text-gray-500 gl-ml-5"
     >
       <icon name="settings" class="position-top-0 align-middle" />
     </a>

app/assets/javascripts/groups/components/item_stats.vue

@@ -44,7 +44,7 @@ export default {
 </script>
 <template>
-  <div class="stats gl-text-gray-700">
+  <div class="stats gl-text-gray-500">
     <item-stats-value
       v-if="isGroup"
       :title="__('Subgroups')"

app/assets/javascripts/monitoring/components/links_section.vue

@@ -23,7 +23,7 @@ export default {
       class="gl-mb-1 gl-mr-5 gl-display-flex gl-display-sm-block gl-hover-text-blue-600-children gl-word-break-all"
     >
       <gl-link :href="link.url" class="gl-text-gray-900 gl-text-decoration-none!"
-        ><gl-icon name="link" class="gl-text-gray-700 gl-vertical-align-text-bottom gl-mr-2" />{{
+        ><gl-icon name="link" class="gl-text-gray-500 gl-vertical-align-text-bottom gl-mr-2" />{{
           link.title
         }}
       </gl-link>

app/assets/javascripts/notes/components/noteable_note.vue

@@ -347,7 +347,7 @@ export default {
     <div
       v-if="showMultiLineComment"
       data-testid="multiline-comment"
-      class="gl-mb-3 gl-text-gray-700 gl-border-gray-200 gl-border-b-solid gl-border-b-1 gl-pb-3"
+      class="gl-mb-3 gl-text-gray-500 gl-border-gray-200 gl-border-b-solid gl-border-b-1 gl-pb-3"
     >
       <gl-sprintf :message="__('Comment on lines %{startLine} to %{endLine}')">
         <template #startLine>

app/assets/javascripts/packages/details/components/package_title.vue

@@ -51,7 +51,7 @@ export default {
           {{ packageEntity.name }}
         </h1>
-        <div class="gl-display-flex gl-align-items-center gl-text-gray-700">
+        <div class="gl-display-flex gl-align-items-center gl-text-gray-500">
           <gl-icon name="eye" class="gl-mr-3" />
           <gl-sprintf :message="$options.i18n.packageInfo">
             <template #version>
@@ -70,7 +70,7 @@ export default {
     <div class="gl-display-flex gl-flex-wrap gl-align-items-center gl-mb-3">
       <div v-if="packageTypeDisplay" class="gl-display-flex gl-align-items-center gl-mr-5">
-        <gl-icon name="package" class="gl-text-gray-700 gl-mr-3" />
+        <gl-icon name="package" class="gl-text-gray-500 gl-mr-3" />
         <span data-testid="package-type" class="gl-font-weight-bold">{{ packageTypeDisplay }}</span>
       </div>
@@ -79,7 +79,7 @@ export default {
       </div>
       <div v-if="packagePipeline" class="gl-display-flex gl-align-items-center gl-mr-5">
-        <gl-icon name="review-list" class="gl-text-gray-700 gl-mr-3" />
+        <gl-icon name="review-list" class="gl-text-gray-500 gl-mr-3" />
         <gl-link
           data-testid="pipeline-project"
           :href="packagePipeline.project.web_url"
@@ -94,7 +94,7 @@ export default {
         data-testid="package-ref"
         class="gl-display-flex gl-align-items-center gl-mr-5"
       >
-        <gl-icon name="branch" class="gl-text-gray-700 gl-mr-3" />
+        <gl-icon name="branch" class="gl-text-gray-500 gl-mr-3" />
         <span
           v-gl-tooltip
           class="gl-font-weight-bold text-truncate mw-xs"
@@ -104,7 +104,7 @@ export default {
       </div>
       <div class="gl-display-flex gl-align-items-center gl-mr-5">
-        <gl-icon name="disk" class="gl-text-gray-700 gl-mr-3" />
+        <gl-icon name="disk" class="gl-text-gray-500 gl-mr-3" />
         <span data-testid="package-size" class="gl-font-weight-bold">{{ totalSize }}</span>
       </div>
     </div>

app/assets/javascripts/packages/shared/components/package_tags.vue

@@ -70,7 +70,7 @@ export default {
 <template>
   <div class="gl-display-flex gl-align-items-center">
     <div v-if="!hideLabel" data-testid="tagLabel" class="gl-display-flex gl-align-items-center">
-      <gl-icon name="labels" class="gl-text-gray-700 gl-mr-3" />
+      <gl-icon name="labels" class="gl-text-gray-500 gl-mr-3" />
       <span class="gl-font-weight-bold">{{ tagsDisplay }}</span>
     </div>

app/assets/javascripts/registry/explorer/components/list_page/registry_header.vue

@@ -96,7 +96,7 @@ export default {
     </div>
     <div
       v-if="imagesCount"
-      class="gl-display-flex gl-align-items-center gl-mt-1 gl-mb-3 gl-text-gray-700"
+      class="gl-display-flex gl-align-items-center gl-mt-1 gl-mb-3 gl-text-gray-500"
       data-testid="subheader"
     >
       <span class="gl-mr-3" data-testid="images-count">

app/assets/javascripts/vue_shared/components/dismissible_container.vue

@@ -45,7 +45,7 @@ export default {
           data-testid="close"
           @click="dismiss"
         >
-          <gl-icon name="close" aria-hidden="true" class="gl-text-gray-700" />
+          <gl-icon name="close" aria-hidden="true" class="gl-text-gray-500" />
         </button>
       </div>
     </div>

app/assets/javascripts/vue_shared/components/markdown/field.vue

@@ -250,7 +250,7 @@ export default {
         </gl-mentions>
         <slot v-else name="textarea"></slot>
         <a
-          class="zen-control zen-control-leave js-zen-leave gl-text-gray-700"
+          class="zen-control zen-control-leave js-zen-leave gl-text-gray-500"
           href="#"
           :aria-label="__('Leave zen mode')"
         >

app/assets/javascripts/vue_shared/components/sidebar/labels_select/dropdown_button.vue

@@ -78,7 +78,7 @@ export default {
     <span class="dropdown-toggle-text"> {{ dropdownToggleText }} </span>
     <gl-icon
       name="chevron-down"
-      class="gl-absolute gl-top-3 gl-right-3 gl-text-gray-700"
+      class="gl-absolute gl-top-3 gl-right-3 gl-text-gray-500"
       :size="16"
     />
   </button>

app/assets/javascripts/vue_shared/components/sidebar/labels_select/dropdown_search_input.vue

@@ -22,7 +22,7 @@ export default {
     />
     <gl-icon
       name="close"
-      class="dropdown-input-clear js-dropdown-input-clear gl-absolute gl-top-3 gl-right-5 gl-text-gray-700"
+      class="dropdown-input-clear js-dropdown-input-clear gl-absolute gl-top-3 gl-right-5 gl-text-gray-500"
     />
   </div>
 </template>