diff options
author | Alphonse Mariya <alphonse.mariya@hotmail.com> | 2021-12-26 21:22:40 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-12-26 21:22:40 +0300 |
commit | a4fb372e6be35acdb28acf609f5a5807deae7946 (patch) | |
tree | f83201ed6d475f4110f73db1083cce4a52f9e5de | |
parent | d14dd837ec4077073ac3372cd77673c7d672d871 (diff) |
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
-rw-r--r-- | assets/js/coder.js | 1 |
1 files changed, 1 insertions, 0 deletions
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) { |