Dark Mode: Workflow darkmode style (#11695)

2024-12-17 12:20:49 +08:00
parent 92a840f1b2
commit a399502ecd
26 changed files with 179 additions and 158 deletions
--- a/web/app/components/workflow/operator/add-block.tsx
+++ b/web/app/components/workflow/operator/add-block.tsx
@@ -78,9 +78,9 @@ const AddBlock = ({
        title={t('workflow.common.addBlock')}
      >
        <div className={cn(
-          'flex items-center justify-center w-8 h-8 rounded-lg hover:bg-black/5 hover:text-gray-700 cursor-pointer',
-          `${nodesReadOnly && '!cursor-not-allowed opacity-50'}`,
-          open && '!bg-black/5',
+          'flex items-center justify-center w-8 h-8 rounded-lg text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary cursor-pointer',
+          `${nodesReadOnly && 'cursor-not-allowed text-text-disabled hover:bg-transparent hover:text-text-disabled'}`,
+          open && 'bg-state-accent-active text-text-accent',
        )}>
          <RiAddCircleFill className='w-4 h-4' />
        </div>