add gradually inpainting mode

lama_cleaner/app/src/styles/_Animations.scss

@@ -55,3 +55,25 @@
     transform: rotate(360deg);
   }
 }
+
+@keyframes slideUpAndFade {
+  0% {
+    opacity: 0;
+    transform: translateY(2px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes slideDownAndFade {
+  0% {
+    opacity: 0;
+    transform: translateY(-2px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}

lama_cleaner/app/src/styles/_Colors.scss

@@ -10,7 +10,7 @@
   --border-color: rgb(100, 100, 120);
   --border-color-light: rgba(100, 100, 120, 0.5);
   --tooltip-bg: rgb(230, 230, 234);
-  --tooltip-text-color: rgb(0, 0,0);
+  --tooltip-text-color: rgb(0, 0, 0);
 
   --error-color: rgb(239, 68, 68);
   --success-color: rgb(16, 185, 129);
@@ -44,4 +44,7 @@
   --switch-root-background-color: rgb(223, 225, 228);
   --switch-thumb-color: var(--page-bg);
   --switch-thumb-checked-color: var(--page-bg);
+
+  // tooltip
+  --tooltip-bg: var(--page-bg);
 }

lama_cleaner/app/src/styles/_ColorsDark.scss

@@ -42,4 +42,7 @@
   --switch-root-background-color: rgb(60, 63, 68);
   --switch-thumb-color: rgb(31, 32, 35);
   --switch-thumb-checked-color: white;
+
+  // tooltip
+  --tooltip-bg: hsl(197 6.8% 13.6%);
 }