sidebar: provide more contrast to sidebar items
Reverting this back to a most contrasty state in answer to frequent complaints of being unable to tell which channels were unread
@@ -86,7 +86,11 @@ export function SidebarItem(props: {
let color = 'lightGray';
if (isSynced) {
+ if (hasUnread || hasNotification) {
color = 'black';
+ } else {
+ color = 'gray';
+ }
}
const fontWeight = (hasUnread || hasNotification) ? '500' : 'normal';
@@ -132,7 +136,7 @@ export function SidebarItem(props: {
{DM ? img : (
<Icon
display="block"
- color={isSynced ? 'black' : 'gray'}
+ color={isSynced ? 'black' : 'lightGray'}
icon={getModuleIcon(mod) as any}
/>
)
