[comp] Production Deploy

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]/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/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',
 };
 

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 }) => {