Fix: style of check list in dark mode (#19744)

web/app/components/app/app-publisher/suggested-action.tsx

     target='_blank'
     rel='noreferrer'
     className={classNames(
-      'flex justify-start items-center gap-2 py-2 px-2.5 bg-background-section-burn rounded-lg transition-colors [&:not(:first-child)]:mt-1',
-      disabled ? 'shadow-xs opacity-30 cursor-not-allowed' : 'text-text-secondary hover:bg-state-accent-hover hover:text-text-accent cursor-pointer',
+      'flex justify-start items-center gap-2 py-2 px-2.5 bg-background-section-burn text-text-secondary rounded-lg transition-colors [&:not(:first-child)]:mt-1',
+      disabled ? 'shadow-xs opacity-30 cursor-not-allowed' : 'hover:bg-state-accent-hover hover:text-text-accent cursor-pointer',
       className,
     )}
     {...props}

web/app/components/workflow/header/checklist.tsx

                             }
                             {
                               node.varErrorMessage?.map((errorMessage: string) => (
-                                <div className='rounded-b-lg bg-gray-25 px-3 py-2'>
-                                  <div className='flex text-xs leading-[18px] text-gray-500'>
+                                <div className='rounded-b-lg px-3 py-2'>
+                                  <div className='flex text-xs leading-[18px] text-text-tertiary'>
                                     <AlertTriangle className='mr-2 mt-[3px] h-3 w-3 text-[#F79009]' />
                                     {errorMessage}
                                   </div>