UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: контроль цветов элементов, допил палитры и реворк основного UI

plane-src/apps/web/core/lib/wrappers/store-wrapper.tsx

@@ -12,8 +12,18 @@ import { useTheme } from "next-themes";
 import type { TLanguage } from "@plane/i18n";
 import { DEFAULT_LANGUAGE, useTranslation } from "@plane/i18n";
 // helpers
-import { applyCustomTheme, applyNodedcAccent, clearCustomTheme } from "@plane/utils";
-import { NODEDC_DEFAULT_ACCENT_HEX } from "@/helpers/nodedc-design";
+import {
+  applyCustomTheme,
+  applyNodedcAccent,
+  applyNodedcPassiveCardColor,
+  applyNodedcPassiveCardSurfaceColor,
+  clearCustomTheme,
+} from "@plane/utils";
+import {
+  NODEDC_DEFAULT_ACCENT_HEX,
+  NODEDC_DEFAULT_PASSIVE_CARD_HEX,
+  NODEDC_DEFAULT_PASSIVE_CARD_SURFACE_HEX,
+} from "../../helpers/nodedc-design";
 // hooks
 import { useAppTheme } from "@/hooks/store/use-app-theme";
 import { useRouterParams } from "@/hooks/store/use-router-params";
@@ -113,6 +123,18 @@ function StoreWrapper(props: TStoreWrapper) {
     applyNodedcAccent(userProfile?.theme?.nodedcAccent || NODEDC_DEFAULT_ACCENT_HEX);
   }, [userProfile?.id, userProfile?.theme?.nodedcAccent]);
 
+  useEffect(() => {
+    if (!userProfile?.id) return;
+    applyNodedcPassiveCardColor(userProfile?.theme?.nodedcPassiveCard || NODEDC_DEFAULT_PASSIVE_CARD_HEX);
+  }, [userProfile?.id, userProfile?.theme?.nodedcPassiveCard]);
+
+  useEffect(() => {
+    if (!userProfile?.id) return;
+    applyNodedcPassiveCardSurfaceColor(
+      userProfile?.theme?.nodedcPassiveCardSurface || NODEDC_DEFAULT_PASSIVE_CARD_SURFACE_HEX
+    );
+  }, [userProfile?.id, userProfile?.theme?.nodedcPassiveCardSurface]);
+
   useEffect(() => {
     if (!userProfile?.id) return;
     changeLanguage((userProfile?.language as TLanguage) || DEFAULT_LANGUAGE);