From c5b948bc3f9de2e856b7319eb4588fa79718685a Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Mon, 6 May 2024 16:36:29 +1000
Subject: [PATCH] feat(ui): fade layer selection color

---
 .../controlLayers/components/LayerCommon/LayerWrapper.tsx       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/src/features/controlLayers/components/LayerCommon/LayerWrapper.tsx b/invokeai/frontend/web/src/features/controlLayers/components/LayerCommon/LayerWrapper.tsx
index 9d5fb6ea4b..a22f96b750 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/LayerCommon/LayerWrapper.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/LayerCommon/LayerWrapper.tsx
@@ -10,7 +10,7 @@ type Props = PropsWithChildren<{
 
 export const LayerWrapper = memo(({ onClick, borderColor, children }: Props) => {
   return (
-    <Flex gap={2} onClick={onClick} bg={borderColor} px={2} borderRadius="base" py="1px">
+    <Flex gap={2} onClick={onClick} bg={borderColor} px={2} borderRadius="base" py="1px" transitionProperty="all" transitionDuration="0.2s">
       <Flex flexDir="column" w="full" bg="base.850" borderRadius="base">
         {children}
       </Flex>