Address feedback

This commit is contained in:
Leonard Hecker
2024-08-28 19:44:12 +02:00
parent 2beecdca1f
commit 88422ffa25

View File

@@ -60,19 +60,28 @@
// * Reduce the value of green until it's <= 0.8, to take its edge off.
// * Reduce the saturation of green and red until their chroma matches blue.
"Prototype Bright": (() => {
bright_red = new Color(`color(--okhsl ${Color.to("#f00", "okhsl").h} 100% 60.15%)`);
bright_green = new Color(`color(--okhsl ${Color.to("#0f0", "okhsl").h} 92.5% 80%)`);
bright_blue = new Color(`color(--okhsl ${Color.to("#00f", "okhsl").h} 100% 51.2%)`);
mixOpts = {space: "oklab", outputSpace: "okhsl"};
const bright_yellow = new Color(`color(--okhsl ${bright_red.mix(bright_green, 0.5, mixOpts).h} 100% 86%)`);
const bright_purple = new Color(`color(--okhsl ${bright_green.mix(bright_blue, 0.5, mixOpts).h} 100% 80%)`);
const bright_cyan = new Color(`color(--okhsl ${bright_blue.mix(bright_red, 0.5, mixOpts).h} 100% 73%)`);
const bright = [
new Color("oklch(60% 0 0)"), // Bright Black
new Color("color(--okhsl 29.23388 100% 61%)"), // Bright Red
new Color("color(--okhsl 142.49535 94% 86%)"), // Bright Green
new Color("color(--okhsl 91.69289 100% 86%)"), // Bright Yellow
new Color("color(--okhsl 264.05202 100% 53%)"), // Bright Blue
new Color("color(--okhsl 316.01888 100% 67%)"), // Bright Purple
new Color("color(--okhsl 206.36809 100% 86%)"), // Bright Cyan
bright_red,
bright_green,
bright_yellow,
bright_blue,
bright_cyan,
bright_purple,
new Color("oklch(100% 0 0)"), // Bright White
];
const dark = [
new Color("oklch(0% 0 0)"), // Black
...bright.slice(1, 8).map(c => c.mix("#000", 0.15, {space: "oklab"})),
...bright.slice(1, 8).map(c => c.mix("#000", 0.2, {space: "oklab"})),
];
return dark.concat(...bright).map(c => c.to("sRGB", {method: "clip"}).toString({
format: "hex",