added highlighting feature

config.json

@@ -16,7 +16,17 @@
 			"enableDynamicBackgrounds" : true
 		},
 		"items" : {
-			"iconRoot": "assets/",
+			"default_highlight_colors" : {
+				"Rosso": "#ff000015",
+				"Arancione": "#ff880022",
+				"Giallo": "#ffdd0030",
+				"Verde": "#00dd0015",
+				"Azzurro": "#00bbff20",
+				"Blu": "#0000ff10",
+				"Viola": "#aa00aa15",
+				"Nessuno": "inherit"
+			},
+			"iconRoot" : "assets/",
 			"types" : {
 				"csITEMTYPE:commission" : {
 					"names" : { "singular" : "commissione", "plural" : "commissioni", "section_title" : "commissione" },

js/sheet.js

@@ -151,6 +151,13 @@ function appendItem(type, content) {
     const btnWrapper = document.createElement("div")
     btnWrapper.className = "csItem-btn-wrapper"
 
+    const colorBtn = document.createElement("button")
+    colorBtn.onclick = _ => selectColor(itemID)
+    const colorIcon = document.createElement("img")
+    colorIcon.className = "icon-mono display-mode-dynamic-icon"
+    colorIcon.src = "assets/palette.png"
+    colorBtn.appendChild(colorIcon)
+
     const editBtn = document.createElement("button")
     editBtn.onclick = _ => editItem(itemID)
     const editIcon = document.createElement("img")
@@ -165,6 +172,7 @@ function appendItem(type, content) {
     xIcon.src = "assets/x.png"
     xBtn.appendChild(xIcon)
 
+    btnWrapper.appendChild(colorBtn)
     btnWrapper.appendChild(editBtn)
     btnWrapper.appendChild(xBtn)
 

style/dialog.less

@@ -50,3 +50,15 @@
 	margin-inline-end: @padding;
 }
 .dialog-input-description {}
+
+.cs-item-color-selector-list {
+	&:extend(.flex-hor);
+	gap: @padding;
+	padding-inline-start: 0;
+}
+.cs-item-color-selector-item {
+	&:extend(.material);
+	&:extend(.flex-hor);
+}
+.cs-item-color-selector-item-input {}
+.cs-item-color-selector-item-label {}