From 74acd8ceed9e06fb74bc26ba29012ec5f3c8db64 Mon Sep 17 00:00:00 2001 From: Chris Lilley Date: Mon, 26 Aug 2024 18:56:55 +0300 Subject: [PATCH] [spaces/rec2100-hlg][editorial] Remove comment to closed issue #190 --- apps/blackwhite/style.css | 72 +++++++++++++++++++++++++++++++++++++++ src/spaces/rec2100-hlg.js | 1 - 2 files changed, 72 insertions(+), 1 deletion(-) create mode 100644 apps/blackwhite/style.css diff --git a/apps/blackwhite/style.css b/apps/blackwhite/style.css new file mode 100644 index 000000000..278158b29 --- /dev/null +++ b/apps/blackwhite/style.css @@ -0,0 +1,72 @@ +body { + font: 100%/1.5 system-ui, sans-serif; + margin: 0; +} + +fieldset { + display: flex; + flex-wrap: wrap; + gap: 2em; + border: 1px solid hsl(220 10% 90%); + border-radius: .2em; +} + +h1 { + padding: 2rem; + margin: 0; + background: hsl(180 50% 50%); + color: hsl(0 0% 20% / .5); + letter-spacing: -.03em; + font-size: 300%; +} + +h1 .black { + color: black; + } + +h1 .white { + color: white; + } + +main { + padding: 1em; +} + +#colors { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(5ch, 1fr)); + gap: .3em; + margin-top: 1em; + +} + +#colors > div { + padding: .3em .5em; + border-radius: 1px; +} + +[data-order="l"] :is(#colors > div) { + order: var(--l); + } + +[data-order="c"] :is(#colors > div) { + order: var(--c); + } + +[data-order="h"] :is(#colors > div) { + order: var(--h); + } + +.show-changes .changed { + outline: 2px dashed orange; + outline-offset: 1px; + box-shadow: 0 0 0 4px hsl(0 0% 40%); +} + +#previous_algo:empty::before { + content: "previous"; +} + +#current_algo:empty::before { + content: "current algorithm"; +} diff --git a/src/spaces/rec2100-hlg.js b/src/spaces/rec2100-hlg.js index 899016ea3..52ec9c1a1 100644 --- a/src/spaces/rec2100-hlg.js +++ b/src/spaces/rec2100-hlg.js @@ -2,7 +2,6 @@ import RGBColorSpace from "../RGBColorSpace.js"; import REC2020Linear from "./rec2020-linear.js"; import {spow} from "../util.js"; -// FIXME see https://github.com/LeaVerou/color.js/issues/190 const a = 0.17883277; const b = 0.28466892; // 1 - (4 * a)