Improve visual distinction between 'account header' and 'repo header'

[0xdevalias]

🔍 Is there already an issue for your problem?

• I have checked older issues, open and closed

📝 Description

When the following settings are enabled:

• Show account header
• Notifications -> Group By Repository

The two headers look quite visually similar, and it takes a moment to realise that the account header isn't actually a repository header with no notifications under it.

Looking very closely, I can see that there is a slight colour difference; but I only noticed that after taking the screenshot, and it didn't occur to me when I was using the app itself:

I'm not 100% sure, but it looks like the account header may also be the tiniest bit smaller profile picture and font size.

I wonder if there is a way to make these a bit more visually distinct? Perhaps de-emphasising the account header or similar?

---

Note: I figured I'd raise this since I noticed it just now, but for the most part I have been using Gitify with the account header turned off, and since I am only using a single account with it, I will probably go back to doing so now as well; so take this as a "I noticed this" sort of issue/bug report, but with a very low / minimal to non-existent impact on me personally, and therefore no urgency to it.

🪜 Steps To Reproduce

1. Go to Settings
2. Enable 'Show account header'
3. Ensure 'Notifications -> Group By Repository' is selected
4. Go back to main screen view
5. Wait for some notifications to appear
6. Notice that the 'Account Header' and 'Notification Repo Header' feel too visually similar; and that it takes an extra moment of cognitive processing to realise that the account header isn't meant to be a repo header with no notifications under it.

🪵 Log Excerpts

N/A

Gitify Version

6.9.1

Operating System

macOS

GitHub Account

GitHub Cloud

📸 Screenshots

See Above

[0xdevalias]

Tangentially (but seems minimal/trivial so didn't want to bother creating a new standalone issue for it), it might be nice to add a (?) description next to the 'Show account header' setting as well (and maybe any other settings that don't have it) to help explain what they do / where without needing to toggle them and go exploring:

[setchy]

@0xdevalias - thanks for the detailed suggestion. Is this something you'd be interested in taking on?

[0xdevalias]

Is this something you'd be interested in taking on?

@setchy At this stage, probably not. Even though it probably wouldn't take too long to iterate on with Codex or similar; I am drowning in like 4 separate ways currently and have negative capacity to take on anything else.

[setchy]

closing as partially complete via #2305

for now, I'm reluctant to change the account/repository background colors since they are currently using primer design tokens