fix(modals): consistent font colors in delete/confirmation modals

Remove text-tertiary color from recovery and "cannot be undone" text
in delete modals so it matches the base text-secondary paragraph color.
Also remove inconsistent text-caption sizing from two modals.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/files/files.tsx

@@ -1232,10 +1232,8 @@ const DeleteConfirmModal = memo(function DeleteConfirmModal({
         <ModalBody>
           <p className='text-[var(--text-secondary)]'>
             Are you sure you want to delete{' '}
-            <span className='font-medium text-[var(--text-primary)]'>{fileName}</span>?{' '}
-            <span className='text-[var(--text-tertiary)]'>
-              You can restore it from Recently Deleted in Settings.
-            </span>
+            <span className='font-medium text-[var(--text-primary)]'>{fileName}</span>? You can
+            restore it from Recently Deleted in Settings.
           </p>
         </ModalBody>
         <ModalFooter>

apps/sim/app/workspace/[workspaceId]/knowledge/[id]/base.tsx

@@ -1182,9 +1182,7 @@ export function KnowledgeBase({
                 The knowledge base and all {pagination.total} document
                 {pagination.total === 1 ? '' : 's'} within it will be removed.
               </span>{' '}
-              <span className='text-[var(--text-tertiary)]'>
-                You can restore it from Recently Deleted in Settings.
-              </span>
+              You can restore it from Recently Deleted in Settings.
             </p>
           </ModalBody>
           <ModalFooter>

apps/sim/app/workspace/[workspaceId]/knowledge/components/delete-knowledge-base-modal/delete-knowledge-base-modal.tsx

@@ -59,9 +59,7 @@ export const DeleteKnowledgeBaseModal = memo(function DeleteKnowledgeBaseModal({
                 </span>
               </>
             )}{' '}
-            <span className='text-[var(--text-tertiary)]'>
-              You can restore it from Recently Deleted in Settings.
-            </span>
+            You can restore it from Recently Deleted in Settings.
           </p>
         </ModalBody>
         <ModalFooter>

apps/sim/app/workspace/[workspaceId]/logs/components/logs-toolbar/components/notifications/notifications.tsx

@@ -1267,7 +1267,7 @@ export const NotificationSettings = memo(function NotificationSettings({
         <ModalContent size='sm'>
           <ModalHeader>Delete Notification</ModalHeader>
           <ModalBody>
-            <p className='text-[var(--text-secondary)] text-caption'>
+            <p className='text-[var(--text-secondary)]'>
               <span className='text-[var(--text-error)]'>
                 This will permanently remove the notification and stop all deliveries.
               </span>{' '}

apps/sim/app/workspace/[workspaceId]/scheduled-tasks/scheduled-tasks.tsx

@@ -447,7 +447,7 @@ export function ScheduledTasks() {
         <ModalContent size='sm'>
           <ModalHeader>Delete Scheduled Task</ModalHeader>
           <ModalBody>
-            <p className='text-[var(--text-secondary)] text-caption'>
+            <p className='text-[var(--text-secondary)]'>
               Are you sure you want to delete{' '}
               <span className='font-medium text-[var(--text-primary)]'>
                 {activeTask?.jobTitle || 'this task'}

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table/table.tsx

@@ -1852,9 +1852,7 @@ export function Table({
                 <span className='text-[var(--text-error)]'>
                   All {tableData?.rowCount ?? 0} rows will be removed.
                 </span>{' '}
-                <span className='text-[var(--text-tertiary)]'>
-                  You can restore it from Recently Deleted in Settings.
-                </span>
+                You can restore it from Recently Deleted in Settings.
               </p>
             </ModalBody>
             <ModalFooter>

apps/sim/app/workspace/[workspaceId]/tables/tables.tsx

@@ -539,9 +539,7 @@ export function Tables() {
               <span className='text-[var(--text-error)]'>
                 All {activeTable?.rowCount} rows will be removed.
               </span>{' '}
-              <span className='text-[var(--text-tertiary)]'>
-                You can restore it from Recently Deleted in Settings.
-              </span>
+              You can restore it from Recently Deleted in Settings.
             </p>
           </ModalBody>
           <ModalFooter>

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/panel.tsx

@@ -897,9 +897,7 @@ export const Panel = memo(function Panel({ workspaceId: propWorkspaceId }: Panel
               <span className='text-[var(--text-error)]'>
                 All associated blocks, executions, and configuration will be removed.
               </span>{' '}
-              <span className='text-[var(--text-tertiary)]'>
-                You can restore it from Recently Deleted in Settings.
-              </span>
+              You can restore it from Recently Deleted in Settings.
             </p>
           </ModalBody>
           <ModalFooter>

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workflow-list/components/delete-modal/delete-modal.tsx

@@ -230,13 +230,9 @@ export function DeleteModal({
         <ModalBody>
           <p className='text-[var(--text-secondary)]'>
             {renderDescription()}{' '}
-            {restorableTypes.has(itemType) ? (
-              <span className='text-[var(--text-tertiary)]'>
-                You can restore it from Recently Deleted in Settings.
-              </span>
-            ) : (
-              <span className='text-[var(--text-tertiary)]'>This action cannot be undone.</span>
-            )}
+            {restorableTypes.has(itemType)
+              ? 'You can restore it from Recently Deleted in Settings.'
+              : 'This action cannot be undone.'}
           </p>
         </ModalBody>
         <ModalFooter>

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-header/components/invite-modal/invite-modal.tsx

@@ -613,8 +613,7 @@ export function InviteModal({ open, onOpenChange, workspaceName }: InviteModalPr
               <span className='font-medium text-[var(--text-primary)]'>
                 {memberToRemove?.email}
               </span>{' '}
-              from this workspace?{' '}
-              <span className='text-[var(--text-tertiary)]'>This action cannot be undone.</span>
+              from this workspace? This action cannot be undone.
             </p>
           </ModalBody>
           <ModalFooter>
@@ -646,7 +645,7 @@ export function InviteModal({ open, onOpenChange, workspaceName }: InviteModalPr
               <span className='font-medium text-[var(--text-primary)]'>
                 {invitationToRemove?.email}
               </span>
-              ? <span className='text-[var(--text-tertiary)]'>This action cannot be undone.</span>
+              ? This action cannot be undone.
             </p>
           </ModalBody>
           <ModalFooter>