whai/cherry-studio
1
1
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix: chat history dark theme (#4254)

Browse Source
This commit is contained in:
fullex 2025-04-01 14:55:24 +08:00 committed by GitHub
parent d7bd240a9a
commit efa68c8519
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/renderer/src/pages/home/Messages/ChatFlowHistory.tsx
View File

@ -3,6 +3,7 @@ import '@xyflow/react/dist/style.css'
import { RobotOutlined, UserOutlined } from '@ant-design/icons' import { RobotOutlined, UserOutlined } from '@ant-design/icons'
import ModelAvatar from '@renderer/components/Avatar/ModelAvatar' import ModelAvatar from '@renderer/components/Avatar/ModelAvatar'
import { getModelLogo } from '@renderer/config/models' import { getModelLogo } from '@renderer/config/models'
import { useTheme } from '@renderer/context/ThemeProvider'
import { useSettings } from '@renderer/hooks/useSettings' import { useSettings } from '@renderer/hooks/useSettings'
import { EVENT_NAMES, EventEmitter } from '@renderer/services/EventService' import { EVENT_NAMES, EventEmitter } from '@renderer/services/EventService'
import { RootState } from '@renderer/store' import { RootState } from '@renderer/store'
@ -190,6 +191,7 @@ const ChatFlowHistory: FC<ChatFlowHistoryProps> = ({ conversationId }) => {
const [edges, setEdges, onEdgesChange] = useEdgesState<any>([]) const [edges, setEdges, onEdgesChange] = useEdgesState<any>([])
const [loading, setLoading] = useState(true) const [loading, setLoading] = useState(true)
const { userName } = useSettings() const { userName } = useSettings()
const { theme } = useTheme()
const topicId = conversationId const topicId = conversationId
@ -478,7 +480,8 @@ const ChatFlowHistory: FC<ChatFlowHistoryProps> = ({ conversationId }) => {
maxZoom: 1 maxZoom: 1
}} }}
proOptions={{ hideAttribution: true }} proOptions={{ hideAttribution: true }}
className="react-flow-container"> className="react-flow-container"
colorMode={theme === 'auto' ? 'system' : theme}>
<Controls showInteractive={false} /> <Controls showInteractive={false} />
<MiniMap <MiniMap
nodeStrokeWidth={3} nodeStrokeWidth={3}