diff --git a/web/src/client/components/notification-status.ts b/web/src/client/components/notification-status.ts index b1b08da1..8477d30a 100644 --- a/web/src/client/components/notification-status.ts +++ b/web/src/client/components/notification-status.ts @@ -71,35 +71,30 @@ export class NotificationStatus extends LitElement { if (this.permission === 'granted' && this.subscription) { return { color: 'text-status-success', - tooltip: 'Notifications enabled', + tooltip: 'Settings (Notifications enabled)', }; } - // Red for all other cases (not supported, denied, or no subscription) - let tooltip = 'Notifications disabled'; + // Default color for all other cases (not red anymore) + let tooltip = 'Settings (Notifications disabled)'; if (!this.isSupported) { - tooltip = 'Notifications not supported'; + tooltip = 'Settings (Notifications not supported)'; } else if (this.permission === 'denied') { - tooltip = 'Notifications blocked'; + tooltip = 'Settings (Notifications blocked)'; } else if (!this.subscription) { - tooltip = 'Notifications not subscribed'; + tooltip = 'Settings (Notifications not subscribed)'; } return { - color: 'text-status-error', + color: 'text-muted', tooltip, }; } private renderIcon() { return html` - - + + `; }