Update issue status colors (#2218)

Signed-off-by: Sergei Ogorelkov <sergei.ogorelkov@xored.com>

models/tracker/src/index.ts

@@ -341,7 +341,7 @@ export function createModel (builder: Builder): void {
     {
       label: tracker.string.CategoryBacklog,
       icon: tracker.icon.CategoryBacklog,
-      color: 0,
+      color: 12,
       defaultStatusName: 'Backlog',
       order: 0
     },
@@ -354,7 +354,7 @@ export function createModel (builder: Builder): void {
     {
       label: tracker.string.CategoryUnstarted,
       icon: tracker.icon.CategoryUnstarted,
-      color: 1,
+      color: 13,
       defaultStatusName: 'Todo',
       order: 1
     },
@@ -367,7 +367,7 @@ export function createModel (builder: Builder): void {
     {
       label: tracker.string.CategoryStarted,
       icon: tracker.icon.CategoryStarted,
-      color: 2,
+      color: 14,
       defaultStatusName: 'In Progress',
       order: 2
     },
@@ -380,7 +380,7 @@ export function createModel (builder: Builder): void {
     {
       label: tracker.string.CategoryCompleted,
       icon: tracker.icon.CategoryCompleted,
-      color: 3,
+      color: 15,
       defaultStatusName: 'Done',
       order: 3
     },
@@ -393,7 +393,7 @@ export function createModel (builder: Builder): void {
     {
       label: tracker.string.CategoryCanceled,
       icon: tracker.icon.CategoryCanceled,
-      color: 4,
+      color: 16,
       defaultStatusName: 'Canceled',
       order: 4
     },

packages/ui/src/colors.ts

@@ -14,6 +14,12 @@ export const SeaBuckthornColor = '#F2994A' // orange (warning)
 export const FlamingoColor = '#EB5757' // red (error)
 export const LinkWaterColor = '#C9CBCD'
 
+export const SilverSandColor = '#BEC2C8'
+export const PlatinumColor = '#E2E2E2'
+export const CrayolaColor = '#F2C94C'
+export const SlateBlueColor = '#5E6AD2'
+export const CadetGreyColor = '#95A2B3'
+
 const blackColors = Object.freeze([
   FeijoaColor,
   DeYorkColor,
@@ -26,7 +32,12 @@ const blackColors = Object.freeze([
   EastSideColor,
   MoodyBlueColor,
   ChetwodeBlueColor,
-  SalmonColor
+  SalmonColor,
+  SilverSandColor,
+  PlatinumColor,
+  CrayolaColor,
+  SlateBlueColor,
+  CadetGreyColor
 ])
 
 /**

plugins/tracker-resources/src/components/workflow/StatusEditor.svelte

@@ -104,7 +104,6 @@
     .dot {
       position: absolute;
       content: '';
-      background: red;
       border-radius: 50%;
       inset: 30%;
     }

plugins/tracker-resources/src/components/workflow/Statuses.svelte

@@ -292,7 +292,7 @@
                     on:default-update={({ detail }) => updateTeamDefaultStatus(detail)}
                     on:edit={({ detail }) => {
                       closeTooltip()
-                      editingStatus = { ...detail }
+                      editingStatus = { ...detail, color: detail.color ?? category.color }
                     }}
                     on:delete={deleteStatus}
                   />