fix #4932; tooltip color in pie/donut charts

Author: junedchhipa

src/assets/apexcharts.css

@@ -170,6 +170,7 @@ rect.legend-mouseover-inactive,
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   font-size: 26px;
+  font-family: Arial, Helvetica, sans-serif;
   line-height: 14px;
   font-weight: 900;
 }

src/modules/tooltip/Labels.js

@@ -268,7 +268,7 @@ export default class Labels {
     ttItemsChildren = ttItems[t].children
 
     if (w.config.tooltip.fillSeriesColor) {
-      ttItems[t].style.color = pColor
+      ttItems[t].style.backgroundColor = pColor
       ttItemsChildren[0].style.display = 'none'
     }
 
@@ -309,7 +309,11 @@ export default class Labels {
         pColor = w.config.tooltip.marker.fillColors[t]
       }
 
-      ttItemsChildren[0].style.color = pColor
+      if (w.config.tooltip.fillSeriesColor) {
+        ttItemsChildren[0].style.backgroundColor = pColor
+      } else {
+        ttItemsChildren[0].style.color = pColor
+      }
     }
 
     if (!w.config.tooltip.marker.show) {

src/modules/tooltip/Tooltip.js

@@ -147,7 +147,12 @@ export default class Tooltip {
 
       let point = document.createElement('span')
       point.classList.add('apexcharts-tooltip-marker')
-      point.style.color = w.globals.colors[i]
+
+      if (w.config.tooltip.fillSeriesColor) {
+        point.style.backgroundColor = w.globals.colors[i]
+      } else {
+        point.style.color = w.globals.colors[i]
+      }
 
       let mShape = w.config.markers.shape
       let shape = mShape