WRP-26847: Create theming "Hello" App

[alexandrumorariu]

Enact-DCO-1.0-Signed-off-by: Alexandru Morariu [email protected]

Checklist

• [X] I have read and understand the contribution guide
• [ ] A CHANGELOG entry is included
• [ ] At least one test case is included for this feature or bug fix
• [X] Documentation was added or is not needed
• [ ] This is an API breaking change

Issue Resolved / Feature Added

Create an app "themeing hello app" for changing color and do the documentation based on that app. See custom skin sample. We need 2 separate panels (or view). On the first view we should have all the presets On the second view there will be the css variables customization. Beside these view, there should be a live preview section, on the right side of the screen, just like in custom skin samples

Resolution

Additional Considerations

Renamed custom-skin sample to feature-custom-skin-generator after internal discussion

Links

WRP-26847

Comments

[0x64]

Our goal is to guide app developers to know below.

• How to colorize an app
  • How to get values from settings service in launching and run-time (including to ignore settings service on unsupported platforms)
  • How to generate CSS variables based on the fetched values
  • How to apply generated CSS variables to an app
• How to save custom skin
  • What values are possible
  • How to set values to settings service

Code in this app has a role of recommended snippet. So, parts for guide need to be separated for readers.