Refactor UI components and update accent color use for improved aesthetics

Author: lainsce

data/ui/window.blp

@@ -127,51 +127,54 @@ template $VictrolaMainWindow : He.ApplicationWindow {
 
         Bis.AlbumPage {
           child:
-            Box infogrid {
-              orientation: vertical;
-              hexpand-set: true;
-
-              He.AppBar info_title {
-                show-back: bind album.folded;
-                show-left-title-buttons: bind album.folded;
-                show-right-title-buttons: true;
-
-                [titlebar-toggle]
-                ToggleButton lyrics_btn {
-                  icon-name: "show-lyrics-symbolic";
-                  tooltip-text: _("Show Lyrics");
+              Box infogrid {
+                orientation: vertical;
+                hexpand-set: true;
+
+                He.AppBar info_title {
+                  show-back: bind album.folded;
+                  show-left-title-buttons: bind album.folded;
+                  show-right-title-buttons: true;
+
+                  [titlebar-toggle]
+                  ToggleButton lyrics_btn {
+                    icon-name: "show-lyrics-symbolic";
+                    tooltip-text: _("Show Lyrics");
+                  }
                 }
-              }
 
-              Stack infostack {
-                  StackPage {
-                    name: "info";
-                    child:
-                    Box info_box {
-                      orientation: vertical;
-                      vexpand: true;
-
-                      styles [
-                          "side-pane"
-                      ]
+                He.Bin infobin {
+                  child: Stack infostack {
+                    StackPage {
+                      name: "info";
+                      child:
+                      Box info_box {
+                        orientation: vertical;
+                        vexpand: true;
+
+                        styles [
+                            "side-pane"
+                        ]
+                      }
+                      ;
                     }
-                    ;
-                  }
-
-                  StackPage {
-                    name: "lyrics";
-                    child:
-                    Box lyrics_box {
-                      orientation: vertical;
-                      vexpand: true;
 
-                      styles [
-                          "side-pane"
-                      ]
+                    StackPage {
+                      name: "lyrics";
+                      child:
+                      Box lyrics_box {
+                        orientation: vertical;
+                        vexpand: true;
+
+                        styles [
+                            "side-pane"
+                        ]
+                      }
+                      ;
                     }
-                    ;
                   }
-              }
+                  ;
+                }
             }
           ;
         }

src/Widgets/info-page.vala

@@ -60,13 +60,15 @@ namespace Victrola {
             cover_art = new Gtk.Image ();
             cover_art.width_request = 256;
             cover_art.height_request = 256;
+            cover_art.pixel_size = 256;
             cover_art.halign = Gtk.Align.CENTER;
             cover_art.valign = Gtk.Align.CENTER;
             cover_art.add_css_class ("cover-art");
 
             cover_blur = new Gtk.Image ();
             cover_blur.width_request = 256;
             cover_blur.height_request = 256;
+            cover_blur.pixel_size = 256;
             cover_blur.halign = Gtk.Align.CENTER;
             cover_blur.valign = Gtk.Align.CENTER;
             cover_blur.add_css_class ("cover-art-blur");

src/application.vala

@@ -124,10 +124,8 @@ namespace Victrola {
 
         protected override void startup () {
             Gdk.RGBA accent_color = { 0 };
-            accent_color.parse ("#F7812B");
-            default_accent_color = { accent_color.red* 255, accent_color.green* 255, accent_color.blue* 255 };
-            override_accent_color = true;
-            is_content = true;
+            accent_color.parse ("#f99e5c");
+            default_accent_color = { accent_color.red, accent_color.green, accent_color.blue };
 
             resource_base_path = "/com/fyralabs/Victrola";
 

src/window.vala

@@ -56,6 +56,8 @@ namespace Victrola {
         private unowned Gtk.Box info_box_mobile;
         [GtkChild]
         public unowned Gtk.Overlay about_overlay;
+        [GtkChild]
+        public unowned He.Bin infobin;
 
         private string _search_text = "";
         private string _search_property = "";
@@ -210,6 +212,8 @@ namespace Victrola {
                     info_box.add_css_class ("side-pane");
                 }
             });
+
+            infobin.content_color_override = true;
         }
 
         private async void on_bind_item (Gtk.SignalListItemFactory factory, Object item) {
@@ -414,11 +418,11 @@ namespace Victrola {
                 if (top != 0) {
                     Gdk.RGBA accent_color = { 0 };
                     accent_color.parse (He.hexcode_argb (top));
-                    app.default_accent_color = { accent_color.red* 255, accent_color.green* 255, accent_color.blue* 255 };
+                    infobin.content_source_color = { accent_color.red, accent_color.green, accent_color.blue };
                 } else {
                     Gdk.RGBA accent_color = { 0 };
-                    accent_color.parse ("#F7812B");
-                    app.default_accent_color = { accent_color.red* 255, accent_color.green* 255, accent_color.blue* 255 };
+                    accent_color.parse ("#f99e5c");
+                    infobin.content_source_color = { accent_color.red, accent_color.green, accent_color.blue };
                 }
                 loop.quit ();
             });

subprojects/.wraplock

@@ -1,6 +1,6 @@
 [wrap-git]
 directory = blueprint-compiler
-url = https://gitlab.gnome.org/jwestman/blueprint-compiler.git
+url = https://gitlab.gnome.org/gnome/blueprint-compiler.git
 revision = main
 depth = 1