apply dark theme to pdf viewer

pengx17 · Sep 28, 2023 · f0b29a8 · f0b29a8
1 parent 503d4c1
commit f0b29a8
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/custom.css b/custom.css
@@ -1272,3 +1272,28 @@ html[data-theme=white] {
 :root {
   --ls-block-bullet-threading-width: 2px;
 }
+
+/* PDF viewer */
+.extensions__pdf-settings-item.theme-picker>button.dark {
+    background-color: var(--ls-primary-background-color);
+}
+.extensions__pdf-container {
+  background-color: transparent;
+
+  &[data-theme=dark] {
+    background-color: #262E37; /* not sure how to do this without hardcoding */ 
+
+    .textLayer {
+      background-color: var(--ls-primary-background-color);
+      opacity: 1;
+      /* mix-blend-mode: multiply; */
+    }
+
+    .extensions__pdf-hls-text-region {
+      mix-blend-mode: normal;
+      opacity: .4;
+    }
+
+  }
+}
+