feat: 3-letter category tags, merged GitHub+stars badge, pastel colors

- Category badges: CLI, APP, WEB, PLG, SDK, OSS in pastel tones
- GitHub + stars merged into single dark badge with gold star count
- La Porra fixed to "web" category
This commit is contained in:
juanatsap
2026-05-04 14:37:36 +01:00
parent 542419de45
commit c8e680f7ea
5 changed files with 39 additions and 33 deletions
+28 -21
View File
@@ -194,33 +194,34 @@
font-size: 1.2em;
}
/* Category icon badges */
/* Category text badges — pastel tones */
.category-badge {
display: inline-flex;
align-items: center;
justify-content: center;
display: inline-block;
color: white;
font-size: 0.7em;
padding: 0.2em 0.4em;
font-weight: 700;
font-size: 0.6em;
padding: 0.2em 0.5em;
border-radius: 3px;
margin-left: 0.5em;
vertical-align: middle;
letter-spacing: 0.5px;
}
.category-cli { background: #5b21b6; } /* Purple — terminal */
.category-app { background: #1d4ed8; } /* Blue — native app */
.category-web { background: #0891b2; } /* Cyan — website */
.category-webapp { background: #059669; } /* Teal — web app */
.category-plugin { background: #d97706; } /* Amber — plugin */
.category-sdk { background: #7c3aed; } /* Violet — SDK */
.category-contrib { background: #6b7280; } /* Gray — contributions */
.category-cli { background: #9b8ec4; } /* Soft purple — terminal */
.category-app { background: #7ba7d9; } /* Soft blue — native app */
.category-web { background: #6bb8c7; } /* Soft cyan — website */
.category-webapp { background: #6bb8c7; } /* Soft cyan — web app */
.category-plugin { background: #d4a96a; } /* Soft amber — plugin */
.category-sdk { background: #a78bcc; } /* Soft violet — SDK */
.category-contrib { background: #a0a7b0; } /* Soft gray — contributions */
.stars-badge {
/* Merged GitHub + Stars badge */
.github-stars-badge {
display: inline-flex;
align-items: center;
gap: 0.3em;
background: #d4a017;
color: white;
gap: 0.25em;
background: #333;
color: #f0c040;
font-weight: 700;
font-size: 0.7em;
padding: 0.2em 0.5em;
@@ -231,16 +232,22 @@
text-decoration: none;
}
.stars-badge:hover {
background: #b8860b;
color: white;
.github-stars-badge:hover {
background: #555;
color: #f0c040;
text-decoration: none;
}
.stars-badge iconify-icon {
.github-stars-badge iconify-icon:first-child {
color: white;
font-size: 1.2em;
}
.github-stars-badge iconify-icon:last-of-type {
color: #f0c040;
font-size: 1em;
}
.maintained-badge {
display: inline-block;
background: #3498db;
+1 -1
View File
@@ -105,7 +105,7 @@
text-decoration: none !important;
}
.stars-badge,
.github-stars-badge,
.category-badge {
display: none !important;
}