@bobfrankston/rmfmail 1.1.84 → 1.1.86

package/client/styles/components.css

@@ -78,9 +78,10 @@
 .tb-icon { font-size: 1.1em; }
 .tb-btn.syncing .tb-icon { animation: spin 1s linear infinite; }
 @keyframes spin { to { transform: rotate(360deg); } }
-/* Viewer Flag button tracks the viewed message's flagged state — same
-   gold as the message-list row star (.ml-row.flagged .ml-flag). */
-#btn-flag.flagged { color: oklch(0.70 0.18 60); }
+/* Viewer Flag button turns gold/amber when the viewed message is
+   flagged — the same --color-flag-star used by the message-list row
+   star (.ml-row.flagged .ml-flag below). */
+#btn-flag.flagged { color: var(--color-flag-star); }
 .app-version { font-size: var(--font-size-sm); color: var(--color-text); opacity: 0.7; }
 
 .tb-menu { position: relative; display: inline-block; }
@@ -623,9 +624,11 @@ button.tb-menu-item { background: none; border: none; color: inherit; width: 100
     align-self: center;
     cursor: pointer;
 }
-.ml-flag:hover { color: oklch(0.72 0.16 60); }
+.ml-flag:hover { color: var(--color-flag-star); } /* preview the flag colour */
 .flagged-only .ml-row:not(.flagged) { display: none; }
-.ml-row.flagged .ml-flag { color: oklch(0.70 0.18 60); } /* solid gold star */
+/* Flagged row star: gold/amber (--color-flag-star, oklch hue 60) — the
+   same colour as the viewer toolbar Flag button (#btn-flag.flagged). */
+.ml-row.flagged .ml-flag { color: var(--color-flag-star); }
 .ml-row.flagged { background: color-mix(in oklch, oklch(0.75 0.15 60) 8%, transparent); }
 
 /* Priority sender — strongest signal while unread; fades after read so

package/client/styles/variables.css

@@ -26,6 +26,10 @@
     --color-danger: oklch(0.65 0.15 15);
     --color-success: oklch(0.65 0.15 145);
     --color-badge: oklch(0.60 0.18 250);
+    /* Flag star when set — gold/amber (oklch hue 60). Shared by the
+       message-list row star and the message-viewer toolbar Flag button
+       so the two always render the identical colour. */
+    --color-flag-star: oklch(0.70 0.18 60);
 
     /* Typography */
     --font-ui: "Segoe UI", system-ui, -apple-system, sans-serif;

package/npmchanges.md

@@ -116,3 +116,27 @@ The toolbar Flag button showed a ⚑ while the message-list row uses
 ★/☆ for the same flag state. Changed the toolbar glyph to ★ so the
 two are visibly the same action.
 
+## v1.1.84 — 2026-05-18
+
+Viewer Flag button reflects flagged state, like the list star
+
+The toolbar Flag button is now ☆ in the default colour when the viewed
+message is unflagged and a gold ★ when flagged — same glyph + colour
+behaviour as the message-list row star. updateFlagButton() runs on
+mailx-message-shown and after every toggle (including the error revert).
+
+## v1.1.85 — 2026-05-18
+
+Flag star: single named colour token; drop unneeded VS-15 churn
+
+v1.1.84 already rendered both flag stars the same gold, so the
+variation-selector / font-variant-emoji changes were reverted — they
+fixed nothing and put invisible characters in source.
+
+Instead the gold/amber flag colour is now a documented token,
+--color-flag-star (oklch hue 60), in variables.css. Both the
+message-list row star (.ml-row.flagged .ml-flag) and the viewer toolbar
+Flag button (#btn-flag.flagged) reference it, so they can't drift, and
+the colour is named rather than a duplicated magic number. Star glyphs
+restored to plain literal ★/☆.
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobfrankston/rmfmail",
-  "version": "1.1.84",
+  "version": "1.1.86",
   "description": "Local-first email client with IMAP sync and standalone native app",
   "type": "module",
   "main": "bin/mailx.js",