Task #603: distinct, non-purple home-tile colours

rafraa/TX

The four default home-screen tiles (Notes / Services / Meetings /
Admin) showed up as three blue tiles + one orange one. Root cause was
NOT the DB — seed.ts already gave each app a distinct hex — but the
`gradientForColor()` mapper in `artifacts/tx-os/src/pages/home.tsx`
only recognised blue/purple/green/orange/pink/teal, so yellow
(#eab308), red (#ef4444), and the dark navy meetings colour all fell
through to the default blue gradient.

Changes:

1. `artifacts/tx-os/src/index.css` — added `.icon-tile-red` and
   `.icon-tile-yellow` gradients matching the existing tile style.

2. `artifacts/tx-os/src/pages/home.tsx` — `gradientForColor()` now
   maps red/dc2626 and yellow/facc15 first. Purple branch stays for
   admin-custom apps but no seeded row uses it.

3. `scripts/src/seed.ts` —
   - Meetings: `#0B1E3F` → `#22c55e` (green).
   - Notifications: `#8b5cf6` → `#06b6d4` (cyan) — kills the last
     purple in the default palette per user direction.

4. `scripts/src/update-app-colors.ts` (new) — idempotent migration
   that bumps existing rows ONLY when they still hold the exact old
   default colour, so admin customisations from the Apps editor are
   preserved. Wired into `scripts/package.json` as
   `pnpm run update-app-colors`.

5. `scripts/redeploy.sh` — new step 5/6 runs the colour migration
   after seed and before `docker compose up -d`, on the same one-shot
   `migrate` container pattern as other one-shot scripts.

No schema changes, no new deps. tx-os tsc passes, scripts tsc passes.
After `./scripts/redeploy.sh` on Mac, home shows four distinct hues
(yellow / orange / green / red) and no tile is purple anywhere.

This commit is contained in:

riyadhafraa

2026-05-18 13:52:42 +00:00

parent bcffb2a532

commit 4290bc54c9

6 changed files with 86 additions and 8 deletions

									
										scripts/package.json
									
		+1
		
												View File
												
				@@ -8,6 +8,7 @@

				    "seed": "tsx ./src/seed.ts",

				    "remove-chat": "tsx ./src/remove-chat.ts",

				    "disable-deprecated-apps": "tsx ./src/disable-deprecated-apps.ts",

				    "update-app-colors": "tsx ./src/update-app-colors.ts",

				    "typecheck": "tsc -p tsconfig.json --noEmit",

				    "test": "node --test 'tests/**/*.test.mjs'"

				  },