Context
Currently we have a lot of tasks in our backlog in order to fix inconsistencies between dark/light themes in mobileapps.
The issue here is that user submitted styles in templates doesn't always render correctly between different themes when using iOS/Android apps that consume the mobileapps API.
Our current strategy of fixing edge cases one by one
- is not sustainable
- takes time
- builts up dept on mobileapps codebase because we fix issues cases by case
- causes frustration in the users because of the time it takes to have a working rendering on apps
It would be a good way forward to think of a more systematic approach on how to deal with this. Some ideas already discussed are:
- Introduced styling linting (probably on parsoid)
- Test article changes readability as a background task
- Use accessibility standards to check if rendering is OK between themes
- Enable users to see the changes they do on apps (as a preview)
- Add editors in the loop by introducing some sort of notification if rendering doesn't work
These are all rough ideas that we can be a good start to tackle the bigger issue.
Acceptance criteria
- Enable users to fix rendering issues introduced by user styling
- Reduce rendering inconsistencies introduced by user styling