Merge #160: Reader-facing finished label on the flat Bookmark

backend/internal/web/static/style.css

@@ -84,6 +84,7 @@
   /* One accent per action, so a press says which lane it belongs to. All three
    are held at the same weight as --brass: muted, no ember competition. */
   --slate: #7fa0c0;        /* archive */
+  --moss: #7fae86;         /* finished */
   --clay: #b5906f;         /* set chapter */
   --trash: #977671;        /* remove, resting — icons need 3:1, not 4.5:1 */
   /* A Lane needing attention: the admin page's only accent. Verdigris — cool,
@@ -147,6 +148,7 @@
     --danger-soft: #7c2c22;
     --brass: #8a681c;
     --slate: #3f6689;
+    --moss: #3d6c46;
     --clay: #7c5533;
     --trash: #8c6558;
     --patina: #1f6f66;
@@ -548,6 +550,7 @@ button { cursor: pointer; }
 .new-chapter { color: var(--ember); }
 .state { display: flex; align-items: center; gap: 4px; color: var(--mute); }
 .state svg { width: 10px; height: 10px; }
+.state.finished { color: var(--moss); }
 .is-dim .meta { color: var(--mute-2); }
 .is-dim .site-asura, .is-dim .site-demonic,
 .is-dim .site-comix, .is-dim .site-kagane,

backend/internal/web/templates/card.html

@@ -33,6 +33,10 @@
         <span class="sep">/</span>
         <span class="state">archived</span>
         {{end}}
+        {{if .Finished}}
+        <span class="sep">/</span>
+        <span class="state finished">finished</span>
+        {{end}}
       </p>
     </div>
     <div class="actions">