From 197cada08f3a79bb7db0c71971d80a81e407c6be Mon Sep 17 00:00:00 2001
From: G <idouattara@ldfgroupe.com>
Date: Wed, 11 Sep 2024 15:31:46 +0000
Subject: [PATCH] add color transparent and a card variants

---
 src/themes/Theme.tsx                |  2 ++
 src/themes/variants/cardVariants.ts |  9 +++++++++
 2 files changed, 11 insertions(+)

diff --git a/src/themes/Theme.tsx b/src/themes/Theme.tsx
index 64873e2..bcbfed6 100644
--- a/src/themes/Theme.tsx
+++ b/src/themes/Theme.tsx
@@ -14,6 +14,7 @@ const palette = {
 
 	black: "#0B0B0B",
 	white: "#FFFFFF",
+	transparent: "transparent",
 	green: "#00875A",
 	lightGray: "#F4F5F7",
 	gray: "#747E98",
@@ -30,6 +31,7 @@ const theme = createTheme({
 		tertiary: palette.yellow,
 		black: palette.black,
 		white: palette.white,
+		transparent: palette.transparent,
 		lightGray: palette.lightGray,
 		gray: palette.gray,
 		yellow: palette.yellow,
diff --git a/src/themes/variants/cardVariants.ts b/src/themes/variants/cardVariants.ts
index 2610d01..e731030 100644
--- a/src/themes/variants/cardVariants.ts
+++ b/src/themes/variants/cardVariants.ts
@@ -1,3 +1,4 @@
+import { OVERLAY_BACKDROP_Z_INDEX } from "@/contexts/ModalsManagerContext";
 import { Dimensions } from "react-native";
 
 export const cardVariants = {
@@ -59,4 +60,12 @@ export const cardVariants = {
 		overflow: "hidden",
 		borderRadius: 15,
 	},
+	absoluteForegroundScreenSizedTransparentCard: {
+		width: "100%",
+		height: "100%",
+		position: "absolute",
+		backgroundColor: "transparent",
+		zIndex: OVERLAY_BACKDROP_Z_INDEX + 1,
+		margin: 0,
+	},
 };
--
libgit2 0.27.1