[ui] fix notification icons, colors; icon colors

ui/src/components/layout/Notifications.svelte

@@ -2,7 +2,7 @@
   import { notify } from "../../notifications";
   import { fade } from "svelte/transition";
   import type { UpNotification } from "../../notifications";
-import Icon from "../utils/Icon.svelte";
+  import Icon from "../utils/Icon.svelte";
 
   let notifications: UpNotification[] = [];
 
@@ -16,12 +16,12 @@ import Icon from "../utils/Icon.svelte";
         1
       );
       notifications = notifications;
-    }, 5000);
+    }, 50000000);
   });
 
   const icons = {
-    error: "x-octagon",
+    error: "error-alt",
-    warning: "exclamation-triangle"
+    warning: "error",
   };
 </script>
 
@@ -36,11 +36,13 @@ import Icon from "../utils/Icon.svelte";
 {/each}
 
 <style scoped lang="scss">
+  @use "../../styles/colors";
+
   .notification-error {
-    color: var(--error);
+    color: colors.$red;
   }
 
   .notification-warning {
-    color: var(--warning);
+    color: colors.$orange;
   }
 </style>

ui/src/components/utils/Icon.svelte

@@ -1,6 +1,4 @@
 <script lang="ts" context="module">
-  import { onMount } from "svelte";
-
   let loaded = false;
 </script>
 

ui/src/styles/colors-app.scss

@@ -71,10 +71,6 @@
     color: var(--foreground);
     background: var(--background);
   
-    * {
-      color: var(--foreground);
-    }
-  
     h1,
     h2,
     h3,