feat: add special effect for Ultra mode

frontend/src/styles/globals.css

@@ -316,9 +316,16 @@
     }
   }
 
+  .ambilight {
+    pointer-events: none;
+    opacity: 0;
+    transition: opacity 1s ease-in-out;
+  }
+
   .ambilight:before,
   .ambilight:after {
     content: "";
+    pointer-events: none;
     position: absolute;
     left: 0;
     top: 0;
@@ -339,9 +346,17 @@
     width: 100%;
     height: 100%;
     border-radius: 10px;
-    opacity: 0.75;
     z-index: -1;
-    animation: ambilight 60s ease-in-out infinite;
+    animation: ambilight 40s ease-in-out infinite;
+  }
+
+  .ambilight.enabled {
+    opacity: 1;
+  }
+
+  .dark .ambilight:before,
+  .dark .ambilight:after {
+    opacity: 0.85;
   }
 
   @keyframes ambilight {