diff --git a/app/globals.css b/app/globals.css index e1f691754..233bbfea6 100644 --- a/app/globals.css +++ b/app/globals.css @@ -103,6 +103,12 @@ } } +/* Dark mode error badge styling */ +.dark .error-badge { + background-color: hsl(0, 70%, 20%) !important; /* Darker red background for dark mode */ + color: hsl(0, 0%, 100%) !important; /* Pure white text for better contrast */ +} + /* Input Overrides */ /* Chrome, Safari, Edge, Opera */ input[type='search']::-webkit-search-cancel-button { diff --git a/app/w/logs/logs.tsx b/app/w/logs/logs.tsx index d40e1b4f1..b042b062d 100644 --- a/app/w/logs/logs.tsx +++ b/app/w/logs/logs.tsx @@ -52,7 +52,7 @@ const formatDate = (dateString: string) => { const getLevelBadgeStyles = (level: string) => { switch (level.toLowerCase()) { case 'error': - return 'bg-destructive/20 text-destructive' + return 'bg-destructive/20 text-destructive error-badge' case 'warn': return 'bg-warning/20 text-warning' default: