From 752e78cea207df91aa45a006f64d9129c56b2575 Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Date: Fri, 23 Dec 2022 11:33:17 +0100
Subject: [PATCH] :lipstick: (dashboard) Fix folder color for dark mode

---
 apps/builder/src/components/icons.tsx                      | 7 ++++++-
 .../src/features/folders/components/FolderButton.tsx       | 5 ++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/apps/builder/src/components/icons.tsx b/apps/builder/src/components/icons.tsx
index eba1129b8..9f8a98b68 100644
--- a/apps/builder/src/components/icons.tsx
+++ b/apps/builder/src/components/icons.tsx
@@ -39,7 +39,12 @@ export const PlusIcon = (props: IconProps) => (
 )
 
 export const FolderIcon = (props: IconProps) => (
-  <Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
+  <Icon
+    viewBox="0 0 24 24"
+    {...featherIconsBaseProps}
+    fill="currentColor"
+    {...props}
+  >
     <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path>
   </Icon>
 )
diff --git a/apps/builder/src/features/folders/components/FolderButton.tsx b/apps/builder/src/features/folders/components/FolderButton.tsx
index cb0d87610..bdfaa1e44 100644
--- a/apps/builder/src/features/folders/components/FolderButton.tsx
+++ b/apps/builder/src/features/folders/components/FolderButton.tsx
@@ -111,7 +111,10 @@ export const FolderButton = ({
         </MenuList>
       </Menu>
       <VStack spacing="4">
-        <FolderIcon fontSize={50} color="blue.500" fill="blue.500" />
+        <FolderIcon
+          fontSize={50}
+          color={useColorModeValue('blue.500', 'blue.400')}
+        />
         <Editable
           defaultValue={folder.name}
           fontSize="18"