Fastest way to iterate-design a child theme from uncompiled assets

[AJ1234]

Hey.

 

I want to adjust the default classic theme's colors, sizes etc., within a child theme.

I see that the vars I'm after are here:

https://github.com/PrestaShop/classic-theme/blob/develop/_dev/css/partials/_variables.scss

 

So I gather that I have to recompile the theme every time so to live-preview my changes.

 

I'm frankly new to modern webdev. How do I try out my changes in as-close-to-real-time as possible? Is there any way that's faster than just scripting a recompilation, pushing the results to my store's theme directory, and then possibly purging the cache, etc.? That seems quite slow to me.

 

Edit: maybe there is a way to plug the classic theme with in-browser compilation of the SCSS, via JavaScript? So that changes are visible in the browser as soon as I type them in, say, the browser's debugger?

 

Thanks.

Edited November 16, 2022 by AJ1234 (see edit history)