Lightmode/Darkmode merge including many fixes since 2.0.2

2025-05-19 00:04:37 +02:00
parent 7bc246c003
commit a4ebf3e558
59 changed files with 5931 additions and 2961 deletions
@@ -1,12 +1,16 @@
-import React, { useState, useEffect, useLayoutEffect } from "react";
+import React, { useState, useEffect, useLayoutEffect, useContext, useMemo } from "react";
 import * as cytoscape from "cytoscape";
 import CytoscapeComponent from "react-cytoscapejs";
-import cystyle from "../defaultCytoscapeStyle.jsx";
+import defaultCytoscapeStyle from "../defaultCytoscapeStyle.jsx";
+import { Context } from "../context/ContextApi.jsx";
+import { getTheme } from "../theme.jsx";

 const surfaceColor = "#27292D";
 const CytoscapeWrapper = (props) => {
  const { globalUrl, inworkflow, height, width } = props;
-
+  const {themeMode} = useContext(Context)
+  const theme = getTheme(themeMode)
+  const cystyle = useMemo(() => defaultCytoscapeStyle(theme), [themeMode]);
  const [elements, setElements] = useState([]);
  const [workflow, setWorkflow] = useState(inworkflow);
  const [cy, setCy] = React.useState();