Add custom CSS to change font color

[paul3463]

Hi:
I am working with the new (not classic) phone app style. I would like to change all the text color to black (not the grey that is the default for body text). I have a business account so can add custom css but cannot work out the correct way to do this.
I would be grateful for any help.
Thanks
Paul

[Joe_Gabriele]

Try these. Obviously you can tell that based on the names, they affect the different font sizes Glide offers. You can also adjust the font family, size etc for each and it will apply to all text components across your app so you dont have to add them into each component’s CSS field.

.headlineXLarge {
color: #000;
}

.headlineLarge {
color: #000;
}

.headlineMedium {
color: #000;
}

.headlineSmall {
color: #000;
}

.headlineXSmall {
color: #000;
}

.large {
color: #000;
}

.regular {
color: #000;
}

.small {
color: #000;
}

.footnote {
color: #000;
}

[paul3463]

Thanks. The ".regular’ works for the normal text and labels that I wanted to change. The only text that is still grey as the text within a rich text component. If I use a normal text component it is the correct (black color) - if I use a rich text compnent (which I want to do because of markdown formatting) it is still grey.

Have you any idea why?
Thanks

[ThinhDinh]

Please try this:

[data-test="app-markdown-view"] p {
color: #000;
}

[paul3463]

Thanks. I have tried that and it works well - nearly all issues resolved! With one exception: when I have a list of items in the rich text component it still appears in the grey shade. Normal text no problem (black) - as soon as I start typing a numbered list the list item changes to grey. Do you know how to select this?
Thanks anyway.

Paul

[ThinhDinh]

You can try this.

[data-test="app-markdown-view"] p, [data-test="app-markdown-view"] li {
color: #000;
}

[paul3463]

That works perfectly. Thanks.