diff --git a/data/OperatingSystemView.css b/data/OperatingSystemView.css index 829d26e4..12fcc41d 100644 --- a/data/OperatingSystemView.css +++ b/data/OperatingSystemView.css @@ -1,10 +1,17 @@ -.card.circular { - background: linear-gradient( +.logo { + color: white; + background-image: linear-gradient( to bottom, alpha(@accent_color_500, 0.25), alpha(@accent_color_700, 0.75) ); - color: white; + border-radius: 100%; + box-shadow: + inset 0 -2px 0 0 alpha(@highlight_color, 0.2), + inset 0 2px 0 0 alpha(@highlight_color, 0.3), + inset 2px 0 0 0 alpha(@highlight_color, 0.07), + inset -2px 0 0 0 alpha(@highlight_color, 0.07), + inset 0 0 0 1px alpha(black, 0.7); -gtk-icon-shadow: 0 1px 1px alpha(black, 0.3), 0 2px 3px alpha(@accent_color_900, 0.2); diff --git a/src/Views/OperatingSystemView.vala b/src/Views/OperatingSystemView.vala index b83cac3f..12e90083 100644 --- a/src/Views/OperatingSystemView.vala +++ b/src/Views/OperatingSystemView.vala @@ -52,11 +52,9 @@ public class About.OperatingSystemView : Gtk.Box { ); if (file.query_exists ()) { - var logo = new Gtk.Image.from_file (file.get_path ()) { - overflow = HIDDEN, - pixel_size = 128 + var logo = new Adw.Avatar (128, "", false) { + custom_image = Gdk.Texture.from_file (file) }; - logo.add_css_class (Granite.STYLE_CLASS_CIRCULAR); logo.get_style_context ().add_provider (style_provider, Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION); logo_overlay.child = logo; @@ -64,9 +62,7 @@ public class About.OperatingSystemView : Gtk.Box { // 128 minus 3px padding on each side icon.pixel_size = 128 - 6; - - icon.add_css_class (Granite.STYLE_CLASS_CARD); - icon.add_css_class (Granite.STYLE_CLASS_CIRCULAR); + icon.add_css_class ("logo"); icon.get_style_context ().add_provider (style_provider, Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION); break;