1623 Changes colors of WfoInsyncIcon (#1643)

* 1623 Changes colors of WfoInsyncIcon

* 1623 Changing color of checkmark to "primary" and the minus icon to "danger"

Author: ricardovdheijden

.changeset/slimy-points-press.md

@@ -0,0 +1,5 @@
+---
+'@orchestrator-ui/orchestrator-ui-components': patch
+---
+
+1623 Changes the colors of the WfoInsyncIcon to make the no-in-sync state more prominent

packages/orchestrator-ui-components/src/components/WfoInsyncIcon/WfoInsyncIcon.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
-import { useOrchestratorTheme } from '../../hooks';
-import { WfoCheckmarkCircleFill, WfoMinusCircleOutline } from '../../icons';
+import { useOrchestratorTheme } from '@/hooks';
+import { WfoCheckmarkCircleFill, WfoMinusCircleFill } from '@/icons';
 
 interface WfoInsyncIconProps {
     inSync: boolean;
@@ -17,10 +17,10 @@ export const WfoInsyncIcon = ({ inSync }: WfoInsyncIconProps) => {
             color={theme.colors.primary}
         />
     ) : (
-        <WfoMinusCircleOutline
+        <WfoMinusCircleFill
             height={20}
             width={20}
-            color={theme.colors.mediumShade}
+            color={theme.colors.danger}
         />
     );
 };