img: un-invert on hover; set dark style for modals in night mode

3 files changed, 22 insertions, 2 deletions

diff --git a/css/themes.less b/css/themes.less
index 6d22910..1e72415 100644
--- a/css/themes.less
+++ b/css/themes.less
@@ -18,6 +18,26 @@
 
    img {
       filter: invert(1) contrast(0.73);
+      transition : filter linear 0.1s;
+   }
+
+   img:hover {
+      filter : none;
+   }
+
+   .modal-dialog {
+      .modal-content {
+         background : #222;
+         color : #ccc;
+
+         button.close {
+            color : #fff;
+         }
+      }
+
+      .modal-header, .modal-footer {
+         border-color : #444;
+      }
    }
 }
 
diff --git a/dist/app.min.css b/dist/app.min.css
index e64e6b3..ee4807b 100644
--- a/dist/app.min.css
+++ b/dist/app.min.css
@@ -1 +1 @@
-body.epube-index .caption div,body.epube-reader .footer .chapter_wrapper,body.epube-reader .header .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.epube-index .display-flex{display:flex;flex-wrap:wrap}body.epube-index .separate-search{padding:8px}body.epube-index .row>div{padding-top:10px}body.epube-index .row .thumbnail{height:200px;width:140px;margin-bottom:0}@media (max-width:641px){body.epube-index .row .col-xxs-6{width:50%}}body.epube-index .row .thumbnail img{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}body.epube-index .row .thumbnail.read img{opacity:.5;filter:grayscale(100%)}body.epube-index .epube-app-filler{height:60px;display:none}body.epube-index .in_progress{font-style:italic}body.epube-index ::selection{background:#007d71;color:#fff}body.epube-index ::-webkit-scrollbar{width:4px}body.epube-index ::-webkit-scrollbar-thumb{background-color:#007d71}body.epube-index ::-webkit-scrollbar-track{background-color:#eee}body.epube-reader .loading{position:absolute;color:#999;top:0;left:0;height:100%;width:100%;z-index:32;text-align:center;background:#fff;padding:16px;font-size:18px;display:table}body.epube-reader .loading>div{display:table-cell;vertical-align:middle}body.epube-reader .notice{width:120px;padding-left:5px}body.epube-reader .header{top:5px;left:0;width:100%;height:24px}body.epube-reader .footer{bottom:5px;left:0;width:100%;height:24px}body.epube-reader .footer,body.epube-reader .header{position:absolute;font-size:13px;display:flex;padding-left:10px;padding-right:10px;color:#999;align-items:center}body.epube-reader .header .title{margin-left:10px;flex-grow:2;text-align:center;font-weight:700}body.epube-reader .footer .chapter_wrapper{padding-right:10px;cursor:pointer}body.epube-reader .footer .spacer{flex-grow:2;position:relative;height:12px}body.epube-reader .footer .spacer .toc-bar-entry{position:absolute;background:#999;top:0;bottom:0;width:1px}body.epube-reader .footer .spacer .toc-bar-entry.current-position{background:#C33}body.epube-reader .footer .location{cursor:pointer;text-align:right}@media (max-width:539px){body.epube-reader .spacer>.toc-bar-entry{display:none}body.epube-reader .footer{width:100%}body.epube-reader .footer .chapter_wrapper,body.epube-reader .footer .location{min-width:30%;max-width:70%}}@media (min-width:540px){body.epube-reader .footer .chapter_wrapper,body.epube-reader .footer .location{min-width:25%;max-width:30%}}body.epube-reader .toolbar{text-align:right;display:flex;flex-direction:row}body.epube-reader .toolbar>*{cursor:pointer;margin:0 4px;padding:0 2px}body.epube-reader .toolbar>:last-child{margin-right:0}body.epube-reader #reader{position:absolute;top:32px;bottom:32px;left:32px;right:32px}body.epube-reader #left,body.epube-reader #right{position:absolute;top:48px;bottom:48px;width:0;z-index:10}body.epube-reader #left{left:0}body.epube-reader #right{right:0}@media (max-width:576px){body.epube-reader #reader{left:24px;right:24px}}body.epube-reader .chapter{cursor:pointer}body.epube-reader .dict_result,body.epube-reader .search_results,body.epube-reader .toc_list{max-height:300px;height:auto;overflow:auto}body.epube-reader .dict_result h1,body.epube-reader .dict_result h2,body.epube-reader .dict_result h3{font-size:14px;margin-top:0}body.epube-reader .dict_result h2{font-weight:700}body.epube-reader .search_results b.pull-right,body.epube-reader .toc_list b.pull-right{margin-right:8px;margin-left:16px}body.epube-reader .toc_sublist{margin-left:16px}body.epube-reader ::-webkit-scrollbar{width:4px}body.epube-reader ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}body.epube-reader ::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1)}body.is-epube-app.epube-reader .header .toolbar,body.is-epube-app.epube-reader .header a{display:none}.theme-night-common,.theme-night-common .loading,.theme-night-common html:-webkit-full-screen{background:#222;color:#d7cbc1}.theme-night-common a,.theme-night-common a:hover{color:#00bdaa}.theme-night-common .modal{color:#333}.theme-night-common .footer .spacer .toc-bar-entry.current-position{background:#8b0000}.theme-night-common img{filter:invert(1) contrast(.73)}@media (prefers-color-scheme:dark){body.theme-default,body.theme-default .loading,body.theme-default html:-webkit-full-screen{background:#222;color:#d7cbc1}body.theme-default a,body.theme-default a:hover{color:#00bdaa}body.theme-default .modal{color:#333}body.theme-default .footer .spacer .toc-bar-entry.current-position{background:#8b0000}body.theme-default img{filter:invert(1) contrast(.73)}}body.theme-gray,body.theme-gray .loading,body.theme-gray html:-webkit-full-screen{background:#eee;color:#424242}body.theme-gray .footer,body.theme-gray .header{color:#B85C57}body.theme-gray .footer .spacer .toc-bar-entry.current-position{background:#B85C57}body.theme-light .no-op{color:#fff}body.theme-mocca,body.theme-mocca .loading,body.theme-mocca html:-webkit-full-screen{background:#3B3228;color:#D0C8C6}body.theme-mocca a{color:#8AB3B5}body.theme-mocca a:hover{color:#7BBDA4}body.theme-mocca .footer,body.theme-mocca .header{color:#F4BC87}body.theme-mocca .footer .location{color:#BEB55B}body.theme-mocca .header button.btn{background:#BB9584;color:#534636;text-shadow:#534636 0 0;border-color:#534636}body.theme-mocca .footer .spacer .toc-bar-entry.current-position{background:#F4BC87}body.theme-night,body.theme-night .loading,body.theme-night html:-webkit-full-screen{background:#222;color:#d7cbc1}body.theme-night a,body.theme-night a:hover{color:#00bdaa}body.theme-night .modal{color:#333}body.theme-night .footer .spacer .toc-bar-entry.current-position{background:#8b0000}body.theme-night img{filter:invert(1) contrast(.73)}body.theme-plan9,body.theme-plan9 .loading,body.theme-plan9 html:-webkit-full-screen{background:#FFFFE8;color:#424242}body.theme-plan9 a{color:#22b9b2}body.theme-plan9 a:hover{color:#28d7cf}body.theme-plan9 .footer,body.theme-plan9 .header{color:#B85C57}body.theme-plan9 .footer .spacer .toc-bar-entry.current-position{background:#B85C57}body.theme-sepia,body.theme-sepia .loading,body.theme-sepia html:-webkit-full-screen{background:#FAEFDB;color:#4a422b}body.theme-sepia .footer,body.theme-sepia .header{color:#B85C57}body.theme-sepia .footer .spacer .toc-bar-entry.current-position{background:#B85C57}
\ No newline at end of file
+body.epube-index .caption div,body.epube-reader .footer .chapter_wrapper,body.epube-reader .header .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.epube-index .display-flex{display:flex;flex-wrap:wrap}body.epube-index .separate-search{padding:8px}body.epube-index .row>div{padding-top:10px}body.epube-index .row .thumbnail{height:200px;width:140px;margin-bottom:0}@media (max-width:641px){body.epube-index .row .col-xxs-6{width:50%}}body.epube-index .row .thumbnail img{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}body.epube-index .row .thumbnail.read img{opacity:.5;filter:grayscale(100%)}body.epube-index .epube-app-filler{height:60px;display:none}body.epube-index .in_progress{font-style:italic}body.epube-index ::selection{background:#007d71;color:#fff}body.epube-index ::-webkit-scrollbar{width:4px}body.epube-index ::-webkit-scrollbar-thumb{background-color:#007d71}body.epube-index ::-webkit-scrollbar-track{background-color:#eee}body.epube-reader .loading{position:absolute;color:#999;top:0;left:0;height:100%;width:100%;z-index:32;text-align:center;background:#fff;padding:16px;font-size:18px;display:table}body.epube-reader .loading>div{display:table-cell;vertical-align:middle}body.epube-reader .notice{width:120px;padding-left:5px}body.epube-reader .header{top:5px;left:0;width:100%;height:24px}body.epube-reader .footer{bottom:5px;left:0;width:100%;height:24px}body.epube-reader .footer,body.epube-reader .header{position:absolute;font-size:13px;display:flex;padding-left:10px;padding-right:10px;color:#999;align-items:center}body.epube-reader .header .title{margin-left:10px;flex-grow:2;text-align:center;font-weight:700}body.epube-reader .footer .chapter_wrapper{padding-right:10px;cursor:pointer}body.epube-reader .footer .spacer{flex-grow:2;position:relative;height:12px}body.epube-reader .footer .spacer .toc-bar-entry{position:absolute;background:#999;top:0;bottom:0;width:1px}body.epube-reader .footer .spacer .toc-bar-entry.current-position{background:#C33}body.epube-reader .footer .location{cursor:pointer;text-align:right}@media (max-width:539px){body.epube-reader .spacer>.toc-bar-entry{display:none}body.epube-reader .footer{width:100%}body.epube-reader .footer .chapter_wrapper,body.epube-reader .footer .location{min-width:30%;max-width:70%}}@media (min-width:540px){body.epube-reader .footer .chapter_wrapper,body.epube-reader .footer .location{min-width:25%;max-width:30%}}body.epube-reader .toolbar{text-align:right;display:flex;flex-direction:row}body.epube-reader .toolbar>*{cursor:pointer;margin:0 4px;padding:0 2px}body.epube-reader .toolbar>:last-child{margin-right:0}body.epube-reader #reader{position:absolute;top:32px;bottom:32px;left:32px;right:32px}body.epube-reader #left,body.epube-reader #right{position:absolute;top:48px;bottom:48px;width:0;z-index:10}body.epube-reader #left{left:0}body.epube-reader #right{right:0}@media (max-width:576px){body.epube-reader #reader{left:24px;right:24px}}body.epube-reader .chapter{cursor:pointer}body.epube-reader .dict_result,body.epube-reader .search_results,body.epube-reader .toc_list{max-height:300px;height:auto;overflow:auto}body.epube-reader .dict_result h1,body.epube-reader .dict_result h2,body.epube-reader .dict_result h3{font-size:14px;margin-top:0}body.epube-reader .dict_result h2{font-weight:700}body.epube-reader .search_results b.pull-right,body.epube-reader .toc_list b.pull-right{margin-right:8px;margin-left:16px}body.epube-reader .toc_sublist{margin-left:16px}body.epube-reader ::-webkit-scrollbar{width:4px}body.epube-reader ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}body.epube-reader ::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1)}body.is-epube-app.epube-reader .header .toolbar,body.is-epube-app.epube-reader .header a{display:none}.theme-night-common,.theme-night-common .loading,.theme-night-common html:-webkit-full-screen{background:#222;color:#d7cbc1}.theme-night-common a,.theme-night-common a:hover{color:#00bdaa}.theme-night-common .modal{color:#333}.theme-night-common .footer .spacer .toc-bar-entry.current-position{background:#8b0000}.theme-night-common img{filter:invert(1) contrast(.73);transition:filter linear .1s}.theme-night-common img:hover{filter:none}.theme-night-common .modal-dialog .modal-content{background:#222;color:#ccc}.theme-night-common .modal-dialog .modal-content button.close{color:#fff}.theme-night-common .modal-dialog .modal-footer,.theme-night-common .modal-dialog .modal-header{border-color:#444}@media (prefers-color-scheme:dark){body.theme-default,body.theme-default .loading,body.theme-default html:-webkit-full-screen{background:#222;color:#d7cbc1}body.theme-default a,body.theme-default a:hover{color:#00bdaa}body.theme-default .modal{color:#333}body.theme-default .footer .spacer .toc-bar-entry.current-position{background:#8b0000}body.theme-default img{filter:invert(1) contrast(.73);transition:filter linear .1s}body.theme-default img:hover{filter:none}body.theme-default .modal-dialog .modal-content{background:#222;color:#ccc}body.theme-default .modal-dialog .modal-content button.close{color:#fff}body.theme-default .modal-dialog .modal-footer,body.theme-default .modal-dialog .modal-header{border-color:#444}}body.theme-gray,body.theme-gray .loading,body.theme-gray html:-webkit-full-screen{background:#eee;color:#424242}body.theme-gray .footer,body.theme-gray .header{color:#B85C57}body.theme-gray .footer .spacer .toc-bar-entry.current-position{background:#B85C57}body.theme-light .no-op{color:#fff}body.theme-mocca,body.theme-mocca .loading,body.theme-mocca html:-webkit-full-screen{background:#3B3228;color:#D0C8C6}body.theme-mocca a{color:#8AB3B5}body.theme-mocca a:hover{color:#7BBDA4}body.theme-mocca .footer,body.theme-mocca .header{color:#F4BC87}body.theme-mocca .footer .location{color:#BEB55B}body.theme-mocca .header button.btn{background:#BB9584;color:#534636;text-shadow:#534636 0 0;border-color:#534636}body.theme-mocca .footer .spacer .toc-bar-entry.current-position{background:#F4BC87}body.theme-night,body.theme-night .loading,body.theme-night html:-webkit-full-screen{background:#222;color:#d7cbc1}body.theme-night a,body.theme-night a:hover{color:#00bdaa}body.theme-night .modal{color:#333}body.theme-night .footer .spacer .toc-bar-entry.current-position{background:#8b0000}body.theme-night img{filter:invert(1) contrast(.73);transition:filter linear .1s}body.theme-night img:hover{filter:none}body.theme-night .modal-dialog .modal-content{background:#222;color:#ccc}body.theme-night .modal-dialog .modal-content button.close{color:#fff}body.theme-night .modal-dialog .modal-footer,body.theme-night .modal-dialog .modal-header{border-color:#444}body.theme-plan9,body.theme-plan9 .loading,body.theme-plan9 html:-webkit-full-screen{background:#FFFFE8;color:#424242}body.theme-plan9 a{color:#22b9b2}body.theme-plan9 a:hover{color:#28d7cf}body.theme-plan9 .footer,body.theme-plan9 .header{color:#B85C57}body.theme-plan9 .footer .spacer .toc-bar-entry.current-position{background:#B85C57}body.theme-sepia,body.theme-sepia .loading,body.theme-sepia html:-webkit-full-screen{background:#FAEFDB;color:#4a422b}body.theme-sepia .footer,body.theme-sepia .header{color:#B85C57}body.theme-sepia .footer .spacer .toc-bar-entry.current-position{background:#B85C57}
\ No newline at end of file
diff --git a/dist/reader_iframe.min.css b/dist/reader_iframe.min.css
index 2cb2d02..9147408 100644
--- a/dist/reader_iframe.min.css
+++ b/dist/reader_iframe.min.css
@@ -1 +1 @@
-a:focus,a:hover,a:visited{text-decoration:underline}a{color:#007d71;text-decoration:none}a:focus,a:hover{color:#00302c}blockquote{font-style:italic}big,small{font-size:inherit}@font-face{font-family:Caecilia;src:local('PMN Caecilia 55'),url(/books/lib/fonts/pmn-caecilia-55.ttf) format('truetype');font-weight:400}@font-face{font-family:Caecilia;src:local('PMN Caecilia 75'),url(/books/lib/fonts/pmn-caecilia-75.ttf) format('truetype');font-weight:700}@font-face{font-family:Caecilia;src:local('PMN Caecilia 56'),url(/books/lib/fonts/pmn-caecilia-56.ttf) format('truetype');font-style:italic}.theme-night-common,.theme-night-common .loading,.theme-night-common html:-webkit-full-screen{background:#222;color:#d7cbc1}.theme-night-common a,.theme-night-common a:hover{color:#00bdaa}.theme-night-common .modal{color:#333}.theme-night-common .footer .spacer .toc-bar-entry.current-position{background:#8b0000}.theme-night-common img{filter:invert(1) contrast(.73)}@media (prefers-color-scheme:dark){body.theme-default,body.theme-default .loading,body.theme-default html:-webkit-full-screen{background:#222;color:#d7cbc1}body.theme-default a,body.theme-default a:hover{color:#00bdaa}body.theme-default .modal{color:#333}body.theme-default .footer .spacer .toc-bar-entry.current-position{background:#8b0000}body.theme-default img{filter:invert(1) contrast(.73)}}body.theme-gray,body.theme-gray .loading,body.theme-gray html:-webkit-full-screen{background:#eee;color:#424242}body.theme-gray .footer,body.theme-gray .header{color:#B85C57}body.theme-gray .footer .spacer .toc-bar-entry.current-position{background:#B85C57}body.theme-light .no-op{color:#fff}body.theme-mocca,body.theme-mocca .loading,body.theme-mocca html:-webkit-full-screen{background:#3B3228;color:#D0C8C6}body.theme-mocca a{color:#8AB3B5}body.theme-mocca a:hover{color:#7BBDA4}body.theme-mocca .footer,body.theme-mocca .header{color:#F4BC87}body.theme-mocca .footer .location{color:#BEB55B}body.theme-mocca .header button.btn{background:#BB9584;color:#534636;text-shadow:#534636 0 0;border-color:#534636}body.theme-mocca .footer .spacer .toc-bar-entry.current-position{background:#F4BC87}body.theme-night,body.theme-night .loading,body.theme-night html:-webkit-full-screen{background:#222;color:#d7cbc1}body.theme-night a,body.theme-night a:hover{color:#00bdaa}body.theme-night .modal{color:#333}body.theme-night .footer .spacer .toc-bar-entry.current-position{background:#8b0000}body.theme-night img{filter:invert(1) contrast(.73)}body.theme-plan9,body.theme-plan9 .loading,body.theme-plan9 html:-webkit-full-screen{background:#FFFFE8;color:#424242}body.theme-plan9 a{color:#22b9b2}body.theme-plan9 a:hover{color:#28d7cf}body.theme-plan9 .footer,body.theme-plan9 .header{color:#B85C57}body.theme-plan9 .footer .spacer .toc-bar-entry.current-position{background:#B85C57}body.theme-sepia,body.theme-sepia .loading,body.theme-sepia html:-webkit-full-screen{background:#FAEFDB;color:#4a422b}body.theme-sepia .footer,body.theme-sepia .header{color:#B85C57}body.theme-sepia .footer .spacer .toc-bar-entry.current-position{background:#B85C57}
\ No newline at end of file
+a:focus,a:hover,a:visited{text-decoration:underline}a{color:#007d71;text-decoration:none}a:focus,a:hover{color:#00302c}blockquote{font-style:italic}big,small{font-size:inherit}@font-face{font-family:Caecilia;src:local('PMN Caecilia 55'),url(/books/lib/fonts/pmn-caecilia-55.ttf) format('truetype');font-weight:400}@font-face{font-family:Caecilia;src:local('PMN Caecilia 75'),url(/books/lib/fonts/pmn-caecilia-75.ttf) format('truetype');font-weight:700}@font-face{font-family:Caecilia;src:local('PMN Caecilia 56'),url(/books/lib/fonts/pmn-caecilia-56.ttf) format('truetype');font-style:italic}.theme-night-common,.theme-night-common .loading,.theme-night-common html:-webkit-full-screen{background:#222;color:#d7cbc1}.theme-night-common a,.theme-night-common a:hover{color:#00bdaa}.theme-night-common .modal{color:#333}.theme-night-common .footer .spacer .toc-bar-entry.current-position{background:#8b0000}.theme-night-common img{filter:invert(1) contrast(.73);transition:filter linear .1s}.theme-night-common img:hover{filter:none}.theme-night-common .modal-dialog .modal-content{background:#222;color:#ccc}.theme-night-common .modal-dialog .modal-content button.close{color:#fff}.theme-night-common .modal-dialog .modal-footer,.theme-night-common .modal-dialog .modal-header{border-color:#444}@media (prefers-color-scheme:dark){body.theme-default,body.theme-default .loading,body.theme-default html:-webkit-full-screen{background:#222;color:#d7cbc1}body.theme-default a,body.theme-default a:hover{color:#00bdaa}body.theme-default .modal{color:#333}body.theme-default .footer .spacer .toc-bar-entry.current-position{background:#8b0000}body.theme-default img{filter:invert(1) contrast(.73);transition:filter linear .1s}body.theme-default img:hover{filter:none}body.theme-default .modal-dialog .modal-content{background:#222;color:#ccc}body.theme-default .modal-dialog .modal-content button.close{color:#fff}body.theme-default .modal-dialog .modal-footer,body.theme-default .modal-dialog .modal-header{border-color:#444}}body.theme-gray,body.theme-gray .loading,body.theme-gray html:-webkit-full-screen{background:#eee;color:#424242}body.theme-gray .footer,body.theme-gray .header{color:#B85C57}body.theme-gray .footer .spacer .toc-bar-entry.current-position{background:#B85C57}body.theme-light .no-op{color:#fff}body.theme-mocca,body.theme-mocca .loading,body.theme-mocca html:-webkit-full-screen{background:#3B3228;color:#D0C8C6}body.theme-mocca a{color:#8AB3B5}body.theme-mocca a:hover{color:#7BBDA4}body.theme-mocca .footer,body.theme-mocca .header{color:#F4BC87}body.theme-mocca .footer .location{color:#BEB55B}body.theme-mocca .header button.btn{background:#BB9584;color:#534636;text-shadow:#534636 0 0;border-color:#534636}body.theme-mocca .footer .spacer .toc-bar-entry.current-position{background:#F4BC87}body.theme-night,body.theme-night .loading,body.theme-night html:-webkit-full-screen{background:#222;color:#d7cbc1}body.theme-night a,body.theme-night a:hover{color:#00bdaa}body.theme-night .modal{color:#333}body.theme-night .footer .spacer .toc-bar-entry.current-position{background:#8b0000}body.theme-night img{filter:invert(1) contrast(.73);transition:filter linear .1s}body.theme-night img:hover{filter:none}body.theme-night .modal-dialog .modal-content{background:#222;color:#ccc}body.theme-night .modal-dialog .modal-content button.close{color:#fff}body.theme-night .modal-dialog .modal-footer,body.theme-night .modal-dialog .modal-header{border-color:#444}body.theme-plan9,body.theme-plan9 .loading,body.theme-plan9 html:-webkit-full-screen{background:#FFFFE8;color:#424242}body.theme-plan9 a{color:#22b9b2}body.theme-plan9 a:hover{color:#28d7cf}body.theme-plan9 .footer,body.theme-plan9 .header{color:#B85C57}body.theme-plan9 .footer .spacer .toc-bar-entry.current-position{background:#B85C57}body.theme-sepia,body.theme-sepia .loading,body.theme-sepia html:-webkit-full-screen{background:#FAEFDB;color:#4a422b}body.theme-sepia .footer,body.theme-sepia .header{color:#B85C57}body.theme-sepia .footer .spacer .toc-bar-entry.current-position{background:#B85C57}
\ No newline at end of file