Cool, I've applied the same color-coding principle (even if with a different schema color) to a guitar scale finder I've developed:
https://www.fachords.com/tools/scale-finder/
That's cool! I've built something similar some months ago, in Vue.js - If you double click on the pads you'll get a stronger beat, useful for accent.
Please check it out: https://www.fachords.com/drum-machine-tool