Fix styling issues in book readers

src/plugins/comicsPlayer/style.scss

@@ -28,7 +28,15 @@
         text-shadow: 0 0 20px #fff;
     }
 
-    .actionButtons > button:hover {
-        background: #fff;
+    .actionButtons {
+        right: 0.5vh;
+        top: 0.5vh;
+        z-index: 1002;
+        position: absolute;
+    }
+
+    .actionButtonIcon {
+        color: #000;
+        opacity: 0.7;
     }
 }

src/plugins/pdfPlayer/style.scss

@@ -4,22 +4,22 @@
     width: 100%;
     overflow: none;
     z-index: 100;
-    background: #000;
-}
+    background: #fff;
 
-#canvas {
-    display: block;
-    margin: auto;
-}
+    #canvas {
+        display: block;
+        margin: auto;
+    }
 
-.actionButtons {
-    right: 0.5vh;
-    top: 0.5vh;
-    z-index: 1002;
-    position: absolute;
-}
+    .actionButtons {
+        right: 0.5vh;
+        top: 0.5vh;
+        z-index: 1002;
+        position: absolute;
+    }
 
-.actionButtonIcon {
-    color: black;
-    opacity: 0.7;
+    .actionButtonIcon {
+        color: #000;
+        opacity: 0.7;
+    }
 }

src/themes/dark/theme.css

@@ -483,7 +483,8 @@ html {
 }
 
 #comicsPlayer,
-#bookPlayer {
+#bookPlayer,
+#pdfPlayer {
     background: #101010;
 }
 
@@ -496,14 +497,11 @@ html {
     color: #fff;
 }
 
-.actionButtonIcon {
+#comicsPlayer .actionButtonIcon,
+#pdfPlayer .actionButtonIcon {
     color: #fff;
 }
 
-.actionButtons > button:hover {
-    background: #101010 !important;
-}
-
 #dialogToc {
     background-color: #101010;
 }
@@ -516,11 +514,11 @@ html {
     color: #00a4dc;
 }
 
-.toc li a:link {
+#dialogToc .toc li a:link {
     color: #ccc;
 }
 
-.toc li a:active,
-.toc li a:hover {
+#dialogToc .toc li a:active,
+#dialogToc .toc li a:hover {
     color: #00a4dc;
 }