Basic Blue Circular Label has Blue Background

[kerry-money]

I notice label has this rule:

.ui.basic.blue.label { background-color: @basicBackground !important; color: @blue !important; border-color: @blue !important; }

@basicBackground is a variable designed to specify the whole background property - not simply a color (none @white). Therefore, this is an invalid value and it falls back to the blue background.

I believe background-color should simply be set to @white for this rule. I made an override locally, but am thinking to submit a PR for this.

Without new Rule:

With new Rule:

[rayronvictor]

https://github.com/Semantic-Org/Semantic-UI-LESS/blob/1cff5db70bcf13d9f715bbacd7a3be7ba0ad1e99/themes/default/elements/label.variables#L106 https://github.com/Semantic-Org/Semantic-UI-LESS/blob/1cff5db70bcf13d9f715bbacd7a3be7ba0ad1e99/definitions/elements/label.less#L784-L788

I think that background-color: @basicBackground !important; have to be changed to background: @basicBackground !important;

[scottwarren]

This happens to all colours of basic labels (not just blue)

[co2meal]

Someone already created a Pull Request. Hope it merged soon. https://github.com/Semantic-Org/Semantic-UI/pull/6440

[lubber-de]

Fixed in the community fork Fomantic-UI since 2.6.0