style: Change FAB badges to red for better contrast

- Change .fab-badge-pending from orange to red
- Change .fab-badge-dm from green to red
- Use same color as notification bell badge (#dc3545)
- Improves visibility especially on green DM button

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
MarekWo
2026-01-04 12:05:36 +01:00
parent 7cee262971
commit 16a76f5f71
+4 -4
View File
@@ -647,14 +647,14 @@ main {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
/* FAB Badge for Pending Contacts (orange/amber) */
/* FAB Badge for Pending Contacts (red for consistency and contrast) */
.fab-badge-pending {
background-color: #fd7e14; /* Bootstrap orange */
background-color: #dc3545; /* Bootstrap danger red - same as notification bell */
}
/* FAB Badge for Direct Messages (green) */
/* FAB Badge for Direct Messages (red for consistency and contrast) */
.fab-badge-dm {
background-color: #198754; /* Bootstrap success green */
background-color: #dc3545; /* Bootstrap danger red - same as notification bell */
}
/* Animation on hover */