13hannes11/hugo-coder-timeline
1
0
Fork 0
mirror of https://github.com/13hannes11/hugo-coder-timeline.git synced 2024-09-04 00:50:58 +02:00
Code Issues Projects Releases Wiki Activity

Set color-scheme property of :root element (#632)

Browse Source 
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
This commit is contained in:
Alphonse Mariya
2021-12-26 19:22:40 +01:00
committed by GitHub
parent d14dd837ec
commit a4fb372e6b
1 changed files with 1 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
assets/js/coder.js
View File

@@ -33,6 +33,7 @@ function setTheme(theme) {
let inverse = theme === 'dark' ? 'light' : 'dark'; let inverse = theme === 'dark' ? 'light' : 'dark';
body.classList.remove('colorscheme-' + inverse); body.classList.remove('colorscheme-' + inverse);
body.classList.add('colorscheme-' + theme); body.classList.add('colorscheme-' + theme);
document.documentElement.style['color-scheme'] = theme;
} }
function rememberTheme(theme) { function rememberTheme(theme) {