A script in the page's head reads the theme the web app saved in the mancala_theme cookie, or follows the system's color scheme, and puts the theme's class on the page. The stylesheet takes the redesign's colors, font, header, cards, fields and pill buttons; the logo and the board on the card are masks in the theme's colors.
11 lines
634 B
Markdown
11 lines
634 B
Markdown
# Theme polish: tasks
|
|
|
|
Work through the tasks in order; each ends with its checks passing and a commit. Tick a task when it is committed.
|
|
|
|
- [x] 1. **Spec**: requirements, design and tasks.
|
|
- [x] 2. **Web app messages**: Notyf at the top centre in the theme's colors.
|
|
- [x] 3. **Theme cookie**: the web app saves the chosen theme for the login pages.
|
|
- [x] 4. **Login theme**: the script, the three themes' styles, logo and board masks; checked in Chrome in all three
|
|
themes, at desktop and phone width, with and without the cookie.
|
|
- [ ] 5. **Docs**: `AGENTS.md` (specs list, the cookie), `apps/keycloak/README.md`, `TODO.md`.
|