Use solid secondary background for avatar follow badge hover

rollecode · rollecode · commit b4e63b1d6197 · 2026-06-11T23:11:00.000+03:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,6 @@
 ### [Unreleased]
 
+* Use the solid secondary background for the avatar follow badge hover
 * Cap dropdown menus to the viewport height and make them scrollable on short or zoomed screens
 * Add z-index to status display name so the avatar follow badge stays clickable
 * Drop trends to 2 items on screen heights below 830px (4 items fit above that)
diff --git a/src/components/_follow-button.scss b/src/components/_follow-button.scss
@@ -42,3 +42,10 @@
     transform: translateY(-4px);
   }
 }
+
+// The avatar follow badge hover uses --color-bg-secondary in core, which is
+// near transparent in Bird UI; use the solid secondary background instead
+.avatar-follow-badge:hover,
+.avatar-follow-badge:focus {
+  background: var(--color-bg-secondary-solid);
+}

Original file line number	Diff line number	Diff line change
`@@ -42,3 +42,10 @@`
`42`	`42`	`transform: translateY(-4px);`
`43`	`43`	`}`
`44`	`44`	`}`
	`45`	`+`
	`46`	`+// The avatar follow badge hover uses --color-bg-secondary in core, which is`
	`47`	`+// near transparent in Bird UI; use the solid secondary background instead`
	`48`	`+.avatar-follow-badge:hover,`
	`49`	`+.avatar-follow-badge:focus {`
	`50`	`+ background: var(--color-bg-secondary-solid);`
	`51`	`+}`