Alerting: Fixed bad background color for default notifications in alert tab (#22660)

* fix: remove harcoded bg color

* added default info

Co-authored-by: Torkel Ödegaard <torkel@grafana.com>

public/app/features/alerting/AlertTabCtrl.ts

@@ -237,7 +237,6 @@ export class AlertTabCtrl {
     for (const notification of this.notifications) {
     for (const notification of this.notifications) {
       if (notification.isDefault) {
       if (notification.isDefault) {
         notification.iconClass = this.getNotificationIcon(notification.type);
         notification.iconClass = this.getNotificationIcon(notification.type);
-        notification.bgColor = '#00678b';
         this.alertNotifications.push(notification);
         this.alertNotifications.push(notification);
       }
       }
     }
     }

public/app/features/alerting/partials/alert_tab.html

@@ -139,8 +139,9 @@
           <span class="gf-form-label width-8">Send to</span>
           <span class="gf-form-label width-8">Send to</span>
         </div>
         </div>
         <div class="gf-form" ng-repeat="nc in ctrl.alertNotifications">
         <div class="gf-form" ng-repeat="nc in ctrl.alertNotifications">
-          <span class="gf-form-label" ng-style="{'background-color': nc.bgColor }">
-            <i class="{{nc.iconClass}}"></i>&nbsp;{{nc.name}}&nbsp;
+          <span class="gf-form-label">
+            <i class="{{nc.iconClass}}"></i>
+            &nbsp;{{nc.name}}&nbsp;<span ng-if="nc.isDefault">(default)</span>
             <i class="fa fa-remove pointer muted" ng-click="ctrl.removeNotification(nc)" ng-if="nc.isDefault === false"></i>
             <i class="fa fa-remove pointer muted" ng-click="ctrl.removeNotification(nc)" ng-if="nc.isDefault === false"></i>
           </span>
           </span>
         </div>
         </div>