From b02b7fbf59e124a0ae5b22493d9f8528c854660a Mon Sep 17 00:00:00 2001 From: rugk Date: Thu, 16 May 2019 09:22:01 +0200 Subject: [PATCH] Add auto detection for dark browser/system mode via "prefers-color-scheme". Fixes https://github.com/idank/explainshell/issues/236 --- explainshell/web/static/js/es.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/explainshell/web/static/js/es.js b/explainshell/web/static/js/es.js index 40760c7d..8965f2df 100644 --- a/explainshell/web/static/js/es.js +++ b/explainshell/web/static/js/es.js @@ -1081,7 +1081,10 @@ function draw() { // Theme-related stuff $(document).ready(function() { - var selectedTheme = localStorage.getItem('theme') || 'default'; + // use theme from local storage or auto-detect otherwise + var selectedTheme = localStorage.getItem('theme') + || (window.matchMedia("(prefers-color-scheme: dark)").matches ? 'dark' : 'default') + || 'default'; function setTheme(theme) { console.log('setting theme to', theme);