.

src/styles/main.less

@@ -20,7 +20,10 @@ ion-content {
         scrollbar-width: none;
     }
 }
-
+ion-toast.info-toast {
+    --background: var(--ion-color-step-800);
+    --color: var(--ion-color-light);
+}
 ion-toast.success-toast {
     --background: var(--ion-color-success);
     --color: var(--ion-color-light);

src/utils/toast.js

@@ -22,6 +22,7 @@ const Toast = async function (options) {
     }
     switch (options.type) {
         case 'info':
+            toastOps.cssClass = 'info-toast'
             break
         case 'success':
             toastOps.cssClass = 'success-toast'