Темная тема при загрузке

2026-04-14 05:42:10 +03:00
parent 41e0fd0563
commit fd3ed2f317
2 changed files with 72 additions and 4 deletions
--- a/PlaylistShared.Pwa/wwwroot/index.html
+++ b/PlaylistShared.Pwa/wwwroot/index.html
@@ -16,6 +16,74 @@
    <link rel="apple-touch-icon" sizes="512x512" href="icon-512.png" />
    <link rel="apple-touch-icon" sizes="192x192" href="icon-192.png" />
    <script type="importmap"></script>
+    <style>
+        html, body {
+            background-color: #1a1a27 !important;
+            margin: 0;
+            padding: 0;
+            height: 100%;
+        }
+
+        /* Кастомный спиннер в стиле MudBlazor (тёмная тема) */
+        .loading-progress {
+            position: relative;
+            display: block;
+            width: 64px;
+            height: 64px;
+            margin: 0 auto;
+        }
+
+            .loading-progress circle {
+                fill: none;
+                stroke: #2a2833;
+                stroke-width: 4;
+                transform-origin: 50% 50%;
+                animation: spin 1.5s linear infinite;
+            }
+
+                .loading-progress circle:last-child {
+                    stroke: #7e6fff;
+                    stroke-dasharray: 126;
+                    stroke-dashoffset: 126;
+                    animation: dash 1.5s ease-in-out infinite;
+                }
+
+        @keyframes spin {
+            100% {
+                transform: rotate(360deg);
+            }
+        }
+
+        @keyframes dash {
+            0% {
+                stroke-dashoffset: 126;
+            }
+
+            50% {
+                stroke-dashoffset: 63;
+                transform: rotate(135deg);
+            }
+
+            100% {
+                stroke-dashoffset: 126;
+                transform: rotate(450deg);
+            }
+        }
+
+        .loading-progress-text {
+            text-align: center;
+            margin-top: 16px;
+            color: #b2b0bf;
+            font-family: 'Roboto', sans-serif;
+            font-size: 14px;
+        }
+
+        /* Убираем белые вспышки */
+        #app {
+            background-color: #1a1a27;
+            min-height: 100vh;
+        }
+    </style>
 </head>

 <body>
@@ -28,8 +96,8 @@
    </div>

    <div id="blazor-error-ui">
-        An unhandled error has occurred.
-        <a href="." class="reload">Reload</a>
+        Произошла необработанная ошибка.
+        <a href="." class="reload">Перезагрузить</a>
        <span class="dismiss">🗙</span>
    </div>
    <script src="_content/Microsoft.AspNetCore.Components.WebAssembly.Authentication/AuthenticationService.js"></script>
--- a/PlaylistShared.Pwa/wwwroot/manifest.webmanifest
+++ b/PlaylistShared.Pwa/wwwroot/manifest.webmanifest
@@ -1,6 +1,6 @@
 {
-  "name": "PlaylistShared.Pwa",
-  "short_name": "PlaylistShared.Pwa",
+  "name": "Playlist Shared",
+  "short_name": "PlaylistShare",
  "id": "./",
  "start_url": "./",
  "display": "standalone",