Workspaces in Workspaces all around

src/apps/officer-web/Screens/Dashboard/TaskLogs/index.tsx

@@ -28,7 +28,7 @@ const formatDate = (iso: string) => {
 
 const ProviderBadge = ({ provider }: { provider: string }) => (
   <span
-    className={`text-[10px] font-medium px-1.5 py-0.5 rounded-full ${provider === 'claude' ? 'bg-orange-100 text-orange-700' : 'bg-blue-100 text-blue-700'}`}
+    className={`text-[10px] font-medium px-1.5 py-0.5 rounded-full ${provider === 'claude' ? 'bg-orange-100 dark:bg-orange-900/40 text-orange-700 dark:text-orange-300' : 'bg-blue-100 dark:bg-blue-900/40 text-blue-700 dark:text-blue-300'}`}
   >
     {provider}
   </span>
@@ -89,7 +89,7 @@ export const TaskLogs = () => {
                 placeholder="Search logs..."
                 value={search}
                 onChange={(ev) => setSearch(ev.target.value)}
-                className="w-full pl-8 pr-3 py-1.5 text-sm rounded-md border border-duck-dark/15 bg-white/60 focus:outline-none focus:ring-1 focus:ring-duck-teal/40"
+                className="w-full pl-8 pr-3 py-1.5 text-sm rounded-md border border-duck-dark/15 bg-background/60 text-duck-dark placeholder:text-duck-dark/30 focus:outline-none focus:ring-1 focus:ring-duck-teal/40"
               />
             </div>
           </div>
@@ -161,7 +161,7 @@ export const TaskLogs = () => {
                   </div>
                 </div>
                 {selectedLog.isError && (
-                  <span className="text-xs text-red-600 bg-red-50 px-2 py-0.5 rounded-full">Error</span>
+                  <span className="text-xs text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-950/50 px-2 py-0.5 rounded-full">Error</span>
                 )}
               </div>
               <div className="flex-1 overflow-y-auto p-4 space-y-3">