From 1c43c6c43253d668d089aec06f481f8744ec77ee Mon Sep 17 00:00:00 2001 From: Bashy Date: Thu, 4 Jun 2026 20:15:17 +0300 Subject: [PATCH] Color-code image icon on social pills: red = no image, green = image on Co-Authored-By: Claude Sonnet 4.6 --- web/assets/css/app.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/web/assets/css/app.css b/web/assets/css/app.css index 295a467..16ad6b1 100644 --- a/web/assets/css/app.css +++ b/web/assets/css/app.css @@ -469,9 +469,9 @@ pre { color: #e6edf3; } .social-pill.active[data-platform="discord"] { background: rgba(88,101,242,.2); border-color: rgba(88,101,242,.7); color: #9aa0f5; } .social-pill.active[data-platform="mastodon"] { background: rgba(99,100,255,.2); border-color: rgba(99,100,255,.7); color: #a29cf4; } .social-pill.active[data-platform="linkedin"] { background: rgba(10,102,194,.2); border-color: rgba(10,102,194,.7); color: #5ba3d9; } -.social-pill-img { opacity: .35; font-size: .75em; transition: opacity .15s; } -.social-pill:hover .social-pill-img { opacity: .6; } -.social-pill.img-on .social-pill-img { opacity: 1; } +.social-pill-img { font-size: .75em; color: rgba(248,81,73,.7); transition: color .15s; } +.social-pill:hover .social-pill-img { color: rgba(248,81,73,.9); } +.social-pill.img-on .social-pill-img { color: #3fb950; } .social-post-card .card-body { border-left: 3px solid transparent; border-radius: inherit; } .social-post-card.status-pending .card-body { border-left-color: #e3b341; }