How to change label text color?

ahmed26

Text color Only appears in black or white

How do I change the text color on tags to a color other than black and white?
I want the color of each tag text to be different

Anomalum

ahmed26 I don't know how to modify each tag separately, but you should be able to modify the color of all fa icons & text on the discussion list page by using the following css:

Tags text color

.DiscussionListItem-info .item-tags .TagLabel-name,    /*(OPEN) DISCUSSION LIST ITEM INFO ITEM TAGS TAGLABEL NAME (SELECTOR)*/
.DiscussionListItem-info .item-tags .TagLabel-icon {   /*(OPEN) DISCUSSION LIST ITEM INFO ITEM TAGS TAGLABEL ICON (SELECTOR)*/
    color: orangered;                                  /*SET ICON/TEXT COLOR*/
}                                                      /*(CLOSE) BOTH PRECEDING (SELECTORS)*/

Subarist

It’s not easy to specify a single tag, but using --tag-bg works well.
If you’re familiar with using the F12 developer , you can refer to this
https://flarum.subarist.net/

.TagLabel.colored:not(.App-composer .TagLabel.colored) {
        --tag-color: var(--tag-bg) !important;
    }

Capp

follow up how would you add code?

Anomalum

Capp Oh, it's really quite easy.
I'll try to break it down into five simple steps with a few straight forward examples.

Step №1:

• Access your [Administration] area.

Step Nº2:

• Go into the [Appearance] interface.

Step Nº3:

• Open the [Custom Styles] section.
Example: Admin - Appearance interface - Custom Styles directions

Step Nº4:

• Add your preferred [CSS] code.
(Here are two examples)

(i) Adding Subarist's code:
Subarist's CSS code example

(ii) Alternatively, adding Anomalum's code:
Anomalum's CSS code example

Step №5:

• Hit [Save], then check the front end results, and if necessary, further modify the code to your liking. Job done.

Capp

Anomalum thanks