mancala/docs/specs/theme-polish/tasks.md

# 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.
- [ ] 3. **Theme cookie**: the web app saves the chosen theme for the login pages.
- [ ] 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`.
docs(theme-polish): add the spec The login pages in the app's three themes, chosen through a cookie, and the web app's messages in the theme's colors at the top centre. 2026-10-17 02:28:40 +03:00			`# 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.`
feat(frontend): show messages at the top in the theme's colors Messages appear at the top centre below the header as an inverted chip of the theme, in the app's font and without icons, and close on a click instead of sliding in at the bottom right in Notyf's red. 2026-10-17 02:39:41 +03:00			`- [x] 2. Web app messages: Notyf at the top centre in the theme's colors.`
docs(theme-polish): add the spec The login pages in the app's three themes, chosen through a cookie, and the web app's messages in the theme's colors at the top centre. 2026-10-17 02:28:40 +03:00			`- [ ] 3. Theme cookie: the web app saves the chosen theme for the login pages.`
			`- [ ] 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`.