From 00b371bba16b283da331c6ca3cc0aff9d05dd752 Mon Sep 17 00:00:00 2001
From: lstocchi <lstocchi@redhat.com>
Date: Thu, 11 Apr 2024 12:17:31 +0200
Subject: [PATCH] fix: convert banner colors to a warning one

Signed-off-by: lstocchi <lstocchi@redhat.com>
---
 .../lib/notification/ContainerConnectionStatusInfo.svelte   | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/lib/notification/ContainerConnectionStatusInfo.svelte b/packages/frontend/src/lib/notification/ContainerConnectionStatusInfo.svelte
index 52c435cbf..654dc3f0d 100644
--- a/packages/frontend/src/lib/notification/ContainerConnectionStatusInfo.svelte
+++ b/packages/frontend/src/lib/notification/ContainerConnectionStatusInfo.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 import Fa from 'svelte-fa';
-import { faCircleExclamation } from '@fortawesome/free-solid-svg-icons';
+import { faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';
 import Button from '../button/Button.svelte';
 import { filesize } from 'filesize';
 import { studioClient } from '/@/utils/client';
@@ -77,11 +77,11 @@ function executeCommand() {
   <div
     class="w-full {background === 'light'
       ? 'bg-charcoal-500'
-      : 'bg-charcoal-800'} border-t-[3px] border-red-700 p-4 mt-5 shadow-inner"
+      : 'bg-charcoal-800'} border-t-[3px] border-amber-500 p-4 mt-5 shadow-inner"
     aria-label="Container connection info banner">
     <div class="flex flex-row space-x-3">
       <div class="flex">
-        <Fa icon="{faCircleExclamation}" class="text-red-600" />
+        <Fa icon="{faTriangleExclamation}" class="text-amber-400" />
       </div>
       <div class="flex flex-col grow">
         <span class="font-medium text-sm" aria-label="title">{title}</span>