New header dropdown / notification menu styles

So at the moment, we really only have to different parts of Discourse using a “read/unread” styling state.

The other part in this menu is a “selected” state. This is to show the currently selected notification tab. In this iteration we are mimicking the selected state for sidebar items.

Here is a basic audit of the things we are looking at in the menu. Read, Unread, Selected

Sidebar
For sidebar, we just indicate “unread” with a dot. “Read” is assumed by default if no blue dot exists.

Side bar - active
Here is the currently selected sidebar item, aka active.

Topic List
For topic lists we currently show a blue dot && use color in the title & metadata to differentiate. One caveat is that we dont show the blue dot on topics you are not following/watching. So whether the blue dot appears or not is not immediately clear to the user.

Menus
We use selected as a state here to show active selection. I do not think this translates to notifications, but it does translate to the selected state of the menu notifications current tab.

There are inconsistencies at the moment of what color we use for selected.

For tracking, we use grey.

For currently selected category we use blue.

User Notifications page
This page needs some work in the current iteration.

2 Likes