From 66908dee617a518980c8cbbf231435cfd2516fe7 Mon Sep 17 00:00:00 2001 From: Pulse Monitor Date: Wed, 10 Sep 2025 16:48:43 +0000 Subject: [PATCH] fix: correct dark mode styling for Physical Disks search field and type badges --- frontend-modern/src/components/Storage/DiskList.tsx | 8 ++++---- frontend-modern/src/components/Storage/Storage.tsx | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/frontend-modern/src/components/Storage/DiskList.tsx b/frontend-modern/src/components/Storage/DiskList.tsx index 9e28f9c00..7e4af3f07 100644 --- a/frontend-modern/src/components/Storage/DiskList.tsx +++ b/frontend-modern/src/components/Storage/DiskList.tsx @@ -70,13 +70,13 @@ export const DiskList: Component = (props) => { const getDiskTypeBadge = (type: string) => { switch (type.toLowerCase()) { case 'nvme': - return 'bg-purple-100 text-purple-800'; + return 'bg-purple-100 dark:bg-purple-900/30 text-purple-800 dark:text-purple-300'; case 'sata': - return 'bg-blue-100 text-blue-800'; + return 'bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-300'; case 'sas': - return 'bg-indigo-100 text-indigo-800'; + return 'bg-indigo-100 dark:bg-indigo-900/30 text-indigo-800 dark:text-indigo-300'; default: - return 'bg-gray-100 text-gray-800'; + return 'bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-300'; } }; diff --git a/frontend-modern/src/components/Storage/Storage.tsx b/frontend-modern/src/components/Storage/Storage.tsx index d5b1a2350..a0f50e781 100644 --- a/frontend-modern/src/components/Storage/Storage.tsx +++ b/frontend-modern/src/components/Storage/Storage.tsx @@ -274,7 +274,7 @@ const Storage: Component = () => { placeholder="Search disks by model, path, or serial..." value={searchTerm()} onInput={(e) => setSearchTerm(e.currentTarget.value)} - class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" + class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400" />