Links in logs keep same color of text

app/assets/javascripts/jobs/components/log/line.vue

@@ -38,6 +38,7 @@ export default {
               {
                 attrs: {
                   href: chunk,
+                  class: 'gl-reset-color! gl-text-decoration-underline',
                   rel: 'nofollow noopener noreferrer', // eslint-disable-line @gitlab/require-i18n-strings
                 },
               },

spec/frontend/jobs/components/log/line_spec.js

@@ -131,6 +131,12 @@ describe('Job Log Line', () => {
       expect(findLink().attributes().rel).toBe('nofollow noopener noreferrer');
     });
 
+    it('renders a link with corresponding styles', () => {
+      createComponent(mockProps({ text: httpsUrl }));
+
+      expect(findLink().classes()).toEqual(['gl-reset-color!', 'gl-text-decoration-underline']);
+    });
+
     it('render links surrounded by text', () => {
       createComponent(
         mockProps({ text: `My HTTP url: ${httpUrl} and my HTTPS url: ${httpsUrl} are here.` }),