colors and customizing color cutoffs

css/base.css

@@ -54,6 +54,10 @@ button:focus {
   outline: 2px solid var(--subtext);
 }
 
+input[type="number"] {
+  width: 50px;
+}
+
 input::placeholder,
 i,
 .gray {

index.php

@@ -119,6 +119,29 @@ if ($user === false) {
         }
       }
     }
+  } else if ($intent === "set-threshold") {
+    $yellow = (int) $_POST["yellow"];
+    $gray = (int) $_POST["gray"];
+
+    if ($yellow <= 0) {
+      $yellow = -1;
+    }
+
+    if ($gray < 0) {
+      $gray = -1;
+    }
+
+    pg_update(
+      $db, "user",
+      array(
+        "yellow_threshold" => $yellow,
+        "gray_threshold" => $gray
+      ),
+      array("id" => $user["id"])
+    );
+
+    $user["yellow_threshold"] = $yellow;
+    $user["gray_threshold"] = $gray;
   } else if ($intent === "change-password") {
     $old_pw = $_POST["old"];
     $new_pw = $_POST["new"];
@@ -235,7 +258,18 @@ foreach ($sections as $section) {
       $todo_list .= "<li><i>{$lang['list']['none']}</i></li>";
     } else {
       foreach ($items as $item) {
-        $color = "red";
+        $current_time = time();
+        $for_time = strtotime($item["date"]);
+
+        if ($current_time > $for_time) {
+          $color = "red";
+        } else if ($user["yellow_threshold"] !== -1 && $current_time > $for_time - (60 * 60 * 24 * $user["yellow_threshold"])) {
+          $color = "yellow";
+        } else if ($user["gray_threshold"] !== -1 && $current_time < $for_time - (60 * 60 * 24 * $user["gray_threshold"])) {
+          $color = "gray";
+        } else {
+          $color = "";
+        }
 
         $todo_list .= "<li>" . str_replace(
           "%d", htmlspecialchars($item["description"]), str_replace(
@@ -342,6 +376,34 @@ foreach ($sections as $section) {
         </ul>
       </div>
 
+      <div>
+        <h3><?php echo $lang["settings"]["cosmetic"]["title"]; ?></h3>
+        <form method="POST">
+          <input type="hidden" name="intent" value="set-threshold">
+          <table>
+            <tr>
+              <td class="right"><?php echo $lang["settings"]["cosmetic"]["threshold"]["yellow"]; ?></td>
+              <td><?php echo str_replace(
+                "%n",
+                "<input type=\"number\" name=\"yellow\" min=\"-1\" required value=\"{$user['yellow_threshold']}\">",
+                $lang["settings"]["cosmetic"]["threshold"]["days_less"]
+              ); ?></td>
+            </tr>
+            <tr>
+              <td class="right"><?php echo $lang["settings"]["cosmetic"]["threshold"]["gray"]; ?></td>
+              <td><?php echo str_replace(
+                "%n",
+                "<input type=\"number\" name=\"gray\" min=\"-1\" required value=\"{$user['gray_threshold']}\">",
+                $lang["settings"]["cosmetic"]["threshold"]["days_more"]
+              ); ?></td>
+            </tr>
+            <tr>
+              <td></td>
+              <td><input type="submit" value="<?php echo $lang["settings"]["cosmetic"]["threshold"]["button"]; ?>"></td>
+          </table>
+        </form>
+      </div>
+
       <div>
         <h3><?php echo $lang["settings"]["account"]["title"]; ?></h3>
         <?php echo str_replace("%u", "<code>{$user['username']}</code>", $lang["settings"]["account"]["current"]); ?>

lang/en-US.json

@@ -83,6 +83,19 @@
       "save": "Save"
     },
 
+    "cosmetic": {
+      "threshold": {
+        "yellow": "Yellow:",
+        "gray": "Gray:",
+        "days_less": "%n days or less",
+        "days_more": "%n days or more",
+        "disable": "Set to -1 to disable",
+        "button": "Save"
+      },
+
+      "title": "Cosmetic Options"
+    },
+
     "account": {
       "password": {
         "title": "Change Password",