From 8b8f705cc2f623e73455666bf4cb65b41673fe1d Mon Sep 17 00:00:00 2001 From: Riyadh Date: Mon, 4 May 2026 11:57:42 +0000 Subject: [PATCH] Make row borders darker and more prominent Update border colors and thickness in PDF renderer and UI to ensure visibility and consistency. --- artifacts/api-server/src/lib/pdf-html-renderer.ts | 14 +++++++------- artifacts/tx-os/src/pages/executive-meetings.tsx | 12 ++++++------ 2 files changed, 13 insertions(+), 13 deletions(-) diff --git a/artifacts/api-server/src/lib/pdf-html-renderer.ts b/artifacts/api-server/src/lib/pdf-html-renderer.ts index fe5f6733..60a9f219 100644 --- a/artifacts/api-server/src/lib/pdf-html-renderer.ts +++ b/artifacts/api-server/src/lib/pdf-html-renderer.ts @@ -23,12 +23,12 @@ const ROW_COLOR_FILL: Record = { }; const ROW_COLOR_BORDER: Record = { - red: "#fca5a5", - amber: "#fcd34d", - green: "#86efac", - blue: "#93c5fd", - violet: "#c4b5fd", - gray: "#d1d5db", + red: "#ef4444", + amber: "#f59e0b", + green: "#22c55e", + blue: "#3b82f6", + violet: "#8b5cf6", + gray: "#9ca3af", }; function fontsDir(): string { @@ -368,7 +368,7 @@ tbody td { padding: 10px 12px; vertical-align: top; text-align: center; - border: 0.5px solid #d1d5db; + border: 1px solid #d1d5db; font-size: ${fontSize}px; line-height: 1.8; word-wrap: break-word; diff --git a/artifacts/tx-os/src/pages/executive-meetings.tsx b/artifacts/tx-os/src/pages/executive-meetings.tsx index fe1e29cc..20b4c505 100644 --- a/artifacts/tx-os/src/pages/executive-meetings.tsx +++ b/artifacts/tx-os/src/pages/executive-meetings.tsx @@ -325,12 +325,12 @@ const MAX_COL_WIDTH = 1200; const ROW_COLOR_OPTIONS: { key: string; bg: string; border: string; label: string }[] = [ { key: "default", bg: "", border: "", label: "default" }, - { key: "red", bg: "#fee2e2", border: "#fca5a5", label: "red" }, - { key: "amber", bg: "#fef3c7", border: "#fcd34d", label: "amber" }, - { key: "green", bg: "#dcfce7", border: "#86efac", label: "green" }, - { key: "blue", bg: "#dbeafe", border: "#93c5fd", label: "blue" }, - { key: "violet", bg: "#ede9fe", border: "#c4b5fd", label: "violet" }, - { key: "gray", bg: "#f3f4f6", border: "#d1d5db", label: "gray" }, + { key: "red", bg: "#fee2e2", border: "#ef4444", label: "red" }, + { key: "amber", bg: "#fef3c7", border: "#f59e0b", label: "amber" }, + { key: "green", bg: "#dcfce7", border: "#22c55e", label: "green" }, + { key: "blue", bg: "#dbeafe", border: "#3b82f6", label: "blue" }, + { key: "violet", bg: "#ede9fe", border: "#8b5cf6", label: "violet" }, + { key: "gray", bg: "#f3f4f6", border: "#9ca3af", label: "gray" }, ]; const COLS_STORAGE_KEY = "em-schedule-cols-v1";