From f040b3f65c3d49bcf19dcd970b7521c3b844b8b8 Mon Sep 17 00:00:00 2001
From: Debanjum Singh Solanky <debanjum@gmail.com>
Date: Thu, 28 Jul 2022 06:42:57 +0400
Subject: [PATCH] Stylize TODO/DONE states with CSS

---
 src/interface/web/index.html | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/interface/web/index.html b/src/interface/web/index.html
index a82073af..8ed66446 100644
--- a/src/interface/web/index.html
+++ b/src/interface/web/index.html
@@ -159,6 +159,18 @@
         #json {
             white-space: pre-wrap;
         }
+
+        span.task-status {
+            color: white;
+            padding: 3.5px 3.5px 0;
+            margin: 5px;
+        }
+        span.task-status.todo {
+            background-color: rgb(39, 149, 182);
+        }
+        span.task-status.done {
+            background-color: rgb(81, 143, 31);
+        }
     </style>
 
 </html>