default.css: auto switch night/day modes

4 files changed, 9 insertions, 2 deletions

diff --git a/js/read.js b/js/read.js
index 58605ec..86a630f 100644
--- a/js/read.js
+++ b/js/read.js
@@ -23,7 +23,7 @@ function init_loader() {
 	const res_names = [ "lib/bootstrap/v3/js/jquery.js", "lib/jquery.mobile-events.min.js",
 		"css/transitions.css",
 		"js/reader.js", "css/reader.css", "js/dict.js",
-		"themes/default.css", "themes/mocca.css", "themes/night.css",
+		"themes/default.css", "themes/light.css", "themes/mocca.css", "themes/night.css",
 		"themes/plan9.css", "themes/gray.css", "themes/sepia.css" ];
 
 	for (let i = 0; i < res_names.length; i++) {
diff --git a/read.html b/read.html
index f218dd4..4244d09 100644
--- a/read.html
+++ b/read.html
@@ -66,6 +66,7 @@
 					<div class="col-sm-9">
 						<select class="theme_name form-control" onchange="change_theme(this)">
 							<option value="default">Default</option>
+						 	<option value="light">Light</option>
 						 	<option value="gray">Gray</option>
 							<option value="mocca">Mocca</option>
 						 	<option value="night">Night</option>
diff --git a/themes/default.css b/themes/default.css
index 545eb34..99d602e 100644
--- a/themes/default.css
+++ b/themes/default.css
@@ -1 +1,6 @@
-/* placeholder */
+@media (prefers-color-scheme: dark) {
+	body, .loading, html:-webkit-full-screen {
+		background : black;
+		color : #ccc;
+	}
+}
diff --git a/worker.js b/worker.js
index 5ba79ab..9e87d33 100644
--- a/worker.js
+++ b/worker.js
@@ -18,6 +18,7 @@ const CACHE_URLS = [
 			'css/transitions.css',
 			'offline.html',
 			'themes/default.css',
+			'themes/light.css',
 			'themes/mocca.css',
 			'themes/night.css',
 			'themes/plan9.css',