Update _control-center.scss

src/sass/gnome-shell/common/_panel.scss

@@ -8,7 +8,7 @@
   transition-duration: 250ms;
   box-shadow: none;
   border: none;
-  @include fontsize($font_size - 1);
+  // @include fontsize($font_size - 1);
 
   @if $float == 'true' {
     background-color: transparent;

src/sass/gnome-shell/common/_popovers.scss

@@ -17,18 +17,16 @@
   min-width: if($compact == 'true', 10em, 12em);
   color: $text-secondary !important;
   padding: 0;
-  font-weight: normal;
   border-radius: $base_radius + $base_padding * 3;
   box-shadow: 0 3px 5px -2px rgba(black, if($variant == 'light', 0.1, 0.18));
   margin: $base_padding 6px 8px;
-  @include fontsize($font_size - 1);
+  // @include fontsize($font_size - 1);
 
   .popup-menu-content {
     padding: $base_padding;
     background-color: $popover;
     border-radius: $menu_radius;
     margin: 0;
-    font-weight: normal;
 
     @if $rimless == 'false' {
       border: 1px solid $window-border;
@@ -43,11 +41,9 @@
     border-radius: $base_radius;
     margin: 0;
     transition-duration: 100ms;
-    font-weight: normal;
     background-color: transparent;
 
     &:checked {
-      font-weight: normal;
       border: none;
       box-shadow: none;
       color: $text !important;

src/sass/libadwaita/_widgets.scss

@@ -30,6 +30,7 @@
 @import 'widgets/scale';
 @import 'widgets/scrolling';
 @import 'widgets/shortcuts-window';
+@import 'widgets/shortcuts-dialog';
 @import 'widgets/sidebars';
 @import 'widgets/spinner';
 @import 'widgets/spin-button';
@@ -41,4 +42,4 @@
 @import 'widgets/tooltip';
 @import 'widgets/views';
 @import 'widgets/view-switcher';
-@import 'widgets/window';
+@import 'widgets/window';

src/sass/libadwaita/apps/_control-center.scss

@@ -28,7 +28,8 @@ preferencesgroup > box {
   .cutout-button {
     background-color: $dialog_bg_color;
   }
-
+  
+  button.accent, // GDM Settings
   button.accent-button {
     min-height: 24px;
     min-width: 24px;

src/sass/libadwaita/apps/_nautilus.scss

@@ -28,8 +28,6 @@
     padding: 0;
 
     > header > button {
-      border-top: 1px solid $border_color;
-
       &:last-child {
         padding-right: 24px;
       }

src/sass/libadwaita/widgets/_column-view.scss

@@ -13,10 +13,12 @@ columnview {
     line-height: 100%;
     border-left: 1px solid $border_color;
     border-bottom: 1px solid $border_color;
+    border-top: none;
+    border-right: none;
     background-clip: padding-box;
 
     &:first-child {
-      border-left-width: 0;
+      border-left: none;
     }
 
     > box {

src/sass/libadwaita/widgets/_labels.scss

@@ -10,6 +10,10 @@ label {
   }
 }
 
+.dimmed {
+  opacity: $dim_label_opacity;
+}
+
 .dim-label {
   opacity: $dim_label_opacity;
 }
@@ -36,42 +40,40 @@ label {
 
 .title-1 {
   font-weight: 800;
-  font-size: 20pt;
+  font-size: 181%;
 }
 
 .title-2 {
   font-weight: 800;
-  font-size: 15pt;
+  font-size: 136%;
 }
 
 .title-3 {
   font-weight: 700;
-  font-size: 15pt;
+  font-size: 136%;
 }
 
 .title-4 {
   font-weight: 700;
-  font-size: 13pt;
+  font-size: 118%;
 }
 
 .heading {
   font-weight: 700;
-  font-size: 11pt;
 }
 
 .body {
   font-weight: 400;
-  font-size: 11pt;
 }
 
 .caption-heading {
   font-weight: 700;
-  font-size: 9pt;
+  font-size: 82%;
 }
 
 .caption {
   font-weight: 400;
-  font-size: 9pt;
+  font-size: 82%;
 }
 
 .monospace {

src/sass/libadwaita/widgets/_lists.scss

@@ -207,23 +207,48 @@ row.entry {
       opacity: $disabled_opacity;
     }
 
-    .dim-label, .subtitle {
+    .dimmed, .dim-label, .subtitle {
       opacity: 1;
     }
   }
 
-  .edit-icon, .indicator {
-    min-width: 22px;
-    min-height: 22px;
-    padding: $base_padding;
-  }
+  > box.header {
+    border-spacing: 0;
+    margin-left: $base_padding;
+    margin-right: $base_padding;
 
-  .edit-icon:disabled {
-    opacity: $strong_disabled_opacity;
-  }
+    > .editable-area {
+      padding: 0 $base_padding;
 
-  .indicator {
-    opacity: $dimmer_opacity;
+      > .edit-icon, > .indicator {
+        min-width: 24px;
+        min-height: 24px;
+        padding: $base_padding - 1px;
+      }
+
+      > .edit-icon, > .indicator, > .apply-button {
+        &:dir(ltr) { margin-left: $base_padding; }
+        &:dir(rtl) { margin-right: $base_padding; }
+      }
+
+      > .edit-icon:disabled {
+        opacity: $strong_disabled_opacity;
+      }
+
+      > .indicator {
+        opacity: $dimmer_opacity;
+      }
+    }
+
+    > .prefixes {
+      &:dir(ltr) { margin-left: $base_padding; }
+      &:dir(rtl) { margin-right: $base_padding; }
+    }
+
+    > .suffixes {
+      &:dir(ltr) { margin-right: $base_padding; }
+      &:dir(rtl) { margin-left: $base_padding; }
+    }
   }
 
   &.monospace {
@@ -451,6 +476,10 @@ row.button {
     margin-right: $base_padding * 2;
     border-spacing: $base_padding;
     min-height: $large_size + 2px;
+
+    > .icon:disabled {
+      filter: Opacity($disabled_opacity);
+    }
   }
 
   .title {

src/sass/libadwaita/widgets/_shortcuts-dialog.scss

@@ -0,0 +1,42 @@
+dialog.shortcuts {
+  preferencespage > scrolledwindow > viewport > clamp > box {
+    border-spacing: 18px;
+
+    preferencesgroup + preferencesgroup box.header {
+      margin-top: 6px;
+    }
+  }
+
+  .shortcut-row {
+    padding: 9px 12px;
+    min-height: 36px;
+
+    .title-box {
+      border-spacing: 3px;
+
+      > .subtitle {
+        @extend .caption;
+        @extend .dimmed;
+      }
+    }
+  }
+}
+
+shortcut-label {
+  &, > box {
+    border-spacing: 6px;
+  }
+
+  .keycap {
+    background: gtkalpha(currentColor, 0.1);
+    box-shadow: inset 0 -2px $border_color;
+
+    border-radius: 6px;
+    padding: 6px;
+    min-width: 20px;
+  }
+
+  > .dimmed {
+    padding: 6px 0;
+  }
+}

src/sass/libadwaita/widgets/_toolbars.scss

@@ -273,7 +273,7 @@ toolbarview {
       &:backdrop {
         background-color: $headerbar_bg_color;
         transition: background-color $backdrop_transition;
-    
+
         > windowhandle {
           filter: opacity(.5);
           transition: filter $backdrop_transition;
@@ -284,7 +284,7 @@ toolbarview {
         > revealer > box {
           background-color: $headerbar_backdrop_color;
           color: $headerbar_fg_color;
-          box-shadow: inset 0 1px $headerbar_border_color;
+          box-shadow: none;
     
           &:backdrop {
             background-color: $headerbar_bg_color;
@@ -294,8 +294,8 @@ toolbarview {
     }
   }
 
-  &.undershoot-top    scrolledwindow { @include undershoot(top); }
-  &.undershoot-bottom scrolledwindow { @include undershoot(bottom); }
+  &.undershoot-top    scrolledwindow { @include undershoot(top, $style: frame); }
+  &.undershoot-bottom scrolledwindow { @include undershoot(bottom, $style: frame); }
 
   window.devel & > .top-bar {
     background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")),