Merge branch 'main' of https://github.com/ciderapp/Cider

src/renderer/style.less

@@ -88,6 +88,7 @@ body[platform='linux'] {
 #app {
   --color1: rgba(30, 30, 30, 30%);
   --color2: rgba(15, 15, 15, 30%);
+  --bgColor: transparent;
   --chromeHeight: 55px;
   width: 100%;
   height: 100%;
@@ -98,13 +99,30 @@ body[platform='linux'] {
   position: relative;
   overflow: hidden;
   background-size: 400% 400%;
-  animation: bgGradient 10s ease infinite;
 }
 
-@keyframes bgGradient {
-  0%{background-position:0% 50%}
-  50%{background-position:100% 50%}
-  100%{background-position:0% 50%}
+#app::before {
+  position: absolute;
+  top: -50%;
+  left: -50%;
+  width: 200%;
+  height: 250%;
+  background-image: var(--bgColor);
+  content: "";
+  z-index: -1;
+  transform: rotateZ(0deg);
+  transform-origin: center;
+  animation: bgRotate 10s linear infinite;
+  filter: brightness(100%) saturate(200%) contrast(1.5);
+}
+
+@keyframes bgRotate {
+  0% {
+    transform: rotateZ(0deg);
+  }
+  100% {
+    transform: rotateZ(360deg);
+  }
 }
 
 [hidden] {
@@ -153,6 +171,7 @@ input[type="text"], input[type="number"] {
   transition: opacity .25s var(--appleEase);
   pointer-events: none;
   transform: translateZ(0px);
+  display: none;
 }