labwc redesign, Gnome removal

[humaidq-tii]

This aligns the system design closer to the prototypes in Figma, improving UI/UX state of Ghaf. Also as Gnome is not functional, it is removed.

Description of changes

labwc redesign

• Add a custom theme configuration for labwc, matching our design language.
• Revamp waybar to modern layout (bottom dock matching our design).
• Add new assets (SVG) for waybar.
• Add resize function for PNG.
• Add conversion function for SVG to PNG.
• Add configuration for mako (notification daemon) to match our design.
• Use Inter font for system by default.
• Window border style changes
  • Use darker colors.
  • Use frameColoring alongside waypipe colouring (nicer for demos, need a more robust & secure solution later).
  • Make waypipe border smaller (5px->3px) as not to overlay apps too much.
• Add PrintScreen keyboard shortcut (saves PNG to ~).
• Use natural scrolling by default.
• Add new wallpaper.

Gnome removal

Removed as Gnome is not officially supported or working. If it is later decided Gnome should be supported, it should be brought back as a separate PR with proper support.

Checklist for things done

• Summary of the proposed changes in the PR description
• More detailed description in the commit message(s)
• Commits are squashed into relevant entities - avoid a lot of minimal dev time commits in the PR
• Contribution guidelines followed
• Ghaf documentation updated with the commit - https://tiiuae.github.io/ghaf/
• PR linked to architecture documentation and requirement(s) (ticket id)
• Test procedure described (or includes tests). Select one or more:
  • Tested on Lenovo X1 x86_64
  • Tested on Jetson Orin NX or AGX aarch64
  • Tested on Polarfire riscv64
• Author has run nix flake check --accept-flake-config and it passes
• All automatic Github Action checks pass - see actions
• Author has added reviewers and removed PR draft status

Testing

1. Waybar buttons work. They render icons correctly.
2. Drawer opens no issues. All launchers in drawers have icons.

[milva-unikie]

Tested on X1

• Bottom waybar works
• All icons work
• All borderbuttons work
• External monitor can be connected with HDMI
• PrintScreen shortcut works
• Test-automation passes (app launch tests need to be fixed because the app path changes)
• Performance ok

Overall I think this looks amazing and is working really well. However, a few notes about the GUI and usability.

• Borders on Network Settings and Element are narrower than on Chromium, Zathura and Gala.
• It is possible (and very easy) to cover waybar with windows and hide all the information shown there.
• By default Chromium-window gets opened on top of waybar covering network information.
• When Chromium is active the border has a shadow on the bottom. Other vm:s do not seem to have that.
• If there is a minimized Element or Network Settings window, the icons in the drawer do nothing (and for Network Settings the settings icon on waybar also does nothing). With Gala the minimized window is brought back when icon is clicked.

[leivos-unikie]

Test results for native Orin AGX build

nix build github:humaidtii/ghaf/labwc-redesign#nvidia-jetson-orin-agx-debug-flash-script

• App menu has duplicate icons for Element, Firefox and Zathura (only one icon works though)
• Element didn't launch by clicking its icon(s)
• There is some lag or quite long response time in moving the mouse
• ci-test-automation tests ok

[milva-unikie]

Test results for native Orin AGX build

nix build github:humaidtii/ghaf/labwc-redesign#nvidia-jetson-orin-agx-debug-flash-script

* App menu has duplicate icons for Element, Firefox and Zathura (only one icon works though)

* Element didn't launch by clicking its icon(s)

* There is some lag or quite long response time in moving the mouse

* ci-test-automation tests ok

Same also with Orin NX. There are duplicate icons in drawer and the user interface is quite laggy.

[humaidq-tii]

• Borders on Network Settings and Element are narrower than on Chromium, Zathura and Gala.

This is due to how the window border is drawn, this is an issue before but now it is probably more obvious. This needs a proper overhaul to make it secure.

• It is possible (and very easy) to cover waybar with windows and hide all the information shown there.
• By default Chromium-window gets opened on top of waybar covering network information.

Seems to be same behaviour as before. Waybar with overlay (always on top) mode prevents you from interacting with the buttons, so we cannot use that.

• When Chromium is active the border has a shadow on the bottom. Other vm:s do not seem to have that.

This used to exist before, but more obvious now. This needs a proper fix as VMs should not be able to draw shadows on the gui-vm. This would be fixed along with the first issue.

• If there is a minimized Element or Network Settings window, the icons in the drawer do nothing (and for Network Settings the settings icon on waybar also does nothing). With Gala the minimized window is brought back when icon is clicked.

Interesting observation, this is probably an app-dependant behaviour that is out of our control.

---

Orin should now be using Weston again. Another PR is created for full labwc migration.

[milva-unikie]

Tested on X1

• All of the previous results are still valid

Tested on Orin-NX

• Weston compositor
• Duplicate icons disappeared
• Test-automation passes