From a4fb372e6be35acdb28acf609f5a5807deae7946 Mon Sep 17 00:00:00 2001
From: Alphonse Mariya <alphonse.mariya@hotmail.com>
Date: Sun, 26 Dec 2021 19:22:40 +0100
Subject: Set color-scheme property of :root element (#632)

By setting the color-scheme property of the :root element we get
matching (dark or light) scrollbars and form controls.

see: https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
---
 assets/js/coder.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/assets/js/coder.js b/assets/js/coder.js
index d52db11..6daa1ef 100644
--- a/assets/js/coder.js
+++ b/assets/js/coder.js
@@ -33,6 +33,7 @@ function setTheme(theme) {
     let inverse = theme === 'dark' ? 'light' : 'dark';
     body.classList.remove('colorscheme-' + inverse);
     body.classList.add('colorscheme-' + theme);
+    document.documentElement.style['color-scheme'] = theme;
 }
 
 function rememberTheme(theme) {
-- 
cgit v1.2.3