ZPicker

A color picker in progress (see src/lib/FullPicker.svelte), created to learn Svelte as well as in preparation for making a remake of an old "helper script" for Doodle or Die, by haicat (which provides an RGB/HSV color picker, an extended palette and, currently broken, a line tool).

The picker is styled almost purely in CSS (some of it generated by script), the only exception being an SVG (designed to work no matter the background, using whites and blacks at 25% opacity) supplying the alpha slider checkerboard. This is the reason why index.html and its corresponding devarea.css stylesheet are based on Doodle or Die's game area subpage.

How to use in development

You can use NPM or any NPM-compatible package manager, though the one I use is Deno's own. Install the dependencies, then use deno task dev or equivalent to launch Vite and deno task build to build App.svelte - at present this behaves like a default Vite+Svelte deployment, but it will be converted into a GreaseMonkey userscript to be mounted into Doodle or Die later.