You are reading content from Scuttlebutt
@mix %JXnFtlSUZr0/Wwtnd9xYa5JAQCQAY3CUQYObFxZaRR8=.sha256
Re: %q4z7EZ28Z

p.s. if anyone wants to go mess with the styles, you're most welcome. Add this to the custom-styles, and if it's rad share it or open a PR and we can over-ride my defaults here.

.FollowGraph {
  --out-node-fill: #e4e4e4;
  --out-node-stroke: #808080;
  --out-edge-stroke: rgba(143, 143, 143, 0.3);
  --out-edge-marker: var(--out-edge-stroke);
  --out-circle-fill: rgba(0, 0, 0, 0);
  --out-circle-stroke: rgba(0, 0, 0, 0.2);

  --in-node-fill: rgba(255, 49, 221, 0.65);
  --in-node-stroke: #ff0000;
  --in-edge-stroke: rgba(255, 0, 115, 0.28);
  --in-edge-marker: var(--in-edge-stroke);
  --in-circle-fill: rgba(161, 120, 255, 0.3);
  --in-circle-stroke: rgba(211, 14, 241, 0.17);
}

translating my variable names :

  • out / in = outside / inside your hop range
  • node = one of the peer dots on the graph
  • edge = one of the connecting lines
  • circle = the areas that coloured in showing the hop ranges

The easiest way to custom tune is to open inspect the svg and find the div.FollowGraph which is containing it. All these css variables are attached to that. From there you can tune the values with a colour picker in the dev tools. Like this :

Selection_354.jpg

CSS IS FUN!

Join Scuttlebutt now