Modify the color of the information displayed in Donut Visualization within the SOW workspaces

[nabil]

Hello Community,

I need to modify the information displayed in the center of the donut on the home page of the service operation workspace.

Here’s my issue: my information is displayed in white, making it invisible to the user even though it is present.

I need to change the color of this data to black color,  but I can’t find any option to modify it in the UI builder, i found nothing also in thems, it only allows changing the color of the circles, not the data color.

I am open to any suggestions to resolve this.

Thank you in advance!

[Kevin83]

I am pretty sure that color is set to --now-color_text--primary, can inspect the element and confirm in the computed props

If this is the case for you as well I assume something is setting that variable to white in the theme, and that is what we should probably be fix in the theme, right?

You could set the value in UIB's css, something like --now-color_text--primary: 0,0,0; but UIB probably isn't the "right" place to fix it

 

[nabil]

Hello Kevin, I’m still pretty sure it’s coming from the theme, because when I change the theme to the default one, my numbers display in black. When I inspect, I’m pretty sure it’s coming from this part:

text[Attributes Style] {
    text-anchor: middle;
    fill: rgb(255, 255, 255);
    font-size: 20px;
    font-family: Lato, Arial, sans-serif;
}


But the problem is how to fix it—I can’t find anything in the themes, and the UI Builder CSS isn’t the solution as you mentioned.