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

chore: Optimize dark mode styles (#23222) (#23231)

Browse Source
This commit is contained in:
HyaCinth
2025-07-31 17:43:08 +08:00
committed by GitHub
parent 9400832b2b
commit caa5928ac4
3 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/app/components/base/emoji-picker/Inner.tsx
View File

@@ -149,7 +149,8 @@ const EmojiPickerInner: FC<IEmojiPickerInnerProps> = ({
{/* Color Select */} {/* Color Select */}
<div className={cn('flex items-center justify-between p-3 pb-0')}> <div className={cn('flex items-center justify-between p-3 pb-0')}>
<p className='system-xs-medium-uppercase mb-2 text-text-primary'>Choose Style</p> <p className='system-xs-medium-uppercase mb-2 text-text-primary'>Choose Style</p>
{showStyleColors ? <ChevronDownIcon className='h-4 w-4' onClick={() => setShowStyleColors(!showStyleColors)} /> : <ChevronUpIcon className='h-4 w-4' onClick={() => setShowStyleColors(!showStyleColors)} />} {showStyleColors ? <ChevronDownIcon className='h-4 w-4 cursor-pointer text-text-quaternary' onClick={() => setShowStyleColors(!showStyleColors)} />
: <ChevronUpIcon className='h-4 w-4 cursor-pointer text-text-quaternary' onClick={() => setShowStyleColors(!showStyleColors)} />}
</div> </div>
{showStyleColors && <div className='grid w-full grid-cols-8 gap-1 px-3'> {showStyleColors && <div className='grid w-full grid-cols-8 gap-1 px-3'>
{backgroundColors.map((color) => { {backgroundColors.map((color) => {

2
web/app/components/plugins/marketplace/empty/index.tsx
View File

@@ -46,7 +46,7 @@ const Empty = ({
} }
<div className='absolute left-1/2 top-1/2 z-[2] flex -translate-x-1/2 -translate-y-1/2 flex-col items-center'> <div className='absolute left-1/2 top-1/2 z-[2] flex -translate-x-1/2 -translate-y-1/2 flex-col items-center'>
<div className='relative mb-3 flex h-14 w-14 items-center justify-center rounded-xl border border-dashed border-divider-deep bg-components-card-bg shadow-lg'> <div className='relative mb-3 flex h-14 w-14 items-center justify-center rounded-xl border border-dashed border-divider-deep bg-components-card-bg shadow-lg'>
<Group className='h-5 w-5' /> <Group className='h-5 w-5 text-text-primary' />
<Line className='absolute right-[-1px] top-1/2 -translate-y-1/2' /> <Line className='absolute right-[-1px] top-1/2 -translate-y-1/2' />
<Line className='absolute left-[-1px] top-1/2 -translate-y-1/2' /> <Line className='absolute left-[-1px] top-1/2 -translate-y-1/2' />
<Line className='absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 rotate-90' /> <Line className='absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 rotate-90' />

4
web/app/components/tools/add-tool-modal/empty.tsx
View File

@@ -5,6 +5,7 @@ import { RiArrowRightUpLine } from '@remixicon/react'
import Link from 'next/link' import Link from 'next/link'
import cn from '@/utils/classnames' import cn from '@/utils/classnames'
import { NoToolPlaceholder } from '../../base/icons/src/vender/other' import { NoToolPlaceholder } from '../../base/icons/src/vender/other'
import useTheme from '@/hooks/use-theme'
type Props = { type Props = {
type?: ToolTypeEnum type?: ToolTypeEnum
isAgent?: boolean isAgent?: boolean
@@ -25,6 +26,7 @@ const Empty = ({
isAgent, isAgent,
}: Props) => { }: Props) => {
const { t } = useTranslation() const { t } = useTranslation()
const { theme } = useTheme()
const hasLink = type && [ToolTypeEnum.Custom, ToolTypeEnum.MCP].includes(type) const hasLink = type && [ToolTypeEnum.Custom, ToolTypeEnum.MCP].includes(type)
const Comp = (hasLink ? Link : 'div') as any const Comp = (hasLink ? Link : 'div') as any
@@ -34,7 +36,7 @@ const Empty = ({
return ( return (
<div className='flex h-[336px] flex-col items-center justify-center'> <div className='flex h-[336px] flex-col items-center justify-center'>
<NoToolPlaceholder /> <NoToolPlaceholder className={theme === 'dark' ? 'invert' : ''} />
<div className='mb-1 mt-2 text-[13px] font-medium leading-[18px] text-text-primary'> <div className='mb-1 mt-2 text-[13px] font-medium leading-[18px] text-text-primary'>
{hasTitle ? t(`tools.addToolModal.${renderType}.title`) : 'No tools available'} {hasTitle ? t(`tools.addToolModal.${renderType}.title`) : 'No tools available'}
</div> </div>