gulp stuff: themes

3 files changed, 130 insertions, 0 deletions

diff --git a/css/app.less b/css/app.less
index f27291a..5e6cc4c 100644
--- a/css/app.less
+++ b/css/app.less
@@ -280,3 +280,5 @@ body.is-epube-app.epube-reader {
       display : none;
    }
 }
+
+@import "themes.less";
\ No newline at end of file
diff --git a/css/reader_iframe.css b/css/reader_iframe.less
index 1b222ea..35b14bf 100644
--- a/css/reader_iframe.css
+++ b/css/reader_iframe.less
@@ -42,3 +42,5 @@ blockquote {
 	src: local('PMN Caecilia 56'), url('/books/lib/fonts/pmn-caecilia-56.ttf') format('truetype');
 	font-style : italic;
 }
+
+@import "themes.less";
\ No newline at end of file
diff --git a/css/themes.less b/css/themes.less
new file mode 100644
index 0000000..09f11a5
--- /dev/null
+++ b/css/themes.less
@@ -0,0 +1,126 @@
+body.theme-default {
+   @media (prefers-color-scheme: dark) {
+      &, .loading, html:-webkit-full-screen {
+         background : #222;
+         color : #ccc;
+      }
+
+      .modal {
+         color : #333;
+      }
+   }
+}
+
+body.theme-gray {
+   &, .loading, html:-webkit-full-screen {
+      background : #eeeeee;
+      color : #424242;
+   }
+
+   .header,
+   .footer {
+      color : #B85C57;
+   }
+
+   .footer .spacer .toc-bar-entry.current-position {
+      background : #B85C57;
+   }
+}
+
+body.theme-light {
+   .no-op { color : white; }
+}
+
+body.theme-mocca {
+   &, .loading, html:-webkit-full-screen {
+      background : #3B3228;
+      color : #D0C8C6;
+   }
+
+   a {
+      color : #8AB3B5;
+   }
+
+   a:hover {
+      color : #7BBDA4;
+   }
+
+   .header,
+   .footer {
+      color : #F4BC87;
+   }
+
+   .footer .location {
+      color : #BEB55B;
+   }
+
+   .header button.btn {
+      background : #BB9584;
+      color : #534636;
+      text-shadow : #534636 0px 0px;
+      border-color : #534636;
+   }
+
+   .footer .spacer .toc-bar-entry.current-position {
+      background : #F4BC87;
+   }
+}
+
+body.theme-night {
+   &, .loading, html:-webkit-full-screen {
+      background : #222;
+      color : #ccc;
+   }
+
+   a, a:hover {
+      color : #00bdaa;
+   }
+
+   .modal {
+      color : #333;
+   }
+
+   .footer .spacer .toc-bar-entry.current-position {
+      background : darkred;
+   }
+}
+
+body.theme-plan9 {
+   &, .loading, html:-webkit-full-screen {
+      background : #FFFFE8;
+      color : #424242;
+   }
+
+   a {
+      color : #22b9b2;
+   }
+
+   a:hover {
+      color : #28d7cf;
+   }
+
+   .header,
+   .footer {
+      color : #B85C57;
+   }
+
+   .footer .spacer .toc-bar-entry.current-position {
+      background : #B85C57;
+   }
+}
+
+body.theme-sepia {
+   &, .loading, html:-webkit-full-screen {
+      background : #FAEFDB;
+      color : #4a422b;
+   }
+
+   .header,
+   .footer {
+      color : #B85C57;
+   }
+
+   .footer .spacer .toc-bar-entry.current-position {
+      background : #B85C57;
+   }
+}
\ No newline at end of file