Dark mode

[vopamoi] / vopamoi.ts

diff --git a/vopamoi.ts b/vopamoi.ts
index b739747c43158ca458b60eb66e1e8e0d078f7f6a..d5afbecf92a46ee871cf38c74be8deb8468cec5e 100644 (file)
--- a/vopamoi.ts
+++ b/vopamoi.ts
@@ -322,7 +322,7 @@ function BrowserUI() {
     deleted: "Black",
     done: "LawnGreen",
     "someday-maybe": "DeepSkyBlue",
-    todo: "White",
+    todo: "rgb(0 0 0 / 0)",
     waiting: "MediumOrchid",
   };
   var currentTagFilter: TagFilter | null = null;
@@ -692,6 +692,11 @@ function BrowserUI() {
       this.setTagFilter({description: "(untagged)", include: task => task.getElementsByClassName("tag").length === 0});
     },
 
+    toggleDark: function () {
+      document.body.classList.toggle("dark");
+      this.setView(currentViewState);
+    },
+
     undo: function () {
       const ret = ui.undo();
       if (ret && ret instanceof HTMLElement) ret.focus();
@@ -774,6 +779,7 @@ function handleKey(event: any) {
       if (event.key == "a") return browserUI.setView("all");
       if (event.key == "C") return browserUI.setView("cancelled");
       if (event.key == "c") return browserUI.setTagView("comp");
+      if (event.key == "D") return browserUI.toggleDark();
       if (event.key == "d") return browserUI.setView("done");
       if (event.key == "e") return browserUI.setTagView("errand");
       if (event.key == "h") return browserUI.setTagView("home");