Give each task an assigned colour across the UI; lead links tasks

web/src/inbox.ts

@@ -4,6 +4,7 @@ import { ago, errorText, h, replace, showAlert } from "./dom.js";
 import { image, inlineMarkdown, markdown } from "./markdown.js";
 import { diagram } from "./mermaid.js";
 import { onEach, state } from "./state.js";
+import { taskStyle } from "./taskcolor.js";
 
 const checked = new Map<string, string[]>();
 const texts = new Map<string, string>();
@@ -307,7 +308,7 @@ function attachments(list: Attachment[], taskId: string | undefined): HTMLElemen
         case "diagram":
           return h("li", {}, diagram(a.mermaid ?? ""), caption);
         case "task":
-          return h("li", {}, h("a", { href: `#/task/${a.task_id}` }, "task ", a.task_id ?? ""), caption);
+          return h("li", {}, h("a", { href: `#/task/${a.task_id}`, class: "task-link", style: taskStyle(a.task_id ?? "") }, "task ", a.task_id ?? ""), caption);
         case "snapshot":
           return h("li", {}, "snapshot ", h("code", {}, a.snapshot_id ?? ""), caption);
         case "url":