From 618c5a3ebb34abf60fd140f7ff7fff59b089befb Mon Sep 17 00:00:00 2001 From: Matt Date: Fri, 3 Jan 2025 19:40:12 -0500 Subject: [PATCH] Misc card styling --- .../components/dashboard/MiniEventFeed.jsx | 48 +++++++++---------- 1 file changed, 24 insertions(+), 24 deletions(-) diff --git a/dashboard/src/components/dashboard/MiniEventFeed.jsx b/dashboard/src/components/dashboard/MiniEventFeed.jsx index c0d0a00..62f4fad 100644 --- a/dashboard/src/components/dashboard/MiniEventFeed.jsx +++ b/dashboard/src/components/dashboard/MiniEventFeed.jsx @@ -36,45 +36,45 @@ const METRIC_IDS = { const EVENT_TYPES = { [METRIC_IDS.PLACED_ORDER]: { label: "Order Placed", - color: "bg-green-300", - textColor: "text-green-100", - iconColor: "text-green-900", - gradient: "from-green-900 to-green-800", + color: "bg-green-200", + textColor: "text-green-50", + iconColor: "text-green-800", + gradient: "from-green-800 to-green-700", }, [METRIC_IDS.SHIPPED_ORDER]: { label: "Order Shipped", - color: "bg-blue-300", - textColor: "text-blue-100", - iconColor: "text-blue-900", - gradient: "from-blue-900 to-blue-800", + color: "bg-blue-200", + textColor: "text-blue-50", + iconColor: "text-blue-800", + gradient: "from-blue-800 to-blue-700", }, [METRIC_IDS.ACCOUNT_CREATED]: { label: "New Account", - color: "bg-purple-300", - textColor: "text-purple-100", - iconColor: "text-purple-900", - gradient: "from-purple-900 to-purple-800", + color: "bg-purple-200", + textColor: "text-purple-50", + iconColor: "text-purple-800", + gradient: "from-purple-800 to-purple-700", }, [METRIC_IDS.CANCELED_ORDER]: { label: "Order Canceled", - color: "bg-red-300", - textColor: "text-red-100", - iconColor: "text-red-900", - gradient: "from-red-900 to-red-800", + color: "bg-red-200", + textColor: "text-red-50", + iconColor: "text-red-800", + gradient: "from-red-800 to-red-700", }, [METRIC_IDS.PAYMENT_REFUNDED]: { label: "Payment Refunded", - color: "bg-orange-300", - textColor: "text-orange-100", - iconColor: "text-orange-900", - gradient: "from-orange-900 to-orange-800", + color: "bg-orange-200", + textColor: "text-orange-50", + iconColor: "text-orange-800", + gradient: "from-orange-800 to-orange-700", }, [METRIC_IDS.NEW_BLOG_POST]: { label: "New Blog Post", - color: "bg-indigo-300", - textColor: "text-indigo-100", - iconColor: "text-indigo-900", - gradient: "from-indigo-900 to-indigo-800", + color: "bg-indigo-200", + textColor: "text-indigo-50", + iconColor: "text-indigo-800", + gradient: "from-indigo-800 to-indigo-700", }, };