Merge pull request #338 from ifpen/337-fix-fonts-regressions-after-da…

…rk-mode-application

fix: font color issue for D3 year calendar

front-end/source/kernel/dashboard/plugins/geo-time/plugin-calendar-d3-widgets.js

@@ -335,6 +335,8 @@ function calendarD3WidgetPluginClass() {
  function drawCalendar() {
  const year = svg.selectAll('g').data(years).join('g');
 
+ const mainTextColor = getComputedStyle(document.documentElement).getPropertyValue('--widget-color');
+
  year
  .attr('class', 'year')
  .attr(
@@ -351,6 +353,7 @@ function calendarD3WidgetPluginClass() {
  .attr('font-weight', 'bold')
  .attr('text-anchor', 'end')
  .text(([key]) => key)
+ .attr('fill', mainTextColor)
  .style('opacity', 1);
 
  year
@@ -364,6 +367,7 @@ function calendarD3WidgetPluginClass() {
  .attr('y', (i) => (countDay(i) + 0.5) * cellSize)
  .attr('dy', '0.31em')
  .text(formatDay)
+ .attr('fill', mainTextColor)
  .style('opacity', 1);
 
  year
@@ -438,6 +442,7 @@ function calendarD3WidgetPluginClass() {
  .style('opacity', 1)
  .attr('x', (d) => timeWeek.count(d3.timeYear(d), timeWeek.ceil(d)) * cellSize + 3)
  .attr('y', -5)
+ .attr('fill', mainTextColor)
  .style('opacity', 1);
  }
  function pathMonth(t) {