Marks labels colors

[cocaybica]

How to change the label colors for marks? I have this:

this.markers = {
     "270": {
       "color": "red",
       "size": 8,
       "label": "270",
       "type": "line"
     },
     "380": {
       "color": "red",
       "size": 8,
       "label": "380",
       "type": "line"
     },
     "420": {
       "color": "red",
       "size": 8,
       "label": "420",
       "type": "line"        
     }
   }
 }

The result is:

Lines are shown but all labels are black.

And then if I change to this:

this.markers = {
     "270": {
       "color": "green",
       "size": 8,
       "label": "270",
       "type": "line"
     },
     "380": {
       "color": "yellow",
       "size": 8,
       "label": "380",
       "type": "line"
     },
     "420": {
       "color": "red",
       "size": 8,
       "label": "420",
       "type": "triangle"        
     }
   }
 }

The labels are now shown but all in red color:

There is an issue related to marks position already reported.

[cre8iveroom]

I would appreciate a fix for this as well. Ideally, I think all colors should be controlled via CSS classes if possible because it would make it easier to style. My use case at the moment is styling for both a light and dark theme for our site.