estel/dify
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Feat: workflow dark mode (#17785)

Browse Source
This commit is contained in:
KVOJJJin
2025-04-10 17:15:48 +08:00
committed by GitHub
parent 636a0ba37f
commit 17a26da1e6
75 changed files with 324 additions and 368 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/app/components/workflow/nodes/llm/components/config-prompt-item.tsx
View File

@@ -103,7 +103,7 @@ const ConfigPromptItem: FC<Props> = ({
title={
<div className='relative left-1 flex items-center'>
{payload.role === PromptRole.system
? (<div className='relative left-[-4px] text-xs font-semibold uppercase text-gray-700'>
? (<div className='relative left-[-4px] text-xs font-semibold uppercase text-text-secondary'>
SYSTEM
</div>)
: (
@@ -112,8 +112,8 @@ const ConfigPromptItem: FC<Props> = ({
allOptions={roleOptions}
options={canNotChooseSystemRole ? roleOptionsWithoutSystemRole : roleOptions}
onChange={handleChatModeMessageRoleChange}
triggerClassName='text-xs font-semibold text-gray-700 uppercase'
itemClassName='text-[13px] font-medium text-gray-700'
triggerClassName='text-xs font-semibold text-text-secondary uppercase'
itemClassName='text-[13px] font-medium text-text-secondary'
/>
)}

2
web/app/components/workflow/nodes/llm/components/config-prompt.tsx
View File

@@ -180,7 +180,7 @@ const ConfigPrompt: FC<Props> = ({
})()
return (
<div key={item.id || index} className='group relative'>
{canDrag && <DragHandle className='absolute left-[-14px] top-2 hidden h-3.5 w-3.5 text-gray-400 group-hover:block' />}
{canDrag && <DragHandle className='absolute left-[-14px] top-2 hidden h-3.5 w-3.5 text-text-quaternary group-hover:block' />}
<ConfigPromptItem
className={cn(canDrag && 'handle')}
headerClassName={cn(canDrag && 'cursor-grab')}

2
web/app/components/workflow/nodes/llm/components/resolution-picker.tsx
View File

@@ -25,7 +25,7 @@ const ResolutionPicker: FC<Props> = ({
}, [onChange])
return (
<div className='flex items-center justify-between'>
<div className='mr-2 text-xs font-medium uppercase text-gray-500'>{t(`${i18nPrefix}.resolution.name`)}</div>
<div className='mr-2 text-xs font-medium uppercase text-text-secondary'>{t(`${i18nPrefix}.resolution.name`)}</div>
<div className='flex items-center space-x-1'>
<OptionCard
title={t(`${i18nPrefix}.resolution.high`)}