From a69e43922a19f1c21f375ee5d659aa27386b8bd6 Mon Sep 17 00:00:00 2001
From: leram84 <leram84@gmail.com>
Date: Fri, 18 Jan 2019 16:43:36 -0500
Subject: [PATCH] Create dark-reader.css

---
 cps/static/css/dark-reader.css | 42 ++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 cps/static/css/dark-reader.css

diff --git a/cps/static/css/dark-reader.css b/cps/static/css/dark-reader.css
new file mode 100644
index 00000000..9bb8c85e
--- /dev/null
+++ b/cps/static/css/dark-reader.css
@@ -0,0 +1,42 @@
+:root {
+    --color-background: #474747;
+    --color-title: #fff;
+    --color-active: #ccc;
+    --color-hover: #999;
+    --color-button: #666;
+    --color-divider: #fff;
+    --color-shadow: hsla(0,0%,100%,.45);
+    --color-text: #eee;
+}
+#main {
+    background: var(--color-background);
+}
+#titlebar {
+    color: var(--color-title);
+}
+#titlebar a:hover {
+    border: 1px var(--color-hover) solid;
+}
+#titlebar a:active {
+    color: var(--color-active);
+    -moz-box-shadow: inset 0 0 6px var(--color-divider);
+    -webkit-box-shadow: inset 0 0 6px var(--color-divider);
+    -ms-box-shadow: inset 0 0 6px var(--color-divider);
+    box-shadow: inset 0 0 6px var(--color-divider);
+}
+#divider {
+    border-right: 1px var(--color-divider) solid;
+    box-shadow: -2px 0 15px var(--color-shadow);
+}
+.arrow {
+    color: var(--color-button);
+}
+.arrow:hover {
+    color: var(--color-hover);
+}
+.arrow:active {
+    color: var(--color-active);
+}
+[class^="calibre"] {
+  color: var(--color-text)
+}