diff --git a/packages/ui-templates/templates/loading/index.html b/packages/ui-templates/templates/loading/index.html
index 16fd6d895a..8389532101 100644
--- a/packages/ui-templates/templates/loading/index.html
+++ b/packages/ui-templates/templates/loading/index.html
@@ -16,12 +16,17 @@
}
.nuxt-loader-bar {
background: repeating-linear-gradient(to right, #0047E1 0%, #34CDFE 25%, #00DC82 50%, #36E4DA 75%, #0047E1 100%);
- width: 100%;
+ height: 100px;
background-size: 200% auto;
background-position: 0 0;
- animation: gradient 2s infinite, width 8s infinite ease-in-out;
+ animation: gradient 2s infinite;
animation-fill-mode: forwards;
animation-timing-function: linear;
+ filter: blur(100px);
+ position: fixed;
+ bottom: -50px;
+ left: -50px;
+ right: -50px;
}
.mouse-gradient {
background: repeating-linear-gradient(to right, #0047E1 0%, #34CDFE 50%, #00DC82 100%);
@@ -47,12 +52,37 @@
width: 100%;
}
}
+ @media (prefers-color-scheme: dark) {
+ #nuxtImageDigit3 {
+ fill: #00DC82 !important;
+ }
+ .nuxt-loader-bar {
+ opacity: 0.5;
+ }
+ }
-
+
-
+
+