Darkmode support

2 files changed, 10 insertions, 1 deletions

diff --git a/stylesheets/styles.css b/stylesheets/styles.css
index 30069b8f..6ad6532d 100755
--- a/stylesheets/styles.css
+++ b/stylesheets/styles.css
@@ -1,3 +1,6 @@
+:root {
+  color-scheme: light dark;
+}
 @import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,900italic,300,700,900);body{padding:50px;font:14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;color:#222;font-weight:300;}
 h1, h2, h3, h4, h5, h6{color:#222;margin:0 0 20px;}
 p, ul, ol, table, pre, dl{margin:0 0 20px;}
@@ -63,3 +66,9 @@ header ul{display:none;}
 .app{width:48px;height:48px;display:block;background-size:contain;font-size:0;}
 .windows{background-image:url(../images/windows.png);}
 .macos{background-image:url(../images/logo.png);}
+@media (prefers-color-scheme: dark) {
+   body,strong{color:#ddd}
+   h1,h2,code{color:#ccc;}
+   h3,h4,h5,h6{color:#bbb;}
+   pre code{color:#222}
+}
diff --git a/sw.js b/sw.js
index f83e0706..f1c38673 100644
--- a/sw.js
+++ b/sw.js
@@ -1,4 +1,4 @@
-const cacheName = 'qtpass::v1.4.0-3::static';
+const cacheName = 'qtpass::v1.4.0-5::static';
 
 self.addEventListener('install', e => {
   e.waitUntil(