Settings Option Card component (#8456)

fixes - #8195

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

packages/twenty-ui/src/theme/constants/IllustrationIconDark.ts

@@ -1,6 +1,13 @@
+import { GRAY_SCALE } from '@ui/theme/constants/GrayScale';
 import { COLOR } from './Colors';
 
 export const ILLUSTRATION_ICON_DARK = {
-  color: COLOR.blue50,
-  fill: COLOR.blue70,
+  color: {
+    blue: COLOR.blue50,
+    grey: GRAY_SCALE.gray50,
+  },
+  fill: {
+    blue: COLOR.blue70,
+    grey: GRAY_SCALE.gray70,
+  },
 };

packages/twenty-ui/src/theme/constants/IllustrationIconLight.ts

@@ -1,6 +1,13 @@
+import { GRAY_SCALE } from '@ui/theme/constants/GrayScale';
 import { COLOR } from './Colors';
 
 export const ILLUSTRATION_ICON_LIGHT = {
-  color: COLOR.blue40,
-  fill: COLOR.blue20,
+  color: {
+    blue: COLOR.blue40,
+    grey: GRAY_SCALE.gray40,
+  },
+  fill: {
+    blue: COLOR.blue20,
+    grey: GRAY_SCALE.gray20,
+  },
 };