Update contribution tooltip font style in contribution calendar

app/assets/javascripts/pages/users/activity_calendar.js

@@ -39,7 +39,7 @@ function formatTooltipText({ date, count }) {
   if (count > 0) {
     contribText = n__('%d contribution', '%d contributions', count);
   }
-  return `${contribText}<br />${dateDayName} ${dateText}`;
+  return `${contribText}<br /><span class="gl-text-gray-300">${dateDayName} ${dateText}</span>`;
 }
 
 const initColorKey = () => d3.scaleLinear().range(['#acd5f2', '#254e77']).domain([0, 3]);

changelogs/unreleased/update-contribution-tooltip.yml

+---
+title: Add multi-line styling within contribution tooltip
+merge_request: 54765
+author: Yogi (@yo)
+type: changed

spec/features/calendar_spec.rb

@@ -42,7 +42,7 @@ RSpec.describe 'Contributions Calendar', :js do
         "#{contributions} #{'contribution'.pluralize(contributions)}"
       end
 
-    "#{get_cell_color_selector(contributions)}[title='#{contribution_text}<br />#{date}']"
+    "#{get_cell_color_selector(contributions)}[title='#{contribution_text}<br /><span class=\"gl-text-gray-300\">#{date}</span>']"
   end
 
   def push_code_contribution