60 lines
1.0 KiB
TypeScript
60 lines
1.0 KiB
TypeScript
import { Theme } from "reagraph";
|
|
|
|
export const 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: '#ddd',
|
|
stroke: 'transparent',
|
|
activeColor: '#1DE9AC'
|
|
}
|
|
},
|
|
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'
|
|
}
|
|
}
|
|
};
|