fixed PWA installation

Fix modal transparency (#448 )
2026-02-19 15:26:22 -05:00 · 2026-02-18 23:35:39 +02:00 · 2026-02-17 00:23:31 +02:00
7 changed files with 35 additions and 2 deletions
--- a/code/backend/Cleanuparr.Api/DependencyInjection/ApiDI.cs
+++ b/code/backend/Cleanuparr.Api/DependencyInjection/ApiDI.cs
@@ -124,12 +124,18 @@ public static class ApiDI
            {
                name = "Cleanuparr",
                short_name = "Cleanuparr",
+                description = "Automated cleanup for *arr applications and download clients",
                start_url = basePath,
                display = "standalone",
-                background_color = "#ffffff",
-                theme_color = "#ffffff",
+                background_color = "#0e0a1a",
+                theme_color = "#1a1135",
                icons = new[]
                {
+                    new {
+                        src = "icons/128.png",
+                        sizes = "128x128",
+                        type = "image/png"
+                    },
                    new {
                        src = "icons/icon-192x192.png",
                        sizes = "192x192",
--- a/code/frontend/public/icons/icon-192x192.png
+++ b/code/frontend/public/icons/icon-192x192.png
--- a/code/frontend/public/icons/icon-512x512.png
+++ b/code/frontend/public/icons/icon-512x512.png
--- a/code/frontend/public/manifest.webmanifest
+++ b/code/frontend/public/manifest.webmanifest
@@ -11,6 +11,16 @@
      "src": "icons/128.png",
      "sizes": "128x128",
      "type": "image/png"
+    },
+    {
+      "src": "icons/icon-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "icons/icon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
    }
  ]
 }
--- a/code/frontend/public/sw.js
+++ b/code/frontend/public/sw.js
@@ -0,0 +1 @@
+self.addEventListener('fetch', () => {});
--- a/code/frontend/src/index.html
+++ b/code/frontend/src/index.html
@@ -28,6 +28,11 @@
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Cleanuparr">
  <link rel="apple-touch-icon" href="icons/128.png">
+  <script>
+    if ('serviceWorker' in navigator) {
+      navigator.serviceWorker.register('sw.js');
+    }
+  </script>
 </head>
 <body>
  <app-root></app-root>
--- a/code/frontend/src/styles/_animations.scss
+++ b/code/frontend/src/styles/_animations.scss
@@ -131,6 +131,7 @@
  --glass-blur-sm: 0px;
  --glass-blur-lg: 0px;
  --glass-shadow: none;
+  --surface-elevated: #1e1232;
  --duration-fast: 0ms;
  --duration-normal: 0ms;
  --duration-slow: 0ms;
@@ -142,6 +143,11 @@
  -webkit-backdrop-filter: none !important;
 }

+:root[data-performance-mode='true'][data-theme='light'],
+:root[data-performance-mode='true'][data-theme='light'] *:not([role='status']):not([role='status'] *) {
+  --surface-elevated: #ffffff;
+}
+
 :root[data-performance-mode='true'] .shell__main::before,
 :root[data-performance-mode='true'] .shell__main::after,
 :root[data-performance-mode='true'] .shell::after {
@@ -154,11 +160,16 @@
    --glass-blur-sm: 0px;
    --glass-blur-lg: 0px;
    --glass-shadow: none;
+    --surface-elevated: #1e1232;
    --duration-fast: 0ms;
    --duration-normal: 0ms;
    --duration-slow: 0ms;
  }

+  :root[data-theme='light'] {
+    --surface-elevated: #ffffff;
+  }
+
  *:not([role='status']):not([role='status'] *),
  *:not([role='status']):not([role='status'] *)::before,
  *:not([role='status']):not([role='status'] *)::after {
Author	SHA1	Message	Date
Flaminel	8574c7c660	fixed PWA installation	2026-02-18 23:35:39 +02:00
Flaminel	573dbcf882	Fix modal transparency (#448 )	2026-02-17 00:23:31 +02:00