gnome-shell: Update network dialog

Sync with upstream styling in GNOME Shell 42.

Author: jnsh

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

@@ -1581,59 +1581,61 @@ $window_close_button_padding: 0;
   max-height: 34em;
   min-height: 31em;
   min-width: 32em;
+}
 
-  &-content {
-    spacing: 20px;
-    padding: 10px;
-
-    @extend %modal_dialog_content_box;
-  }
-
-  &-header-hbox { spacing: 10px; }
-
-  &-airplane-box { spacing: 12px; }
+.nm-dialog-content {
+  spacing: 20px;
+  padding: 10px;
 
-  &-airplane-headline {
-    @include fontsize($font-size * 1.1);
-    font-weight: bold;
-    text-align: center;
-  }
+  @extend %modal_dialog_content_box;
+}
+.nm-dialog-header {
+  font-weight: bold;
+  @include fontsize($font-size * 1.2);
+}
+.nm-dialog-subheader { color: $insensitive_fg_color;}
+.nm-dialog-header-icon { icon-size: 32px; }
+.nm-dialog-header-hbox { spacing: 10px; }
 
-  &-airplane-text { color: $fg_color; }
+.nm-dialog-scroll-view {
+  border: 1px solid $borders_color;
+  padding: 5px;
+  border-radius: 2px;
+  background-color: $base_color;
+}
 
-  &-header-icon { icon-size: 32px; }
+.nm-dialog-item {
+  @include fontsize($font-size);
+  border-bottom: 0px solid;
+  padding: 12px;
+  spacing: 0px;
 
-  &-scroll-view {
-    border: 1px solid $borders_color;
-    border-radius: 2px;
-    background-color: $base_color;
+  &:selected {
+    background-color: $selected_bg_color;
+    color: $selected_fg_color;
   }
-
-  &-header {
-    font-weight: bold;
-    @include fontsize($font-size * 1.2);
+  &:hover {
+    background-color: if($variant != 'dark', transparentize(black, 0.95), transparentize(white, 0.97));
   }
+}
 
-  &-item {
-    @include fontsize($font-size);
-    border-bottom: 0px solid;
-    padding: 12px;
-    spacing: 0px;
-
-    &:selected {
-      background-color: $selected_bg_color;
-      color: $selected_fg_color;
-    }
-  }
+.nm-dialog-icon { icon-size: 16px; }
+.nm-dialog-icons { spacing: .5em; }
 
-  &-icons { spacing: .5em; }
+.no-networks-box { spacing: 12px; }
+.no-networks-label { color: $insensitive_fg_color; }
 
-  &-icon { icon-size: 16px; }
+.nm-dialog-airplane-box {
+  text-align: center;
+  spacing: 12px;
 }
 
-.no-networks-label { color: $insensitive_fg_color; }
-
-.no-networks-box { spacing: 12px; }
+.nm-dialog-airplane-headline {
+  @include fontsize($font-size * 1.1);
+  font-weight: bold;
+  text-align: center;
+}
+.nm-dialog-airplane-text { color: $insensitive_fg_color; }
 
 //
 // Overview