Appearance
Basic Usage
Example:
Text Format Tips
- Spaces: Use underscore
Hello_World - Underscore: Use double underscore
my__file
URL Format
The complete badge URL format is as follows:
Format：
https://markbadge.com/static/:left_text/:right_text?leftbg=left_bg_color&rightbg=right_bg_color&leftColor=left_text_color&rightColor=right_text_color&logo=logo_icon&logoColor=logo_icon_color&style=badge_style&scale=size_scale&theme=theme_style&logobg=logo_bg_colorExample:
https://markbadge.com/static/version/v1.0.0?leftbg=555555&rightbg=44cc11&leftColor=red&rightColor=yellow&logo=github&logoColor=red&style=flat&scale=1.5&theme=dark&logobg=333Parameters
Style Parameters
The following parameters are supported to customize badge styles:
| Parameter | Description | Available Values |
|---|---|---|
| theme | Preset theme style | light, dark (default: light) |
| leftbg | Left background color | Any color format from Color Support |
| rightbg | Right background color | Any color format from Color Support |
| leftColor | Left text color | Any color format from Color Support |
| rightColor | Right text color | Any color format from Color Support |
| logo | Left icon | Any icon name from Simple Icons |
| logoColor | Icon color | Any color format from Color Support |
| logobg | Icon background color | Any color format from Color Support |
| style | Badge style | flat, flat-square |
| scale | Badge size scale (default: 1) | Any positive number (e.g., 1, 1.5, 2) |
Color Support
Supported Color Formats
- Hex:
ff0000 - RGB:
rgb(255,0,0) - HSL:
hsl(0,100%,50%) - Named Colors:
red,blue, etc.- Named Colors:red,blue, etc. (see Basic Colors, Grayscale Colors, and Theme Colors)
Color Themes
Basic Colors
| Color | Hex Value |
|---|---|
| black | #000000 |
| white | #ffffff |
| red | #ff0000 |
| green | #008000 |
| blue | #0000ff |
| yellow | #ffff00 |
Grayscale Colors
| Color | Hex Value |
|---|---|
| gray/grey | #808080 |
| lightgray | #d3d3d3 |
| darkgray | #a9a9a9 |
| silver | #c0c0c0 |
| slate | #708090 |
Theme Colors
| Color | Hex Value | Usage |
|---|---|---|
| primary | #0366d6 | Primary |
| secondary | #6c757d | Secondary |
| success | #238636 | Success |
| error | #f85149 | Error |
| danger | #dc3545 | Danger |
| warning | #d29922 | Warning |
| info | #2188ff | Info |
| light | #f8f9fa | Light |
| dark | #343a40 | Dark |
| muted | #6c757d | Muted |
Icon Support
Icons are provided by Simple Icons.