From the quicksettings GitHub page you can get the stylesheet_black.css (or whatever colour you want)
You can easily copy and paste this under under whatever is in the Stylesheet.css
Once you have your stylesheet set up and all of the necessary you can call the function
which according to the website “Causes QuickSettings to ignore its default styles and instead use whatever QuickSettings stylesheet is on the page. This must be called before creating any panel in order to have any effect.”
this allows us to access the stylesheet instead of the boring default theme.
Now, you can just call the
createGui(); function and it since quicksettings is referring to the stylesheet, when quicksettings is called in p5.gui it will have the custom styling.
If you edit the values of the style sheet, you can set custom colours with whatever values you want.
- there is probably a cleaner way to do this than copy and pasting all the files, but I haven’t tried it yet.
- I assume that you should be able to put colour colour profile in it’s own css file and then make quicksettings refer to that instead. (my method is faster but super messy)