fenix icon indicating copy to clipboard operation
fenix copied to clipboard

Wallpapers: Apply Wallpaper.cardColor to Homepage backplating

Open MozillaNoah opened this issue 2 years ago • 0 comments

Dependencies

  • https://github.com/mozilla-mobile/fenix/issues/26423
  • https://github.com/mozilla-mobile/fenix/issues/26519
  • https://github.com/mozilla-mobile/fenix/issues/26796
  • https://github.com/mozilla-mobile/fenix/issues/26797
  • https://github.com/mozilla-mobile/fenix/issues/27094
  • https://github.com/mozilla-mobile/fenix/issues/27095

The backplates on the homepage should be driven by the colors returned from the wallpaper metadata JSON. There will be a color to be used for the light theme and a color for the dark theme.

There is special logic for the following components

  • Customize homepage button receives the same card color treatment when a wallpaper is selected
  • Pocket categories
    • Dark
      • Selected is dark
      • Unselected is light
    • Light
      • Selected is light
      • Unselected is dark
  • Recent synced tab button
    • If there is a wallpaper, use Layer1. If there isn't a wallpaper, use the default color.

If a color does not exist for a wallpaper (null from the metadata), the default colors will be used.

Figma

┆Issue is synchronized with this Jira Task

MozillaNoah avatar Aug 17 '22 21:08 MozillaNoah