From e32419676d1eedae7df5f5445292797fd70b1af8 Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Thu, 20 Feb 2025 16:55:08 +0200
Subject: [PATCH 1/2] Remove shadow image and update PDF styles for improved
 rendering

---
 assets/css/pdf.css               |   6 ++++--
 assets/images/shadow.png         | Bin 269 -> 0 bytes
 config/webpack/webpack.common.ts |   1 -
 3 files changed, 4 insertions(+), 3 deletions(-)
 delete mode 100644 assets/images/shadow.png

diff --git a/assets/css/pdf.css b/assets/css/pdf.css
index 26c80a5baf27..2f2484af5e1c 100644
--- a/assets/css/pdf.css
+++ b/assets/css/pdf.css
@@ -8,8 +8,7 @@
     overflow: visible;
     border: 9px solid transparent;
     background-clip: content-box;
-    border-image: url(../images/shadow.png) 9 9 repeat;
-    background-color: rgba(255, 255, 255, 1);
+    background-color: transparent !important;
 }
 
 .react-pdf__Page__annotations {
@@ -24,3 +23,6 @@
 .react-pdf__Page__textContent span{
     color: transparent;
 }
+.react-pdf__Page__canvas {
+    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2);
+}
diff --git a/assets/images/shadow.png b/assets/images/shadow.png
deleted file mode 100644
index a00061ac7e12e1f24f955351c732f5884ed94e6d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 269
zcmV+o0rLKdP)<h;3K|Lk000e1NJLTq000vJ000vR1^@s6a!@wR0002gNkl<ZIE}TG
zTMmRE3`NUhMYI16%^nmc8fq@bV&-F}Nh1_F_7<xB($WJf;dxje{<wjbzkuDqHGn%P
z1;8%eB({V(FppTqriSsgrm&2xGUWQEB#;TNFol%i3hx3ljL-FgS}DlAjwcVRb6f>x
zC_KTGmJz#(`(y{`706aQ=LO(|>*4a=X10w?b}71h;{m9Cm$8qS0|@D>d&U>M9!+E^
zw6OzJCT~46CFGV_vDkR*QP%3AOv>`usy8Q@(O+ZL<ouw{moToeeWr{0A2YKLlQ3LL
To)Fjk00000NkvXXu0mjfmEUzy

diff --git a/config/webpack/webpack.common.ts b/config/webpack/webpack.common.ts
index 8ad26ac31e01..c58ee143fc14 100644
--- a/config/webpack/webpack.common.ts
+++ b/config/webpack/webpack.common.ts
@@ -121,7 +121,6 @@ const getCommonConfiguration = ({file = '.env', platform = 'web'}: Environment):
                 {from: 'assets/sounds', to: 'sounds'},
                 {from: 'node_modules/react-pdf/dist/esm/Page/AnnotationLayer.css', to: 'css/AnnotationLayer.css'},
                 {from: 'node_modules/react-pdf/dist/esm/Page/TextLayer.css', to: 'css/TextLayer.css'},
-                {from: 'assets/images/shadow.png', to: 'images/shadow.png'},
                 {from: '.well-known/apple-app-site-association', to: '.well-known/apple-app-site-association', toType: 'file'},
                 {from: '.well-known/assetlinks.json', to: '.well-known/assetlinks.json'},
 

From 9f52e8067cd807b10585643e58b0ead5ae35229e Mon Sep 17 00:00:00 2001
From: Mykhailo Kravchenko <rezkiy37@gmail.com>
Date: Wed, 26 Feb 2025 11:45:06 +0100
Subject: [PATCH 2/2] Update PDF canvas box-shadow and add dark mode support

---
 assets/css/pdf.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/assets/css/pdf.css b/assets/css/pdf.css
index 2f2484af5e1c..1d8c686efd76 100644
--- a/assets/css/pdf.css
+++ b/assets/css/pdf.css
@@ -24,5 +24,11 @@
     color: transparent;
 }
 .react-pdf__Page__canvas {
-    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2);
+    box-shadow: 0px 4px 12px 0px rgba(2, 18, 4, 0.06);
+}
+@media (prefers-color-scheme: dark) {
+    .react-pdf__Page__canvas {
+        color-scheme: dark;
+        box-shadow: 0px 4px 12px 0px rgba(2, 18, 4, 0.24);
+    }
 }