Update HTML UI styling

Description

The look and feel of the HTML homescreen, launcher and webapps was initially defined to replicate the existing demo platform design. It could be interesting to have some small changes on the styles to make more explicit the transitional version with flutter applications being run as webapps on that UI.

Environment

None

Attachments

2

Activity

Walt Miner 
March 21, 2024 at 12:26 AM

Close for QQ 17.0.0. 

Jacobo Aragunde Pérez 
December 22, 2023 at 10:52 AM

A set of patches has been submitted to gerrit, to start using a color scheme that matches the flutter sample HMI. Affected applications: homescreen, launcher, hvac, dashboard, media player.

 

Lorenzo 
September 21, 2021 at 12:56 PM

In order to be aligned with the material sample UI and theme we were using for the flutter HVAC app at , we are applying some small changes to the homescreen and the launcher webapps.

For now we are just using the same color theme and the generated gradient image, but might be interesting to check if there's any thought about some deeper look-and-feel overall renewal.

Lorenzo 
August 10, 2021 at 12:53 PM

So far the initial idea we we are doing starting by a simple change on the general aspect of the homescreen and launcher which could be replacing the default background image and a few general styles of the common elements that are being used at the webapps. Then this story can be used as a reference for applying some specific style revamp.
For now we are keeping the structure of the launchers at the left and the main area on the rest of the right view, but this could be also changed. In any case, the we are generating a new stylesheet that overrides styles in the existing demo webapps.

Fixed

Details

Assignee

Reporter

Fix versions

Labels

Components

Priority

Created August 3, 2021 at 12:58 PM
Updated March 21, 2024 at 12:26 AM
Resolved March 21, 2024 at 12:25 AM