The ElianCodes Background as a CSS Houdini Paint Worklet
npm i eliancodes-bg
https://unpkg.com/eliancodes-bg@0.0.1/index.js
--color-for-bg
takes in a color and uses it to render the background
<html class="bg">
<body>
<style>
.bg {
--color-for-bg: lightgreen;
background-image: Paint(eliancodes-bg);
}
</style>
<script>
CSS.paintWorklet.addModule('https://unpkg.com/eliancodes-bg@0.0.1/index.js')
</script>
</body>
</html>