feat: playing with colours

2025-03-14 11:55:21 +01:00
parent 953a166ec5
commit 9ec457bb7a
5 changed files with 84 additions and 47 deletions
--- a/src/NetworkTheme.ts
+++ b/src/NetworkTheme.ts
@@ -0,0 +1,59 @@
+import { Theme } from "reagraph";
+
+export var customTheme: Theme = {
+  canvas: {
+    background: "aliceblue",
+  },
+  node: {
+    fill: "#69F",
+    activeFill: "#36C",
+    opacity: 1,
+    selectedOpacity: 1,
+    inactiveOpacity: 0.333,
+    label: {
+      color: "#404040",
+      stroke: "white",
+      activeColor: "black",
+    },
+    subLabel: {
+      color: "#404040",
+      stroke: "white",
+      activeColor: "black",
+    },
+  },
+  lasso: {
+    border: "1px solid #55aaff",
+    background: "rgba(75, 160, 255, 0.1)",
+  },
+  ring: {
+    fill: "#69F",
+    activeFill: "#36C",
+  },
+  edge: {
+    fill: "#bed4ff",
+    activeFill: "#36C",
+    opacity: 1,
+    selectedOpacity: 1,
+    inactiveOpacity: 0.333,
+    label: {
+      stroke: "#fff",
+      color: "#2A6475",
+      activeColor: "#1DE9AC",
+      fontSize: 6,
+    },
+  },
+  arrow: {
+    fill: "#bed4ff",
+    activeFill: "#36C",
+  },
+  cluster: {
+    stroke: "#D8E6EA",
+    opacity: 1,
+    selectedOpacity: 1,
+    inactiveOpacity: 0.1,
+    label: {
+      stroke: "#fff",
+      color: "#2A6475",
+    },
+  },
+};