User link styling for commits

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

@@ -91,7 +91,7 @@ export default {
           <icon :size="12" name="ellipsis_h" />
         </button>
 
-        <div class="commiter">
+        <div class="committer">
           <a
             :href="authorUrl"
             :class="authorClass"

app/assets/stylesheets/pages/commits.scss

@@ -180,6 +180,14 @@
     display: flex;
     align-items: center;
   }
+
+  .committer {
+    color: $gl-text-color-tertiary;
+
+    .commit-author-link {
+      color: $gl-text-color;
+    }
+  }
 }
 
 .commit-actions {

changelogs/unreleased/61072-link-to-user-profile-not-distinguishable-on-latest-commit-widget.yml

+---
+title: User link styling for commits
+merge_request: 29150
+author:
+type: other

spec/javascripts/diffs/components/commit_item_spec.js

@@ -18,7 +18,7 @@ const getDescExpandElement = vm =>
   vm.$el.querySelector('.commit-content .text-expander.js-toggle-button');
 const getShaElement = vm => vm.$el.querySelector('.commit-sha-group');
 const getAvatarElement = vm => vm.$el.querySelector('.user-avatar-link');
-const getCommitterElement = vm => vm.$el.querySelector('.commiter');
+const getCommitterElement = vm => vm.$el.querySelector('.committer');
 const getCommitActionsElement = vm => vm.$el.querySelector('.commit-actions');
 
 describe('diffs/components/commit_item', () => {