gnome-shell: Style screen shield notifications

Ensure screen shield notifications use default notification styling,
with symbolic icons.

#72

Author: drakkar1969

common/gnome-shell/3.36/sass/_common.scss

@@ -2642,12 +2642,11 @@ StScrollBar {
   .notification,
   .unlock-dialog-notification-source {
     padding: 12px 6px;
-    border: 1px solid $_bubble_borders_color;
-    background-color: transparentize($osd_bg_color,0.5);
-    color: $_bubble_fg_color;
-    border-radius: 4px;
+    @extend %popup_menu;
 
-    &.critical { background-color: transparentize($osd_bg_color,0.1) }
+    StIcon { -st-icon-style: symbolic; }
+
+    // &.critical { background-color: transparentize($osd_bg_color,0.1) } // FIXME
   }
 }
 
@@ -2658,8 +2657,9 @@ StScrollBar {
 .unlock-dialog-notification-count-text {
   font-weight: bold;
   padding: 0 6px;
-  color: $osd_bg_color;
-  background-color: transparentize($osd_fg_color, 0.7);
+  color: $fg_color;
+  border: 1px solid if($variant != 'lighter', transparentize(white, 0.9), transparentize(black, 0.9));
+  background-color: if($variant != 'lighter', transparentize(white, 0.8), transparentize(black, 0.8));
   border-radius: 99px;
   margin-right: 12px;
 }