style/pdf viewer: improve appearance

apps/client/src/stylesheets/theme-next/base.css

@@ -17,7 +17,7 @@
  */
 
 :root {
-    color-scheme: light dark;
+    color-scheme: var(--theme-style);
 
     --main-font-family: "Inter", sans-serif;
 

apps/client/src/widgets/type_widgets/file/Pdf.tsx

@@ -13,7 +13,8 @@ const VARIABLE_WHITELIST = new Set([
     "root-background",
     "main-background-color",
     "main-border-color",
-    "main-text-color"
+    "main-text-color",
+    "theme-style"
 ]);
 
 export default function PdfPreview({ note, blob, componentId, noteContext }: {

packages/pdfjs-viewer/src/custom.css

@@ -1,17 +1,26 @@
 :root {
-    color-scheme: light dark;
-    
+    color-scheme: var(--tn-theme-style);
+
     --body-bg-color: transparent;
     --toolbar-bg-color: transparent;
     --main-color: var(--tn-main-text-color);
     --toolbar-border-color: var(--tn-main-border-color);
     --toolbar-icon-opacity: 1;
+
+    --page-margin: 12px auto;
+    --spreadHorizontalWrapped-margin-LR: 4px;
 }
 
 .pdfViewer {
-    .page .canvasWrapper {
+    .page,
+    .page > .canvasWrapper,
+    .page > .canvasWrapper > canvas {
+        border-radius: 6px;
+    }
+
+    .page {
         border: 1px solid var(--tn-main-border-color);
-        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+        box-shadow: 7px 7px 15px #00000010;
     }
 }