Request: More colors for labels

Requesting more color options for labels. Maybe a custom color picker or at least double the colors?

1 Like

We have intentionally left it with only a few options to keep it clean. You can override the CSS of each color if you wish.

Here are the classes for each badge color:

The current CSS is something along these lines:

.badge-wh-1 {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background-color: #7B3CEC;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    border-radius: 10px;
} 

You can simply change the background-color to whatever color you wish.

Here’s the link for more details:

2 Likes

Thank you Moe! :slight_smile: How can we apply this to tab colors too? Got it working great for the tag colors.

For tabs its not as organized, but if you find the tab color you can manually change it with some CSS.

To change the tab color (in this case its the badge-wh-2:

.nav-tabs .tab-badge-wh-2 .tab-colored a {
     background-color: purple;
     border-color: purple;
     
}

To change the tab color when its selected:

.nav-tabs .tab-badge-wh-2 .tab-colored.active a {
     background-color: black;
     border-color: black;
}
1 Like