The on boarding dialogs for add a link tasks contain images that have embedded background colors. This makes the support for dark mode more complex as inverting the image directly does not work and is generally not desired. And creating dedicated assets just for dark mode is a maintenance burden. This task is to update the existing assets to have transparent background and set the required background (background-color-progressive-subtle, #eaf3ff) in CSS. Also, we need to test that the non-inverted image over the inverted CSS background has no contrast issues.
| Current light mode | Current dark mode | With @background-color-progressive-subtle light mode | With @background-color-progressive-subtle dark mode |
Problematic assets
- onboarding image-1
- onboarding image-2
- onboarding image-3
- onboarding image-1 rtl
- onboarding image-2 rtl
- onboarding image-3 rtl
Acceptance criteria
- New assets without background color embedded are provided



