[Issue]: Tag TextColor Property not Working

[mikedotmundy]

Describe the Issue in Detail

Per the documentation about Tags found here, the Property TextColor is supposed to set the text color on a Tag. However, it does not.

Consider the following code:

<Rock:Tag Text="{{ audience }}"
     BackgroundColor="{Rock:PaletteColor blue-200}"
     TextColor="{Rock:PaletteColor gray-700}" />

The text should be gray, but it does not work.

The only way to make it work is to define it in the Block Scoped CSS settings, like so:

.tag ^Label {
    color: #495057;
}

Can reproduce in

• Orange App
• Blue App

Steps to Reproduce

See above... just copy the code into a page and see that TextColor does not work.

Expected Behavior

TextColor property should work on a Tag.

Actual Behavior

TextColor property does not work on a Tag.

Screenshots or Videos

Here you can see that the "Students" text is gray ONLY because I have CSS defined in the Block Scoped CSS settings. Otherwise, the text would be white.

Reproduction XAML

No response

Mobile Shell Version

v6.0.0.0

Last Known Working Version

I am not 100% sure, but I believe it was working pre-MAUI

iOS Device Type(s) and iOS Version(s)

iPhone 15 Pro Max, iOS 18.0.1

Android Device Type(s) and Android Version(s)

None tested