60 lines
1.0 KiB
TypeScript
60 lines
1.0 KiB
TypeScript
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",
|
|
},
|
|
},
|
|
};
|