Micro.blog plug-ins can have a settings screen to change config parameters. I’ve added a new field type “color” that I’m hoping will be useful to customize the design of more themes. Modern web browsers provide a color picker for these. (Example config for this screenshot.)

@manton I was just thinking about editing some color schemes. Thank you for this.

@ericgregorich We should write a tutorial for this... Because the CSS files aren't usually dynamic, a custom style block in a template is actually a good way to go. I did this in the Alpine theme. You can see it in alpine.html (which is included as a partial from head.html). There may be better ways, but it works!

@ericgregorich Just like @manton, I've used custom style blocks in some of my plug-ins. It's fast and easy, but if you have a lot of CSS, you might want to break it out to separate files. Hugo has a robust assets pipeline, so you can: have dynamic (template-based) CSS files, bundle multiple CSS files into one, process SASS and SCSS, run minification, and more.

There's a minimal example on the page Creating a resource from a template.

@sod @manton Thanks! I’ll probably work on that this week and I’ll share my notes for others.

@ericgregorich @sod Excellent, that would be great for everyone to learn from it!

@ericgregorich @sod @manton Would you also consider writing it up on @custom ? See: How to help : custom.micro.blog/how-to-he...

@Miraz Absolutely.

@ericgregorich 👍