From 1226f1ecf1e3d71ade06efb5898f386d7a99c58d Mon Sep 17 00:00:00 2001
From: sharma01ketan <sharma01ketan@gmail.com>
Date: Tue, 17 Sep 2024 15:34:34 +0530
Subject: [PATCH 1/2] adding translucent background

---
 web/core/components/project/card.tsx | 2 +-
 web/core/components/project/form.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/core/components/project/card.tsx b/web/core/components/project/card.tsx
index 8ccf6694e5b..9c76578a3cb 100644
--- a/web/core/components/project/card.tsx
+++ b/web/core/components/project/card.tsx
@@ -213,7 +213,7 @@ export const ProjectCard: React.FC<Props> = observer((props) => {
 
           <div className="absolute bottom-4 z-[1] flex h-10 w-full items-center justify-between gap-3 px-4">
             <div className="flex flex-grow items-center gap-2.5 truncate">
-              <div className="h-9 w-9 flex-shrink-0 grid place-items-center rounded bg-white/90">
+              <div className="h-9 w-9 flex-shrink-0 grid place-items-center rounded bg-white/10">
                 <Logo logo={project.logo_props} size={18} />
               </div>
 
diff --git a/web/core/components/project/form.tsx b/web/core/components/project/form.tsx
index a55d8a59df8..7b9e13d7044 100644
--- a/web/core/components/project/form.tsx
+++ b/web/core/components/project/form.tsx
@@ -155,7 +155,7 @@ export const ProjectDetailsForm: FC<IProjectDetailsForm> = (props) => {
                   isOpen={isOpen}
                   handleToggle={(val: boolean) => setIsOpen(val)}
                   className="flex items-center justify-center"
-                  buttonClassName="flex h-[52px] w-[52px] flex-shrink-0 items-center justify-center rounded-lg bg-custom-background-90"
+                  buttonClassName="flex h-[52px] w-[52px] flex-shrink-0 items-center justify-center rounded-lg bg-white/10"
                   label={<Logo logo={value} size={28} />}
                   onChange={(val) => {
                     let logoValue = {};

From 5258a3d32790da1ff1cff558d30141531336f249 Mon Sep 17 00:00:00 2001
From: sharma01ketan <sharma01ketan@gmail.com>
Date: Tue, 17 Sep 2024 17:55:26 +0530
Subject: [PATCH 2/2] make icon rounded

---
 web/core/components/project/card.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/core/components/project/card.tsx b/web/core/components/project/card.tsx
index 9c76578a3cb..1a07141147e 100644
--- a/web/core/components/project/card.tsx
+++ b/web/core/components/project/card.tsx
@@ -240,7 +240,7 @@ export const ProjectCard: React.FC<Props> = observer((props) => {
                 </button>
                 {shouldRenderFavorite && (
                   <FavoriteStar
-                    buttonClassName="h-6 w-6 bg-white/10"
+                    buttonClassName="h-6 w-6 bg-white/10 rounded"
                     iconClassName={cn("h-3 w-3", {
                       "text-white": !project.is_favorite,
                     })}