diff --git a/reader/img/invert.png b/reader/img/invert.png
new file mode 100644
index 0000000..e9656fd
Binary files /dev/null and b/reader/img/invert.png differ
diff --git a/reader/js/reader.js b/reader/js/reader.js
index a06197f..b6e81d1 100644
--- a/reader/js/reader.js
+++ b/reader/js/reader.js
@@ -172,6 +172,10 @@ document.getElementById("fitButton").addEventListener("click", function (e) {
     loadPage();
 });
 
+document.getElementById("invertButton").addEventListener("click", function (e) {
+    invertPage();
+});
+
 document.getElementById("titlebarContainer").addEventListener("mouseenter", function () {
     document.getElementById("titlebar").style.visibility = "visible";
 });
diff --git a/reader/reader.html b/reader/reader.html
index f86600f..2040bd4 100644
--- a/reader/reader.html
+++ b/reader/reader.html
@@ -26,6 +26,9 @@
             <button class="titlebarButton" id="fitButton">
                 <img class="titlebarIcon" id="fitIcon" src="img/height.png"/>
             </button>
+            <button class="titlebarButton" id="invertButton">
+                <img class="titlebarIcon" id="invertIcon" src="img/invert.png"/>
+            </button>
         </div>
         </div>