modify button color based on project

Author: kevtechi

src/containers/wallet/card-readonly.tsx

@@ -54,7 +54,7 @@ export default function ReadOnly({
   const [state, actions] = useAccount(baseUrl, config);
   const [profilesState, profilesActions] = useProfiles(config);
 
-  useThemeUpdater(community);
+  useThemeUpdater(community, cardColor);
 
   useEffect(() => {
     actions.getAccount(accountAddress);

src/hooks/theme.ts

@@ -1,13 +1,16 @@
 import { ConfigCommunity } from "@citizenwallet/sdk";
 import { useSafeEffect } from "@/hooks/useSafeEffect";
 
-export const useThemeUpdater = (community?: ConfigCommunity) => {
+export const useThemeUpdater = (
+  community?: ConfigCommunity,
+  colorOverride?: string
+) => {
   useSafeEffect(() => {
     if (community?.theme) {
       document.documentElement.style.setProperty(
         "--primary",
-        community.theme.primary
+        colorOverride ?? community.theme.primary
       );
     }
-  }, [community]);
+  }, [community, colorOverride]);
 };