Unified UI (Armored UI)

[Armored-Dragon]

This is mostly an exploratory experiment on refactoring the UI of Overte. Feedback welcome!

Main Goals:

• Modernize interface
• General cleanup
• Simplification
• Theming support
  • Support custom global fonts
• Overhaul tablet
  • New replacement interface

The first updates are targeting general usability of existing applications and ensuring they are consistent across the board.
As an example, in some apps you are able to "flick" parts of the window to scroll faster. In the "Places" app, you can not flick.
Some apps use a background of gray, while others will assault you with white. Some use gradients, some don't.

It would also help a lot to redesign the applications in such a way that most of the actual processing and instructions are happening in JavaScript files. This will make it easier to change themes or change how content is displayed without having to worry about anything else.

Linked issues

Closes #225 as complete.
Closes #274 as complete.
Closes #226 as complete.

First phase:

• Update Settings UI
  • Consolidate where applicable to a single app
  • Avatar smoothing
  • "Test your voice" can stay on in the background #316
  • Add an option to hide options like Graphics or Audio from the Toolbar #464
  • Smooth turning locomotion with adjustable turning speed in settings #457
  • Make Keyboard laser interaction the default option #580
  • Set settings #529
• Replace Floofchat with ArmoredChat #961
  • A chat that only does chat with only a few niceties like image embedding.
• Update Snapshots app
• Update Avatar app
  • Avatar App: Create Favorite pop-up window doesn't close with RET (Enter) key #616
  • Replacing the Avatar App icon #1109
  • Add animation packs easily
• Update Pal app
• Update Places app
  • Places menu breaks after a while #599
  • Update Places app to be able to see usernames of people in a domain/place instead of just a user count. #592
• Update Create app
  • long URL's in "create model" overflow input field #558
  • URL fields in Create App should have Browse Assets button #555
  • [ Edit.js ] Make entity list viewable as a tree #454
  • Push to talk doesn't work with Create App #383
  • Focus mode zoom in current RC is broken #187
  • Create app: allow transforming corners #798
  • Create App: “permission to view URL” empties fields #1130
  • Update Domain Asset Browser
• Update Emote app
  • Allow respositories to be added to use custom emotes
  • Search and recently used section
  • Add idle animation to Emote app sitting #797
• Update More app
  • Allow for repositories to be added in the same way Region servers can be added in the Places app.
  • (Testing) More Replacement community-apps#89
• Create Inventory app
  • Look into content hosting options #632
• Update Entity Script QML Whitelist
• Update Notifications
  • system/notifications.js : Vr Whoosh effect don't work correctly if avatar orientation is not up. #357
• Update Running Scripts app
• Allow events from VR keyboard to overlay UI #1046

Second phase:

• Unification - (Custom themes)
  • Update default HiFi colorscheme
  • Ensure consistent theming practices
  • Theming support
    • Allow users to install packs of .qml files that Overte will use instead of the default installed ones.
    • Refresh .qml files without affecting anything else #980
    • Add option to use dyslexia font options for UI #1080
  • Update widgets
• Prefer system file pickers if available
  • Reference
• TabletBrowser.qml is broken #387
• Dark theme menu bar. #310

Third phase:

• Dashboard style tablet alternative
  • Emulate tablet interface in dashboard
    • Make it so that if an app was designed to run in a tablet style interface, have the aspect ratio and size match the tablet to prevent issues.
  • Profile
    • Display account information
    • View messages
      • In the event Overte adds support for messaging across domains.
      • Server based messaging #979
    • View and manage friends
  • Domain
    • View users
    • Admin / moderation actions
    • Teleport / jump to actions
    • Edit (The create menu)
  • "Drop" a display into the world for others to see
    • Canvas texture support: Synchronized web surface #919
• Toolbar alternative
  • Quick access area for scripts
  • Toggle activeness of scripts
• Ui  #456
• VR Tablet Parenting Issue #283
• Ui thumbstick scrolling  #455
• Add scaling to UI #309
• Feature request: Keyboard short cut menu #110

[daleglass]

Screenshots would be very helpful here

[HeadClot]

Hey @Armored-Dragon can we get some screen shots please?

[Armored-Dragon]

@daleglass @HeadClot My apologies, I had figured I did not do enough work yet to justify images just yet, and I had gotten distracted the past week with other tasks.
There has not yet been any major changes yet, but here is a video showing what has changed.

gh-uui-demo.mp4

At the moment I plan on reorganizing most of the existing ui elements. Most style changes will happen after some consolidation work and other simplification work.

[Armored-Dragon]

I would also like to mention that until theme support gets a little more fleshed out, most stylized designs will be made to my own liking, most notably colors. As more work gets done, I will be changing aspects of the default (pre-installed?) theme to fit a more neutral aesthetic.
Do not let this stop you, or anyone else from suggesting changes though!

[HeadClot]

I like it so far @Armored-Dragon good work! Keep iterating and I will provide feedback where I can :)

[Armored-Dragon]

Screencast_20240328_145952.webm

Example of transparent hover effects on overlays and windows.

[Armored-Dragon]

For everyone following this pull request to keep up to date with UI updates please be aware future updates will mostly be on the new project board: https://github.com/orgs/overte-org/projects/8.
This PR will be closed soon after "Phase 1" is complete and no changes here will be merged.