badges / badges/shields

Simple Icons logo color

Open
#5,752 1 comment 6 reactions 0 assignees View on GitHub
question
Dominant language
JavaScript
Stars
27.2k
Forks
5.6k
Avg merge
1d 8h
Merged PRs (30d)
46

Description

Are you experiencing an issue with...

- [x] [shields.io](https://shields.io/#/)
- [ ] My own instance
- [ ] [badge-maker NPM package](https://www.npmjs.com/package/badge-maker)

## Description

The color for Simple Icons seems to be inconsistent in its application. For some badges, I need to specify the `logoColor` and for other I dont.

### Working examples
1. **[simpleicons.org/swift](https://simpleicons.org/?q=swift)**

![](https://img.shields.io/badge/-Swift-fff?&logo=Swift)
https://img.shields.io/badge/-Swift-fff?&logo=Swift

The color of the Swift logo is `FA7343` and it seems to be applied correctly without needing to specify the `logoColor`.

2. **[simpleicons.org/docker](https://simpleicons.org/?q=docker)**

![Docker](https://img.shields.io/badge/-Docker-fff?&logo=Docker)
https://img.shields.io/badge/-Docker-fff?&logo=Docker

Again, I didn’t have to specify the `logoColor` for the logo to show up correctly.

### Non-working examples

1. **[simpleicons.org/java](https://simpleicons.org/?q=java)**

![](https://img.shields.io/badge/-Java-fff?&logo=Java)
https://img.shields.io/badge/-Java-fff?&logo=Java

The color of the Java logo is `007396`. The logo on this badge is white instead of its intended color. We can see this by changing the badge’s color:
![](https://img.shields.io/badge/-Java-000?&logo=Java)
https://img.shields.io/badge/-Java-000?&logo=Java

So to get the Java logo to show up correctly i have to specify the `logoColor`:
![](https://img.shields.io/badge/-Java-fff?&logo=Java&logoColor=007396)
https://img.shields.io/badge/-Java-fff?&logo=Java&logoColor=007396

2. **[simpleicons.org/typescript](https://simpleicons.org/?q=typescript)**

Logo without `logoColor`:
![](https://img.shields.io/badge/-TypeScript-fff?&logo=TypeScript)
https://img.shields.io/badge/-TypeScript-fff?&logo=TypeScript

Logo with `logoColor`:
![](https://img.shields.io/badge/-TypeScript-fff?&logo=TypeScript&logoColor=007ACC)
https://img.shields.io/badge/-TypeScript-fff?&logo=TypeScript&logoColor=007ACC

I’m unsure if this is a bug or if it is by design. Why do I have to specify the `logoColor` for some logos, and for others I do not?

Contributor guide

Open the contributing guide

Research direction

Reproduce the Swift, Docker, Java, and TypeScript badge URLs in shields.io and compare the behavior with the badge-maker NPM package. Start by tracing how the logo and logoColor parameters are handled; done means determining whether the differing colors are intentional and documenting or correcting the behavior consistently.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
api, backend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.