@tenonhq/dovetail-dashboard 0.0.16 → 0.0.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenonhq/dovetail-dashboard",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "description": "Update Set Dashboard for Dovetail",
   "main": "server.js",
   "scripts": {

package/public/app.js

@@ -578,8 +578,9 @@ function renderTaskList() {
 
       var priorityHtml = "";
       if (task.priority) {
-        var colors = { urgent: "#f50057", high: "#ff7043", normal: "#ffab40", low: "#29b6f6" };
-        var color = colors[task.priority] || "#888";
+        // Tenon tertiary + status palette (see tokens.css)
+        var colors = { urgent: "#d92b2b", high: "#f16b19", normal: "#f4dc00", low: "#76d6ff" };
+        var color = colors[task.priority] || "#9caaa1";
         priorityHtml = '<span class="task-priority-dot" style="background:' + color + '"></span>';
       }
 
@@ -1045,3 +1046,31 @@ document.getElementById("task-search").addEventListener("input", function (e) {
 
 // Render task toggles (My Tasks)
 renderTaskToggles();
+
+// --- Theme toggle ---
+
+function currentTheme() {
+  return document.documentElement.getAttribute("data-theme") === "dark" ? "dark" : "light";
+}
+
+function applyTheme(theme) {
+  document.documentElement.setAttribute("data-theme", theme);
+  try {
+    localStorage.setItem("cp-theme", theme);
+  } catch (e) {}
+  var btn = document.getElementById("cp-theme-toggle");
+  if (btn) {
+    btn.textContent = theme === "dark" ? "☀︎" : "☾";
+    btn.title = theme === "dark" ? "Switch to light mode" : "Switch to dark mode";
+  }
+}
+
+(function setupTheme() {
+  applyTheme(currentTheme());
+  var btn = document.getElementById("cp-theme-toggle");
+  if (btn) {
+    btn.addEventListener("click", function () {
+      applyTheme(currentTheme() === "dark" ? "light" : "dark");
+    });
+  }
+})();