From d8e32260351657b1609c9e7fabc2f8068dc0c6a9 Mon Sep 17 00:00:00 2001
From: riyadhafraa <49757212-riyadhafraa@users.noreply.replit.com>
Date: Wed, 29 Apr 2026 17:48:51 +0000
Subject: [PATCH] Task #166: Match menu hover color to Tx OS brand
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changed the shadcn `--accent` token in tx-os from violet-500 (the
shadcn default leftover) to slate-100, matching `--sidebar-accent`
so dropdown / select / context-menu / calendar / popover hover and
focus states now share one cohesive soft-slate look with the
sidebar instead of clashing with the navy header and primary blue.

Files:
- artifacts/tx-os/src/index.css
  - --accent: 262 83% 66% → 210 40% 96%  (slate-100)
  - --accent-foreground: 0 0% 100% → 222 47% 11%  (slate-900)

Cascade: every shadcn primitive that consumes bg-accent /
focus:bg-accent / data-[state=open]:bg-accent picks this up
automatically — no per-component edits needed (verified
DropdownMenu, ContextMenu, NavigationMenu, Menubar, Command,
Calendar, Select, Popover, plus the executive-meetings MergeMenu).

Out of scope (intentionally left): decorative login-page violet
gradients, user-pickable violet color options in the cell/row
color pickers, the violet Bell icon on the notifications page,
and the animated login art.

Pre-existing TS errors in use-notifications-socket.ts and
admin.tsx (missing exports from @workspace/api-client-react) are
codegen drift from the recently merged tasks #109/#110 and are
unrelated to this CSS-only change.
---
 artifacts/tx-os/src/index.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/artifacts/tx-os/src/index.css b/artifacts/tx-os/src/index.css
index 513c4dfb..8955979c 100644
--- a/artifacts/tx-os/src/index.css
+++ b/artifacts/tx-os/src/index.css
@@ -74,8 +74,8 @@
   --secondary-foreground: 0 0% 100%;
   --muted: 210 40% 96%;
   --muted-foreground: 215 16% 47%;    /* slate-500 */
-  --accent: 262 83% 66%;              /* violet-500 */
-  --accent-foreground: 0 0% 100%;
+  --accent: 210 40% 96%;              /* slate-100 — matches sidebar hover */
+  --accent-foreground: 222 47% 11%;   /* slate-900 */
   --destructive: 0 84% 60%;
   --destructive-foreground: 0 0% 100%;
   --border: 214 32% 91%;              /* #E2E8F0 */