From b80228e35d9c07c4c4e6b2b49aa556c204f986e3 Mon Sep 17 00:00:00 2001
From: Rasmus Andersson <rasmus@notion.se>
Date: Wed, 31 Mar 2021 14:34:11 -0700
Subject: web: lab: adds draw-sample-background option

---
 docs/lab/index.html | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

(limited to 'docs/lab/index.html')

diff --git a/docs/lab/index.html b/docs/lab/index.html
index 8a9ad5c7d..f98b9d531 100644
--- a/docs/lab/index.html
+++ b/docs/lab/index.html
@@ -49,6 +49,10 @@ if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
           <b>☀</b>
           <input type="checkbox" name="invert-colors">
         </label>
+        <label title="Draw background behind samples">
+          <b>■</b>
+          <input type="checkbox" name="draw-sample-bg">
+        </label>
       </div>
 
       <label class="label-and-value">
@@ -1095,12 +1099,15 @@ function main() {
   }, {passive:false,capture:true})
 
   vars.bind("invert-colors", (e, on) => {
-    if (defaultColorSceme == "dark") {
+    if (defaultColorSceme == "dark")
       on = !on
-    }
     document.documentElement.classList.toggle('color-scheme-dark', on)
   })
 
+  vars.bind("draw-sample-bg", (e, on) => {
+    document.documentElement.classList.toggle('draw-sample-background', on)
+  })
+
   let spaaSelect = vars.bind('antialias', (e, v) => {
     switch (v) {
       case 'subpixel': {
-- 
cgit v1.2.3