# Badge Patterns Reference
Common shields.io badge patterns organized by technology and use case.
## Badge Format
```
https://img.shields.io/badge/{LABEL}-{MESSAGE}-{COLOR}?style=flat
```
**Encoding rules:**
- Spaces → `%20` or `-`
- Dashes in message → `--` (double dash)
- Underscores remain as `_`
## Status Badges
```markdown
```
## Minecraft Ecosystem
### Minecraft Versions
```markdown
```
### Fabric
```markdown
```
### Forge
```markdown
```
### Minecraft Dependencies
```markdown
```
## Programming Languages
### Java
```markdown
```
### JavaScript/TypeScript
```markdown
```
### Python
```markdown
```
### C/C++
```markdown
```
### Rust
```markdown
```
### Go
```markdown
```
### C#
```markdown
```
## Frameworks & Libraries
### Frontend Frameworks
```markdown
```
### Build Tools
```markdown
```
### Backend Frameworks
```markdown
```
### Electron
```markdown
```
## Databases
```markdown
```
## Platforms
### Operating Systems
```markdown
```
### Cloud Platforms
```markdown
```
## Testing
```markdown
```
## Licenses
```markdown
```
## Custom Badges
### Dependencies
```markdown
```
### Features
```markdown
```
### Compatibility
```markdown
```
## Version Badge Patterns
When extracting versions from dependency files:
### package.json
```json
{
"engines": {
"node": ">=18.0.0"
},
"dependencies": {
"react": "^18.2.0",
"typescript": "~5.0.4"
}
}
```
→ ``
→ ``
→ ``
### build.gradle.kts
```kotlin
java {
toolchain {
languageVersion.set(JavaLanguageVersion.of(21))
}
}
```
→ ``
### pyproject.toml
```toml
[project]
requires-python = ">=3.11"
```
→ ``
## Color Palette Guide
| Color Name | Hex Code | Best For |
| --- | --- | --- |
| `brightgreen` | `#44cc11` | Stable status, passing tests |
| `green` | `#97ca00` | Success, enabled features |
| `yellowgreen` | `#a4a61d` | Active development |
| `yellow` | `#dfb317` | Beta, warnings, in progress |
| `orange` | `#fe7d37` | Alpha, Java |
| `red` | `#e05d44` | Experimental, critical |
| `blue` | `#007ec6` | Licenses, info |
| `lightgrey` | `#9f9f9f` | Deprecated, inactive |
| `purple` | `#9b59b6` | Preview, custom features |
### Tech-Specific Colors
| Technology | Color Code | Badge Example |
| --- | --- | --- |
| Minecraft | `0ea5e9` | Light blue |
| Fabric | `f59e0b` | Amber/orange |
| Node.js | `339933` | Green |
| TypeScript | `3178c6` | Blue |
| Python | `3776ab` | Dark blue |
| React | `61dafb` | Cyan |
| Vue | `4fc08d` | Green |
| Java | `orange` or `007396` | Orange or blue |
