jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

chat nodes dark mode implemented

Browse source
This commit is contained in:
Lucas Oliveira 2023-03-02 09:09:01 -03:00
commit 6006905504
2 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
space_flow/src/CustomNodes/ChatInputNode/index.tsx
View file

@ -13,7 +13,7 @@ export default function ChatInputNode({ data }) {
const { types } = useContext(typesContext);
return (
<div
className="prompt-node relative rounded-lg solid border flex justify-center align-center py-3 px-6 bg-gray-50"
className="prompt-node relative rounded-lg solid border flex justify-center align-center py-3 px-6 bg-gray-50 dark:bg-slate-800 dark:border-slate-700"
style={{ color: nodeColors[types[data.type]] }}
>
<Tooltip title="Prefix: str">
@ -24,7 +24,7 @@ export default function ChatInputNode({ data }) {
}
position={Position.Left}
id={"str|Prefix|" + data.id}
className={"-ml-0.5 w-3 h-3 rounded-full border-2 bg-white"}
className={"-ml-0.5 w-3 h-3 rounded-full border-2 bg-white dark:bg-slate-800"}
style={{
borderColor: nodeColors[types[data.type]],
}}
@ -38,7 +38,7 @@ export default function ChatInputNode({ data }) {
}
position={Position.Right}
id={"str|str|" + data.id}
className={"-mr-0.5 w-3 h-3 rounded-full border-2 bg-white"}
className={"-mr-0.5 w-3 h-3 rounded-full border-2 bg-white dark:bg-slate-800"}
style={{
borderColor: nodeColors[types[data.type]],
}}

4
space_flow/src/CustomNodes/ChatOutputNode/index.tsx
View file

@ -9,14 +9,14 @@ import { typesContext } from "../../contexts/typesContext";
export default function ChatOutputNode({ data }) {
const {types} = useContext(typesContext);
return (
<div className="prompt-node relative rounded-lg solid border flex justify-center align-center py-3 px-6 bg-gray-50" style={{color: nodeColors[types[data.type]]}}>
<div className="prompt-node relative rounded-lg solid border flex justify-center align-center py-3 px-6 bg-gray-50 dark:bg-slate-800 dark:border-slate-700" style={{color: nodeColors[types[data.type]]}}>
<Tooltip title="Message: str">
<Handle
type="target"
isValidConnection={(connection) => isValidConnection(data,connection)}
position={Position.Left}
id={"str|output|"+data.id}
className={"-ml-0.5 w-3 h-3 rounded-full border-2 bg-white"
className={"-ml-0.5 w-3 h-3 rounded-full border-2 bg-white dark:bg-slate-800"
}
style={{
borderColor: nodeColors[types[data.type]],