From 16a76f5f71244f842cd615726224617fb569a03a Mon Sep 17 00:00:00 2001 From: MarekWo Date: Sun, 4 Jan 2026 12:05:36 +0100 Subject: [PATCH] style: Change FAB badges to red for better contrast MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 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 --- app/static/css/style.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/app/static/css/style.css b/app/static/css/style.css index 0eecdfc..d79ef48 100644 --- a/app/static/css/style.css +++ b/app/static/css/style.css @@ -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 */