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]

Semantic-UI-LESS/themes/default/elements/label.variables

Line 106 in 1cff5db

@basicBackground: none @white;

Semantic-UI-LESS/definitions/elements/label.less

Lines 784 to 788 in 1cff5db

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

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.
Semantic-Org/Semantic-UI#6440