reagraph
Version:
WebGL Node-based Graph for React
81 lines (80 loc) • 2.29 kB
TypeScript
import { ColorRepresentation } from 'three';
export interface Theme {
canvas?: {
background?: ColorRepresentation;
fog?: ColorRepresentation | null;
};
node: {
fill: ColorRepresentation;
activeFill: ColorRepresentation;
opacity: number;
selectedOpacity: number;
inactiveOpacity: number;
label: {
color: ColorRepresentation;
stroke?: ColorRepresentation;
activeColor: ColorRepresentation;
backgroundColor?: ColorRepresentation;
backgroundOpacity?: number;
padding?: number;
strokeColor?: ColorRepresentation;
strokeWidth?: number;
radius?: number;
};
subLabel?: {
color: ColorRepresentation;
stroke?: ColorRepresentation;
activeColor: ColorRepresentation;
};
};
ring: {
fill: ColorRepresentation;
activeFill: ColorRepresentation;
};
edge: {
fill: ColorRepresentation;
activeFill: ColorRepresentation;
opacity: number;
selectedOpacity: number;
inactiveOpacity: number;
label: {
color: ColorRepresentation;
stroke?: ColorRepresentation;
activeColor: ColorRepresentation;
fontSize?: number;
};
subLabel?: {
color: ColorRepresentation;
stroke?: ColorRepresentation;
activeColor: ColorRepresentation;
fontSize?: number;
};
};
arrow: {
fill: ColorRepresentation;
activeFill: ColorRepresentation;
};
lasso: {
background: string;
border: string;
};
cluster?: {
stroke?: ColorRepresentation;
fill?: ColorRepresentation;
opacity?: number;
selectedOpacity?: number;
inactiveOpacity?: number;
label?: {
stroke?: ColorRepresentation;
color: ColorRepresentation;
/**
* Size of the cluster label
*/
fontSize?: number;
/**
* Offset of the cluster label relative to the default
*/
offset?: [number, number, number];
};
};
}