add a "debug" mode css

[id0Sch]

When debugging layout bugs i often use a snippet that puts the DOM in a debug mode that looks like that:

It basically shows each component with transparent borders to easily see the tree.
The css is pretty basic:

*:not(path):not(g) {
  color: hsla(210, 100%, 100%, 0.9) !important;
  background: hsla(210, 100%, 50%, 0.5) !important;
  outline: solid 0.25rem hsla(210, 100%, 100%, 0.5) !important;
  box-shadow: none !important;
}

and I even have a bookmarklet that does exactly that:

javascript:(()=>{var s= document.createElement('style');s.innerHTML='*:not(path):not(g) {color: hsla(210, 100%, 100%, 0.9) !important;background: hsla(210, 100%, 50%, 0.5) !important;outline: solid 0.25rem hsla(210, 100%, 100%, 0.5) !important;box-shadow: none !important;}';document.head.appendChild(s)})()

This could be a cool addition to the extension,
Thanks!!

[argyleink]

a concept of "plugins" which are essentially ondemand functions are coming! here's a teaser gif of a branch i have with a working and dynamic plugin model

then also, i tagged your feature in the search bar #98 that's holding onto all the "plugin" and "function" type of ideas that have been aggregating. give that a review and give feedback or thoughts if you have some!

[id0Sch]

sweet! plugins are the way to go!

[argyleink]

plugin code to make this happen