From 37f01f299700bfe303de75f53c60ec3cc858da65 Mon Sep 17 00:00:00 2001 From: David Aerne Date: Tue, 15 Oct 2024 14:56:26 +0200 Subject: [PATCH] better demo --- dist/index.html | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/dist/index.html b/dist/index.html index 1f94338..6529cb5 100644 --- a/dist/index.html +++ b/dist/index.html @@ -24,6 +24,10 @@ font-size: 0.9rem; /*background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='8px' height='8px' viewBox='0 0 8 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 42 %2836781%29 - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3EArtboard 2%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg fill='%23eee'%3E%3Cpath d='M7.5,8 L8,8 L8,-3.55271368e-15 L7,-3.55271368e-15 L7,7 L1.77635684e-15,7 L1.77635684e-15,8 L7.5,8 Z' transform='translate%284.000000, 4.000000%29 rotate%28-180.000000%29 translate%28-4.000000, -4.000000%29 '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");*/ } + ::selection { + background: var(--color); + color: var(--color-contrast, #fff); + } h1, h2, h3 { @@ -381,6 +385,7 @@

About

} $body.style.setProperty("--color", value); + $body.style.setProperty("--color-contrast", cd.bestContrast); $result.innerHTML = `