Update splash screen

sungaila · Sep 3, 2023 · f82c232 · f82c232
1 parent 9fba8a4
commit f82c232
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 4 deletions.
diff --git a/src/WebConverter/Pages/Index.razor b/src/WebConverter/Pages/Index.razor
@@ -174,7 +174,7 @@
 				</div>
 				<div class="card mt-3">
 					<div class="card-body">
-						<img id="outputImage" class="card-img-bottom" alt="The converted PDF output." style="max-width: 100%; width: auto; height: auto" />
+						<img id="outputImage" class="card-img-bottom" alt="The converted PDF output." style="max-width: 100%; width: auto; height: auto; border-radius: 8px" />
 					</div>
 				</div>
 			</div>

diff --git a/src/WebConverter/wwwroot/css/app.css b/src/WebConverter/wwwroot/css/app.css
@@ -102,3 +102,9 @@ a, .btn-link {
 .label-nowrap {
     word-wrap: normal !important;
 }
+
+@media (prefers-color-scheme: dark) {
+    .invert-on-dark {
+        filter: invert(1);
+    }
+}
diff --git a/src/WebConverter/wwwroot/index.html b/src/WebConverter/wwwroot/index.html
@@ -17,8 +17,8 @@
 
 <body>
     <div id="app">
-        <img src="icon-512-monochrome.png" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 4rem; height: 4rem; opacity: 0.2" alt="PDFtoImage Logo" />
-        <svg class="loading-progress" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.5">
+        <img src="icon-512-monochrome.png" class="invert-on-dark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 4rem; height: 4rem" alt="PDFtoImage Logo" />
+        <svg class="loading-progress" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.8">
             <circle r="40%" cx="50%" cy="50%" />
             <circle r="40%" cx="50%" cy="50%" />
         </svg>

diff --git a/src/WebConverter/wwwroot/manifest.webmanifest b/src/WebConverter/wwwroot/manifest.webmanifest
@@ -3,7 +3,7 @@
   "name": "PDFtoImage",
   "short_name": "PDFtoImage",
   "start_url": "/",
-  "background_color": "#212529",
+  "background_color": "#FFFFFF",
   "theme_color": "#1B5E20",
   "description": "Converts PDF files into images.",
   "lang": "en",