Merge pull request #1401 from carhartlewis/lewis/comp-tweak-ui-fixes

refactor: standardize color usage across components

Author: Marfuen

apps/app/src/app/(app)/[orgId]/people/[employeeId]/components/EmployeeTasks.tsx

@@ -131,7 +131,7 @@ export const EmployeeTasks = ({
                     >
                       <p className="font-medium">{policy.name}</p>
                       {policy.response === 'pass' ? (
-                        <div className="flex items-center gap-1 text-green-600">
+                        <div className="flex items-center gap-1 text-primary">
                           <CheckCircle2 size={16} />
                           <span>Pass</span>
                         </div>

apps/app/src/app/(app)/[orgId]/people/devices/components/HostDetails.tsx

@@ -22,12 +22,12 @@ export const HostDetails = ({ host, onClose }: { host: Host; onClose: () => void
                 key={policy.id}
                 className={cn(
                   'hover:bg-muted/50 flex items-center justify-between rounded-md border border-l-4 p-3 shadow-sm transition-colors',
-                  policy.response === 'pass' ? 'border-l-green-500' : 'border-l-red-500',
+                  policy.response === 'pass' ? 'border-l-primary' : 'border-l-red-500',
                 )}
               >
                 <p className="font-medium">{policy.name}</p>
                 {policy.response === 'pass' ? (
-                  <div className="flex items-center gap-1 text-green-600">
+                  <div className="flex items-center gap-1 text-primary">
                     <CheckCircle2 size={16} />
                     <span>Pass</span>
                   </div>

apps/app/src/components/status-indicator.tsx

@@ -37,7 +37,7 @@ export const STATUS_COLORS: Record<StatusType, string> = {
   done: 'bg-primary',
 
   // Completed/Done - Blue
-  closed: 'bg-primary dark:bg-blue-400',
+  closed: 'bg-primary',
 
   // Neutral - Gray
   archived: 'bg-gray-500 dark:bg-gray-400',

apps/portal/src/app/(app)/(home)/[orgId]/policy/[policyId]/page.tsx

@@ -63,9 +63,9 @@ export default async function PolicyPage({
 
       <Card className="shadow-md">
         {isAccepted && (
-          <div className="bg-green-50 dark:bg-green-950/20 border-green-200 dark:border-green-800 mb-4 flex items-center gap-2 rounded-t-xs border p-3">
-            <Check className="text-green-600 dark:text-green-400 h-5 w-5" />
-            <span className="text-green-800 dark:text-green-300 text-sm font-medium">
+          <div className="bg-green-50 border-green-200 mb-4 flex items-center gap-2 rounded-t-xs border p-3">
+            <Check className="text-green-600 h-5 w-5" />
+            <span className="text-green-800  text-sm font-medium">
               You have accepted this policy
             </span>
           </div>
@@ -79,7 +79,7 @@ export default async function PolicyPage({
           )}
         </CardHeader>
         <CardContent>
-          <div className="prose dark:prose-invert max-w-none">
+          <div className="prose  max-w-none">
             <PolicyViewer content={policy.content} />
           </div>
           {policy.updatedAt && (

packages/ui/src/components/editor/index.tsx

@@ -58,7 +58,7 @@ export const Editor = ({
     immediatelyRender: false,
     editorProps: {
       attributes: {
-        class: `prose prose-lg dark:prose-invert prose-headings:font-title font-default focus:outline-hidden max-w-full ${className || ''}`,
+        class: `prose prose-lg  prose-headings:font-title font-default focus:outline-hidden max-w-full ${className || ''}`,
       },
     },
     onUpdate: ({ editor }) => {