)
diff --git a/src/components/editors/WorkflowEditor/viewer/WorkflowView.tsx b/src/components/editors/WorkflowEditor/viewer/WorkflowView.tsx
index ed09ed9a..a0f0583c 100644
--- a/src/components/editors/WorkflowEditor/viewer/WorkflowView.tsx
+++ b/src/components/editors/WorkflowEditor/viewer/WorkflowView.tsx
@@ -19,12 +19,14 @@ import { useWorkflowEditor } from '@/services/editors'
import { glifs } from '../samples/glif'
import { glifToReactWorkflow } from '../specialized/glif/glifToReactWorkflow'
+import { useTheme } from '@/services'
const nodeTypes = {
custom: NodeView,
}
export function WorkflowView() {
+ const theme = useTheme()
const current = useWorkflowEditor((s) => s.current)
const [nodes, setNodes, onNodesChange] = useNodesState([])
const [edges, setEdges, onEdgesChange] = useEdgesState([])
@@ -49,9 +51,16 @@ export function WorkflowView() {
onConnect={onConnect}
nodeTypes={nodeTypes as any}
fitView
- className="bg-teal-50"
+ className="bg-transparent"
+ // TODO: the "light" / "dark" string should be
+ // defined in the theme, eg. colorMode={theme.mode}
+ colorMode="dark"
+ style={{
+ backgroundColor:
+ theme.workflow.bgColor || theme.defaultBgColor || '#000000',
+ }}
>
-
+
)
diff --git a/src/components/toolbars/bottom-bar/index.tsx b/src/components/toolbars/bottom-bar/index.tsx
index 7ffcbc67..ebc97112 100644
--- a/src/components/toolbars/bottom-bar/index.tsx
+++ b/src/components/toolbars/bottom-bar/index.tsx
@@ -31,7 +31,15 @@ export function BottomToolbar() {
{APP_REVISION}
- {/* */}
+ {/*
+ Note sure that's really useful since there is a garbage collector,
+ I got a situation where I had 1.2 Gb when loaded empty,
+ and it turned into 800 Mb after loading a big project,
+ thanks to the GC kicking in.
+
+ what would be more useful is to collect system metrics in the Desktop version.
+
+ */}