The modules displayed in the homepage have different background and text colors. The first version of many modules was created before Codex existed or it had a more complete color palette as it does now. This task is to review and consolidate the background and text colors which will ideally use a Codex color token rather than a custom Growth color. The task scoped to StartEditing and SuggestedEdits for similarity but this review should be done with all modules
Contrast issues on dark mode (no no-theme skin-invert applied)
| Module/interface | Current background color | Dark mode/WCAG AA compliant | Proposed bg color | Outcome |
| Start editing, header | rgba(234, 243, 255, 0.5) |  | background-color-progressive-subtle |  |
| Suggested edits | rgba(234, 243, 255, 0.5) |  | background-color-progressive-subtle | |
Open questions
- What color tokens should we use for the task difficulty levels, so far:
| Color | Current | Proposed |
| easyColor | #14866d | #099979 (border-color-success) |
| easyBackgroundColor | #d5fdf4 | #dff2eb (background-color-success-subtle) |
| mediumColor | #ac6600 | #ab7f2a (border-color-warning) |
| mediumBackgroundColor | #fef6e7 | #fdf2d5 (background-color-warning-subtle) |
| hardColor | #b32424 | #f54739 (border-color-error) |
| hardBackgroundColor | #fee7e6 | #ffe9e5 (background-color-error-subtle) |