Fix toast styles

ui/v2.5/src/hooks/Toast.tsx

@@ -5,7 +5,7 @@ interface IToast {
   header?: string;
   content: JSX.Element | string;
   delay?: number;
-  variant?: "success" | "danger" | "warning" | "info";
+  variant?: "success" | "danger" | "warning";
 }
 interface IActiveToast extends IToast {
   id: number;
@@ -29,7 +29,7 @@ export const ToastProvider: React.FC = ({ children }) => {
       delay={toast.delay ?? 3000}
     >
       <Toast.Header>
-        <span className="mr-auto">{toast.header ?? "Stash"}</span>
+        <span className="mr-auto">{toast.header}</span>
       </Toast.Header>
       <Toast.Body>{toast.content}</Toast.Body>
     </Toast>

ui/v2.5/src/index.scss

@@ -193,9 +193,32 @@ code {
   top: 2rem;
   z-index: 1031;
 
+  .success {
+    background-color: $success;
+  }
+
+  .danger {
+    background-color: $danger;
+  }
+
+  .warning {
+    background-color: $warning;
+  }
+
   .toast {
     width: 350px;
   }
+
+  .toast-header {
+    background-color: transparent;
+    border: none;
+    color: $text-color;
+
+    .close {
+      color: $text-color;
+      text-shadow: none;
+    }
+  }
 }
 
 .image-input {

ui/v2.5/src/styles/_theme.scss

@@ -3,13 +3,16 @@
 
 $secondary: #394b59;
 $muted-gray: #bfccd6;
+$success: #0f9960;
+$warning: #d9822b;
+$danger: #db3737;
 
 $theme-colors: (
   primary: #137cbd,
   secondary: $secondary,
-  success: #0f9960,
-  warning: #d9822b,
-  danger: #db3737,
+  success: $success,
+  warning: $warning,
+  danger: $danger,
   dark: #394b59
 );