[GH-ISSUE #3308] [FR] Improve UI consistency with button hover state backgrounds #1456

New issue

Closed

opened 2026-03-23 20:49:28 +00:00 by mirror · 0 comments

mirror commented

2026-03-23 20:49:28 +00:00

Owner

Originally created by @intonarumori on GitHub (Sep 1, 2023).
Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/3308

Originally assigned to: @annieappflowy on GitHub.

Description

Use button backgrounds on mouse hover consistently throughout the app.

Examples of buttons using the hover background:
Screenshot 2023-09-01 at 13 48 32
Screenshot 2023-09-01 at 13 50 31

Examples of buttons not using the hover background:
Screenshot 2023-09-01 at 13 48 39

Impact

Benefits:

Improves usability for visually impaired and regular users alike
Better aligns with platform conventions

Example of macOS:
Screenshot 2023-09-01 at 13 52 02

Additional Context

No response

Originally created by @intonarumori on GitHub (Sep 1, 2023). Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/3308 Originally assigned to: @annieappflowy on GitHub. ### Description Use button backgrounds on mouse hover consistently throughout the app. Examples of buttons using the hover background: <img width="394" alt="Screenshot 2023-09-01 at 13 48 32" src="https://github.com/AppFlowy-IO/AppFlowy/assets/86030/8cf7d231-4192-4307-9a27-e4384a99daa8"> <img width="219" alt="Screenshot 2023-09-01 at 13 50 31" src="https://github.com/AppFlowy-IO/AppFlowy/assets/86030/fb392c9d-cf31-4b43-a123-421fa769f887"> Examples of buttons not using the hover background: <img width="140" alt="Screenshot 2023-09-01 at 13 48 39" src="https://github.com/AppFlowy-IO/AppFlowy/assets/86030/c14c9974-4701-4b55-8471-32ea0e6bb38a"> <img width="157" alt="Screenshot 2023-09-01 at 13 50 18" src="https://github.com/AppFlowy-IO/AppFlowy/assets/86030/77dfd2fe-a92f-4223-9608-0e71e824d3a9"> <img width="117" alt="Screenshot 2023-09-01 at 13 50 15" src="https://github.com/AppFlowy-IO/AppFlowy/assets/86030/534660bf-ed1d-4521-8c08-0e168bd26fb9"> ### Impact Benefits: - Improves usability for visually impaired and regular users alike - Better aligns with platform conventions Example of macOS: <img width="278" alt="Screenshot 2023-09-01 at 13 52 02" src="https://github.com/AppFlowy-IO/AppFlowy/assets/86030/d46e1ff4-d0e2-4524-bc1c-ec17be49097b"> ### Additional Context _No response_