diff --git a/www/todo/main.js b/www/todo/main.js
index c50d96f7a..0b54a96e8 100644
--- a/www/todo/main.js
+++ b/www/todo/main.js
@@ -65,11 +65,17 @@ define([
                     'class': 'cp-task'
                 }).appendTo($list);
 
-                makeCheckbox(el, function (state) {
+                var $box = makeCheckbox(el, function (state) {
                     display();
-                }).appendTo($taskDiv);
+                })
+                .appendTo($taskDiv);
 
                 var entry = APP.lm.proxy.data[el];
+
+                if (entry.state) {
+                    $taskDiv.addClass('cp-task-complete');
+                }
+
                 $('<span>', { 'class': 'cp-task-text' })
                     .text(entry.task)
                     .appendTo($taskDiv);
diff --git a/www/todo/todo.less b/www/todo/todo.less
index 0038f5771..22bb7f165 100644
--- a/www/todo/todo.less
+++ b/www/todo/todo.less
@@ -63,6 +63,11 @@ body {
     align-items: center;
     background-color: white;
 
+    &.cp-task-complete {
+        background-color: #f0f0f0;
+        color: #777;
+    }
+
     .cp-task-text {
         margin: @spacing;
         flex: 1;