Files
Nexus/apps/web/src/components/timeline/timelineConstants.ts
T
Hartmut 5afc6c8c94 fix(ui): remove blue-shifted hardcoded colors from timeline components
Replace hardcoded blue-shifted rgba values and slate-* classes with neutral
CSS variable references in timeline resource/project panels, tooltips,
constants, and heatmap mono palette. Change utilization row tint from blue
to green. Replace slate-950 open demand backgrounds with --surface-card.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-10 10:46:41 +02:00

26 lines
1.6 KiB
TypeScript

// ─── Layout constants ──────────────────────────────────────────────────────────
export const ROW_HEIGHT = 52;
export const SUB_LANE_HEIGHT = 36;
export const HEADER_DAY_HEIGHT = 28;
export const HEADER_MONTH_HEIGHT = 24;
export const LABEL_WIDTH = 256;
export const PROJECT_HEADER_HEIGHT = 40;
export const MONTHS_SHORT = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
export const ORDER_TYPE_COLORS: Record<string, { bg: string; text: string; light: string }> = {
CHARGEABLE: { bg: "bg-emerald-500", text: "text-white", light: "bg-emerald-50 border-emerald-200 dark:bg-emerald-950 dark:border-emerald-800" },
INTERNAL: { bg: "bg-blue-500", text: "text-white", light: "bg-blue-50 border-blue-200 dark:bg-blue-950 dark:border-blue-800" },
BD: { bg: "bg-violet-500", text: "text-white", light: "bg-violet-50 border-violet-200 dark:bg-violet-950 dark:border-violet-800" },
OVERHEAD: { bg: "bg-gray-400", text: "text-white", light: "bg-gray-50 border-gray-200 dark:bg-gray-800 dark:border-gray-700" },
};
export const ORDER_TYPE_BADGE: Record<string, string> = {
CHARGEABLE: "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/50 dark:text-emerald-300",
INTERNAL: "bg-blue-100 text-blue-700 dark:bg-blue-900/50 dark:text-blue-300",
BD: "bg-violet-100 text-violet-700 dark:bg-violet-900/50 dark:text-violet-300",
OVERHEAD: "bg-gray-100 text-gray-600 dark:bg-gray-700 dark:text-gray-300",
};
export const DONE_STATUSES = new Set(["COMPLETED", "CANCELLED"]);