sync

lib/ui/css/variables/definition.scss

@@ -9,6 +9,28 @@
     }
 }
 
+@keyframes loading-dot {
+    0% {
+        box-shadow: 20px 0 #0067c0, -20px 0 #0067c022;
+        background: #0067c0;
+    }
+
+    33% {
+        box-shadow: 20px 0 #0067c0, -20px 0 #0067c022;
+        background: #0067c022;
+    }
+
+    66% {
+        box-shadow: 20px 0 #0067c022, -20px 0 #0067c0;
+        background: #0067c022;
+    }
+
+    100% {
+        box-shadow: 20px 0 #0067c022, -20px 0 #0067c0;
+        background: #0067c0;
+    }
+}
+
 :root {
     /*color-scheme: light dark;*/
 
@@ -25,6 +47,8 @@
     --switch-active-bg-color: #33c559;
 
     --red-color: red;
+    --orange-color: orange;
+    --green-color: #33c559;
     --title-color: #fff;
     --title-bg-color: rgb(68, 114, 196);
     --title-ctrlbg-color: rgb(68, 114, 196);