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

refactor: improve styling consistency in ToDoOverview component

Author: Marfuen

apps/app/src/app/(app)/[orgId]/frameworks/[frameworkInstanceId]/components/FrameworkOverview.tsx

@@ -139,7 +139,7 @@ export function FrameworkOverview({
           <CardContent className="space-y-3">
             <div className="flex items-center justify-between py-2">
               <div className="flex items-center gap-2">
-                <div className="h-2 w-2 rounded-full bg-green-500"></div>
+                <div className="h-2 w-2 rounded-full bg-primary"></div>
                 <span className="text-sm">Complete</span>
               </div>
               <span className="font-medium tabular-nums">{compliantControls}</span>

apps/app/src/app/(app)/[orgId]/frameworks/components/ToDoOverview.tsx

@@ -60,7 +60,7 @@ export function ToDoOverview({
     return status.replace('_', ' ').replace(/\b\w/g, (l) => l.toUpperCase());
   };
 
-  const memberRoles = currentMember?.role?.split(',').map(r => r.trim()) ?? [];
+  const memberRoles = currentMember?.role?.split(',').map((r) => r.trim()) ?? [];
   const isOwner = memberRoles.includes('owner') || false;
 
   const publishPolicies = useAction(publishAllPoliciesAction, {
@@ -147,7 +147,7 @@ export function ToDoOverview({
             )}
 
             {unpublishedPolicies.length === 0 ? (
-              <div className="flex items-center justify-center gap-2 rounded-lg bg-accent  p-3">
+              <div className="flex items-center justify-center gap-2 rounded-lg bg-accent p-3">
                 <CheckCircle2 className="h-4 w-4" />
                 <span className="text-sm">All policies are published!</span>
               </div>
@@ -192,7 +192,7 @@ export function ToDoOverview({
 
           <TabsContent value="tasks" className="mt-4">
             {incompleteTasks.length === 0 ? (
-              <div className="flex items-center justify-center gap-2 rounded-lg bg-primary p-3">
+              <div className="flex items-center justify-center gap-2 rounded-lg bg-accent p-3">
                 <CheckCircle2 className="h-4 w-4 text-primary" />
                 <span className="text-sm text-primary">All tasks are completed!</span>
               </div>

apps/app/src/app/(app)/[orgId]/settings/trust-portal/components/TrustPortalSwitch.tsx

@@ -514,7 +514,7 @@ function ComplianceFramework({
                     </SelectItem>
                     <SelectItem value="compliant">
                       <span className="flex items-center gap-2">
-                        <span className="inline-block h-4 w-4 rounded-sm bg-green-500" />
+                        <span className="inline-block h-4 w-4 rounded-sm bg-primary" />
                         Compliant
                       </span>
                     </SelectItem>

apps/app/src/components/risks/charts/RisksAssignee.tsx

@@ -25,7 +25,7 @@ interface UserRiskStats {
 const riskStatusColors = {
   open: 'bg-yellow-500',
   pending: 'bg-blue-500',
-  closed: 'bg-green-500',
+  closed: 'bg-primary',
   archived: 'bg-gray-500',
 };