updates: better styles

scss/popdowns/updates.scss

@@ -38,6 +38,10 @@ $-accent: scheme.$blue;
                 margin-left: lib.s(12);
             }
 
+            .list {
+                @include lib.spacing($vertical: true);
+            }
+
             .news {
                 margin-bottom: lib.s(5);
             }

src/modules/popdowns/updates.tsx

@@ -29,8 +29,12 @@ const Update = (update: IUpdate) => {
         >
             <label
                 truncate
+                useMarkup
                 xalign={0}
-                label={`${update.name} (${update.version.old} -> ${update.version.new})\n    ${update.description}`}
+                label={bind(Palette.get_default(), "colours").as(
+                    c =>
+                        `${update.name} <span foreground="${c.teal}">(${update.version.old} -> ${update.version.new})</span>\n    <span foreground="${c.subtext0}">${update.description}</span>`
+                )}
             />
         </button>
     );