update

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/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 {
+  > box.header {
-    min-width: 22px;
+    border-spacing: 0;
-    min-height: 22px;
+    margin-left: $base_padding;
-    padding: $base_padding;
+    margin-right: $base_padding;
-  }
 
-  .edit-icon:disabled {
+    > .editable-area {
-    opacity: $strong_disabled_opacity;
+      padding: 0 $base_padding;
-  }
 
-  .indicator {
+      > .edit-icon, > .indicator {
-    opacity: $dimmer_opacity;
+        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;
+  }
+}