# 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.
- [x] 5. **Docs**: `AGENTS.md` (specs list, the cookie), `apps/keycloak/README.md`, `TODO.md`.
- [x] 6. **Header**: the new order, the settings menu with the themes, the account on every page, the home page's
      actions on phones; checked in Chrome in all three themes at desktop and phone width.