ФУНКЦИИ - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: стабилизация контуров, досок и Voice Tasker

plane-src/packages/constants/src/state.ts

@@ -23,31 +23,31 @@ export const STATE_GROUPS: {
     key: "backlog",
     label: "Backlog",
     defaultStateName: "Backlog",
-    color: "#d9d9d9",
+    color: "#050505",
   },
   unstarted: {
     key: "unstarted",
     label: "Unstarted",
     defaultStateName: "Todo",
-    color: "#3f76ff",
+    color: "#7C7F85",
   },
   started: {
     key: "started",
     label: "Started",
     defaultStateName: "In Progress",
-    color: "#f59e0b",
+    color: "#FFFFFF",
   },
   completed: {
     key: "completed",
     label: "Completed",
     defaultStateName: "Done",
-    color: "#16a34a",
+    color: "#C3FF66",
   },
   cancelled: {
     key: "cancelled",
     label: "Canceled",
     defaultStateName: "Cancelled",
-    color: "#dc2626",
+    color: "#050505",
   },
 };
 
@@ -92,22 +92,22 @@ export const PROGRESS_STATE_GROUPS_DETAILS = [
   {
     key: "completed_issues",
     title: "Completed",
-    color: "#16A34A",
+    color: "#C3FF66",
   },
   {
     key: "started_issues",
     title: "Started",
-    color: "#F59E0B",
+    color: "#FFFFFF",
   },
   {
     key: "unstarted_issues",
     title: "Unstarted",
-    color: "#3A3A3A",
+    color: "#7C7F85",
   },
   {
     key: "backlog_issues",
     title: "Backlog",
-    color: "#A3A3A3",
+    color: "#050505",
   },
 ];
 

plane-src/packages/propel/src/icons/state/index.ts

@@ -7,6 +7,7 @@
 export * from "./backlog-group-icon";
 export * from "./cancelled-group-icon";
 export * from "./completed-group-icon";
+export * from "./helper";
 export * from "./started-group-icon";
 export * from "./state-group-icon";
 export * from "./unstarted-group-icon";

plane-src/packages/propel/src/icons/state/state-group-icon.tsx

@@ -11,7 +11,7 @@ import { BacklogGroupIcon } from "./backlog-group-icon";
 import { CancelledGroupIcon } from "./cancelled-group-icon";
 import { CompletedGroupIcon } from "./completed-group-icon";
 import type { IStateGroupIcon } from "./helper";
-import { STATE_GROUP_COLORS, STATE_GROUP_SIZES } from "./helper";
+import { getStateGroupColor, STATE_GROUP_SIZES } from "./helper";
 import { StartedGroupIcon } from "./started-group-icon";
 import { UnstartedGroupIcon } from "./unstarted-group-icon";
 
@@ -36,7 +36,7 @@ export function StateGroupIcon({
     <StateIconComponent
       height={STATE_GROUP_SIZES[size]}
       width={STATE_GROUP_SIZES[size]}
-      color={color ?? STATE_GROUP_COLORS[stateGroup]}
+      color={getStateGroupColor(stateGroup, color)}
       className={`flex-shrink-0 ${className}`}
       percentage={percentage}
     />