enhance(ui): colorful task icons

deps/db/src/logseq/db/frontend/property.cljs

@@ -59,8 +59,8 @@
                     {:value status
                      :uuid (random-uuid)
                      :icon {:type :tabler-icon :id icon :name icon}})
-                  [["Backlog" "Backlog"] ["Todo" "Todo"] ["Doing" "In Progress 50"]
-                   ["In Review" "In Review"] ["Done" "Done"] ["Canceled" "Cancelled"]])
+                  [["Backlog" "Backlog"] ["Todo" "Todo"] ["Doing" "InProgress50"]
+                   ["In Review" "InReview"] ["Done" "Done"] ["Canceled" "Cancelled"]])
             :visible true}
    :priority {:original-name "Priority"
               :schema

src/main/frontend/components/icon.css

@@ -25,3 +25,12 @@
   }
 }
 
+.ls-icon {
+  &-Backlog { @apply text-gray-05; }
+  &-Todo { @apply text-gray-11; }
+  &-InProgress50 { @apply text-yellow-rx-08; }
+  &-InReview { @apply text-blue-rx-09; }
+  &-Done { @apply text-green-rx-08; }
+  &-Cancelled { @apply text-red-rx-08; }
+}
+