From 53d62a4ec7c53d8e1a947dd4600d977e94cfee8d Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Fri, 3 Mar 2017 17:30:36 +0300 Subject: night mode should apply to loading splash --- css/read.css | 9 +++++++++ js/read.js | 4 ++-- read.html | 2 +- 3 files changed, 12 insertions(+), 3 deletions(-) diff --git a/css/read.css b/css/read.css index 66806ef..fd9f076 100644 --- a/css/read.css +++ b/css/read.css @@ -1,3 +1,11 @@ +body.night { + background : black; + color : #999; +} + +body.night .loading { + background : black; +} .loading { position : absolute; color : #999; @@ -92,3 +100,4 @@ height : auto; overflow : auto; } + diff --git a/js/read.js b/js/read.js index e87b0f8..0e1da94 100644 --- a/js/read.js +++ b/js/read.js @@ -164,14 +164,14 @@ function apply_night_mode() { window.book.setStyle("background", "black"); window.book.setStyle("color", "#ccc"); - $("body").css("background", "black"); + $("body").addClass("night"); } else { window.book.setStyle("background", "white"); window.book.setStyle("color", "black"); - $("body").css("background", "white"); + $("body").removeClass("night"); } }); } diff --git a/read.html b/read.html index 3f76139..c1c45e4 100644 --- a/read.html +++ b/read.html @@ -228,6 +228,7 @@ } $(document).ready(function() { + apply_night_mode(); $(window).on('online', function() { console.log("we're online, storing lastread"); @@ -376,7 +377,6 @@ //styles: { fontSize: '24px', lineHeight: '130%', fontFamily: 'Georgia' } window.book = book; - apply_night_mode(); var rendered = book.renderTo("reader"); -- cgit v1.2.3