fix(themes): #52 broken/high-ROI fidelity fixes

Six per-theme defects: rose-pine btop rewritten to Dawn (was Main-on-Dawn, invisible hi_fg); everforest + summer-night btop inactive_fg off main_bg; vantablack role inversion (surface/overlay/muted + btop selection); osaka-jade text↔subtext swap + warn→yellow; catppuccin-latte mantle/accentAlt/ANSI axis; catppuccin Mocha btop (was Frappé). accentAlt uses Latte mauve #8839ef, not the audit's pink #ea76cb (which fails the 3.0 contrast floor). Worktree agent; diff reviewed + contrast conflict adjudicated. V0: check-theme-contrast 24x7 all pass + flake check green. btop V2 render pending (batched). Residual ansi[8]/ansi[3] drift noted. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-09 19:36:58 +01:00
parent 4a99b64532
commit def6e9dcbe
10 changed files with 131 additions and 113 deletions
--- a/agent/BACKLOG.md
+++ b/agent/BACKLOG.md
@@ -110,15 +110,15 @@ theme-shot render with an induced doctor failure to see the glyph (fold into
 #44's `checks.doctor` extension); CC message + scroll are behavioural (V1
 + self-evident).

-### 52. Theme fidelity bugs — Broken/high-ROI (promoted 2026-07-09, V0+V2)
-Execute the six clear per-theme defects — **exact hexes in the
-"#### Broken / high-ROI fixes" block under _Per-theme design audit_ below**:
-rose-pine btop (Main-on-Dawn → invisible hi_fg; rewrite to Dawn); everforest
-+ summer-night btop `inactive_fg==main_bg` (invisible); vantablack role
-inversion (white-on-white selection/muted); osaka-jade warn≈good +
-text/subtext inverted; catppuccin-latte ANSI black/white axis inverted +
-mantle sludge; catppuccin (Mocha) btop is Frappé-on-Mocha. Verify:
-`check-theme-contrast` (V0) + a theme-shot render of each (V2).
+### 52. Theme fidelity bugs — btop V2 render pending
+Six per-theme defects fixed 2026-07-09 (rose-pine btop→Dawn; everforest +
+summer-night btop `inactive_fg`; vantablack role inversion; osaka-jade
+text/subtext + warn; catppuccin-latte mantle/accentAlt/ANSI; catppuccin
+Mocha btop). JSON fixes **V0-verified** (`check-theme-contrast` 24×7 all
+pass — accentAlt retuned to Latte mauve `#8839ef`, not the audit's pink
+`#ea76cb` which fails the 3.0 floor). **Remaining V2:** a theme-shot render
+of the btop-changed themes (rose-pine, everforest, summer-night, vantablack,
+catppuccin) — btop.theme isn't contrast-checked.

 ### 53. Missing theme previews + neon-glass whole-swap (promoted 2026-07-09, V2)
 - Capture `executive-slate` + `neon-glass` `preview.png` headlessly via the
@@ -286,6 +286,12 @@ flagged separately from fidelity bugs.*
 _→ promoted as NEXT **#52** (2026-07-09); the six bullets below are its
 spec (exact hexes). The rest of the per-theme audit stays PROPOSED._

+_Residual ANSI drift exposed by the #52 fixes (not yet touched — small
+follow-up): **vantablack** `ansi[8]` (bright-black) still `#fdfdfd`, now
+diverging from the new `muted #666666`; **osaka-jade** `ansi[3]`
+(normal-yellow) still the old warn-green `#459451` while `warn`/`ansi[11]`
+are now `#E5C736`. Decide per theme whether these are identity or bugs._
+
 - **rose-pine btop is Main-on-Dawn (near-invisible hi_fg)**
  JSON is **Rosé Pine Dawn** (`mode: light`, base `#faf4ed`, text
  `#575279`) but `themes/rose-pine/btop.theme` mixes Dawn
--- a/agent/JOURNAL.md
+++ b/agent/JOURNAL.md
@@ -17,6 +17,18 @@ Template:

 ---

+## 2026-07-09 — #52 theme fidelity Broken/high-ROI fixes (delegated, worktree)
+- **Task:** NEXT #52. Sonnet worktree agent (parallel, theme files only).
+- **Did:** Six defects fixed: rose-pine btop→Dawn, everforest/summer-night
+  btop `inactive_fg`, vantablack role inversion, osaka-jade text/subtext+warn,
+  catppuccin-latte mantle/accentAlt/ANSI, catppuccin Mocha btop. **My call on
+  a flagged conflict:** the audit's accentAlt `#ea76cb` (Latte pink) fails the
+  3.0 contrast floor → used Latte **mauve `#8839ef`** (contrast-safe, canonical).
+- **Verified:** V0 — `check-theme-contrast` 24×7 **all pass**; flake check green.
+  btop.theme visual = **V2 render pending** (batched). Filed a residual note
+  (vantablack ansi[8], osaka-jade ansi[3] drift exposed by the fixes).
+- **Next:** land #54; batched V2 render of the btop themes + #51 doctor glyph.
+
 ## 2026-07-09 — #51 Waybar/menu behaviour bugs (delegated, worktree)
 - **Task:** NEXT #51. Sonnet worktree agent (parallel with #52/#54, no shared
  files).
--- a/themes/catppuccin-latte.json
+++ b/themes/catppuccin-latte.json
@@ -6,14 +6,14 @@
  "wallpaper": "",
  "colors": {
    "base": "#eff1f5",
-    "mantle": "#cbcdd0",
+    "mantle": "#e6e9ef",
    "surface": "#bfc4d0",
    "overlay": "#acb0be",
    "text": "#4c4f69",
    "subtext": "#5c5f77",
    "muted": "#8c8fa1",
    "accent": "#1e66f5",
-    "accentAlt": "#d260b5",
+    "accentAlt": "#8839ef",
    "good": "#40a02b",
    "warn": "#d6860a",
    "bad": "#d20f39"
@@ -40,21 +40,21 @@
    "shadow": true
  },
  "ansi": [
-    "#bcc0cc",
-    "#d20f39",
-    "#40a02b",
-    "#df8e1d",
-    "#1e66f5",
-    "#ea76cb",
-    "#179299",
    "#5c5f77",
-    "#acb0be",
    "#d20f39",
    "#40a02b",
    "#df8e1d",
    "#1e66f5",
    "#ea76cb",
    "#179299",
-    "#6c6f85"
+    "#acb0be",
+    "#6c6f85",
+    "#d20f39",
+    "#40a02b",
+    "#df8e1d",
+    "#1e66f5",
+    "#ea76cb",
+    "#179299",
+    "#bcc0cc"
  ]
 }
--- a/themes/catppuccin/btop.theme
+++ b/themes/catppuccin/btop.theme
@@ -2,82 +2,82 @@
 theme[main_bg]="#1E1E2E"

 # Main text color
-theme[main_fg]="#c6d0f5"
+theme[main_fg]="#cdd6f4"

 # Title color for boxes
-theme[title]="#c6d0f5"
+theme[title]="#cdd6f4"

 # Highlight color for keyboard shortcuts
-theme[hi_fg]="#8caaee"
+theme[hi_fg]="#89b4fa"

 # Background color of selected item in processes box
-theme[selected_bg]="#51576d"
+theme[selected_bg]="#585b70"

 # Foreground color of selected item in processes box
-theme[selected_fg]="#8caaee"
+theme[selected_fg]="#89b4fa"

 # Color of inactive/disabled text
-theme[inactive_fg]="#838ba7"
+theme[inactive_fg]="#7f849c"

 # Color of text appearing on top of graphs, i.e uptime and current network graph scaling
-theme[graph_text]="#f2d5cf"
+theme[graph_text]="#f5e0dc"

 # Background color of the percentage meters
-theme[meter_bg]="#51576d"
+theme[meter_bg]="#585b70"

 # Misc colors for processes box including mini cpu graphs, details memory graph and details status text
-theme[proc_misc]="#f2d5cf"
+theme[proc_misc]="#f5e0dc"

 # CPU, Memory, Network, Proc box outline colors
-theme[cpu_box]="#ca9ee6" #Mauve
-theme[mem_box]="#a6d189" #Green
-theme[net_box]="#ea999c" #Maroon
-theme[proc_box]="#8caaee" #Blue
+theme[cpu_box]="#cba6f7" #Mauve
+theme[mem_box]="#a6e3a1" #Green
+theme[net_box]="#eba0ac" #Maroon
+theme[proc_box]="#89b4fa" #Blue

 # Box divider line and small boxes line color
-theme[div_line]="#737994"
+theme[div_line]="#6c7086"

 # Temperature graph color (Green -> Yellow -> Red)
-theme[temp_start]="#a6d189"
-theme[temp_mid]="#e5c890"
-theme[temp_end]="#e78284"
+theme[temp_start]="#a6e3a1"
+theme[temp_mid]="#f9e2af"
+theme[temp_end]="#f38ba8"

 # CPU graph colors (Teal -> Lavender)
-theme[cpu_start]="#81c8be"
-theme[cpu_mid]="#85c1dc"
-theme[cpu_end]="#babbf1"
+theme[cpu_start]="#94e2d5"
+theme[cpu_mid]="#74c7ec"
+theme[cpu_end]="#b4befe"

 # Mem/Disk free meter (Mauve -> Lavender -> Blue)
-theme[free_start]="#ca9ee6"
-theme[free_mid]="#babbf1"
-theme[free_end]="#8caaee"
+theme[free_start]="#cba6f7"
+theme[free_mid]="#b4befe"
+theme[free_end]="#89b4fa"

 # Mem/Disk cached meter (Sapphire -> Lavender)
-theme[cached_start]="#85c1dc"
-theme[cached_mid]="#8caaee"
-theme[cached_end]="#babbf1"
+theme[cached_start]="#74c7ec"
+theme[cached_mid]="#89b4fa"
+theme[cached_end]="#b4befe"

 # Mem/Disk available meter (Peach -> Red)
-theme[available_start]="#ef9f76"
-theme[available_mid]="#ea999c"
-theme[available_end]="#e78284"
+theme[available_start]="#fab387"
+theme[available_mid]="#eba0ac"
+theme[available_end]="#f38ba8"

 # Mem/Disk used meter (Green -> Sky)
-theme[used_start]="#a6d189"
-theme[used_mid]="#81c8be"
-theme[used_end]="#99d1db"
+theme[used_start]="#a6e3a1"
+theme[used_mid]="#94e2d5"
+theme[used_end]="#89dceb"

 # Download graph colors (Peach -> Red)
-theme[download_start]="#ef9f76"
-theme[download_mid]="#ea999c"
-theme[download_end]="#e78284"
+theme[download_start]="#fab387"
+theme[download_mid]="#eba0ac"
+theme[download_end]="#f38ba8"

 # Upload graph colors (Green -> Sky)
-theme[upload_start]="#a6d189"
-theme[upload_mid]="#81c8be"
-theme[upload_end]="#99d1db"
+theme[upload_start]="#a6e3a1"
+theme[upload_mid]="#94e2d5"
+theme[upload_end]="#89dceb"

 # Process box color gradient for threads, mem and cpu usage (Sapphire -> Mauve)
-theme[process_start]="#85c1dc"
-theme[process_mid]="#babbf1"
-theme[process_end]="#ca9ee6"
+theme[process_start]="#74c7ec"
+theme[process_mid]="#b4befe"
+theme[process_end]="#cba6f7"
--- a/themes/everforest/btop.theme
+++ b/themes/everforest/btop.theme
@@ -22,7 +22,7 @@ theme[selected_bg]="#3d484d"
 theme[selected_fg]="#dbbc7f"

 # Color of inactive/disabled text
-theme[inactive_fg]="#2d353b"
+theme[inactive_fg]="#59646a"

 # Color of text appearing on top of graphs, i.e uptime and current network graph scaling
 theme[graph_text]="#d3c6aa"
--- a/themes/osaka-jade.json
+++ b/themes/osaka-jade.json
@@ -9,13 +9,13 @@
    "mantle": "#0e1814",
    "surface": "#23372B",
    "overlay": "#53685B",
-    "text": "#C1C497",
-    "subtext": "#F6F5DD",
+    "text": "#F6F5DD",
+    "subtext": "#C1C497",
    "muted": "#53685B",
    "accent": "#509475",
    "accentAlt": "#D2689C",
    "good": "#549e6a",
-    "warn": "#459451",
+    "warn": "#E5C736",
    "bad": "#FF5345"
  },
  "border": {
--- a/themes/rose-pine/btop.theme
+++ b/themes/rose-pine/btop.theme
@@ -7,113 +7,113 @@ theme[main_fg]="#575279"
 # Text

 # Title color for boxes
-theme[title]="#908caa"
+theme[title]="#797593"
 # Subtle

 # Highlight color for keyboard shortcuts
-theme[hi_fg]="#e0def4"
+theme[hi_fg]="#575279"
 # Text

 # Background color of selected item in processes box
-theme[selected_bg]="#524f67"
+theme[selected_bg]="#cecacd"
 # HL High

 # Foreground color of selected item in processes box
-theme[selected_fg]="#f6c177"
-# Gold
+theme[selected_fg]="#d68a16"
+# Gold (dark, for contrast on light selected_bg)

 # Color of inactive/disabled text
-theme[inactive_fg]="#403d52"
-# HL Med
+theme[inactive_fg]="#9893a5"
+# Muted

 # Color of text appearing on top of graphs, i.e uptime and current network graph scaling
-theme[graph_text]="#9ccfd8"
+theme[graph_text]="#56949f"
 # Foam

 # Background color of the percentage meters
-theme[meter_bg]="#9ccfd8"
+theme[meter_bg]="#56949f"
 # Foam

 # Misc colors for processes box including mini cpu graphs, details memory graph and details status text
-theme[proc_misc]="#c4a7e7"
+theme[proc_misc]="#907aa9"
 # Iris

 # Cpu box outline color
-theme[cpu_box]="#ebbcba"
+theme[cpu_box]="#d7827e"
 # Rose

 # Memory/disks box outline color
-theme[mem_box]="#31748f"
+theme[mem_box]="#286983"
 # Pine

 # Net up/down box outline color
-theme[net_box]="#c4a7e7"
+theme[net_box]="#907aa9"
 # Iris

 # Processes box outline color
-theme[proc_box]="#eb6f92"
+theme[proc_box]="#b4637a"
 # Love

 # Box divider line and small boxes line color
-theme[div_line]="#6e6a86"
+theme[div_line]="#9893a5"
 # Muted

 # Temperature graph colors
-theme[temp_start]="#ebbcba"
+theme[temp_start]="#d7827e"
 # Rose
-theme[temp_mid]="#f6c177"
+theme[temp_mid]="#ea9d34"
 # Gold
-theme[temp_end]="#eb6f92"
+theme[temp_end]="#b4637a"
 # Love

 # CPU graph colors
-theme[cpu_start]="#f6c177"
+theme[cpu_start]="#ea9d34"
 # Gold
-theme[cpu_mid]="#ebbcba"
+theme[cpu_mid]="#d7827e"
 # Rose
-theme[cpu_end]="#eb6f92"
+theme[cpu_end]="#b4637a"
 # Love

 # Mem/Disk free meter
 # all love
-theme[free_start]="#eb6f92"
-theme[free_mid]="#eb6f92"
-theme[free_end]="#eb6f92"
+theme[free_start]="#b4637a"
+theme[free_mid]="#b4637a"
+theme[free_end]="#b4637a"

 # Mem/Disk cached meter
 # all iris
-theme[cached_start]="#c4a7e7"
-theme[cached_mid]="#c4a7e7"
-theme[cached_end]="#c4a7e7"
+theme[cached_start]="#907aa9"
+theme[cached_mid]="#907aa9"
+theme[cached_end]="#907aa9"

 # Mem/Disk available meter
 # all pine
-theme[available_start]="#31748f"
-theme[available_mid]="#31748f"
-theme[available_end]="#31748f"
+theme[available_start]="#286983"
+theme[available_mid]="#286983"
+theme[available_end]="#286983"

 # Mem/Disk used meter
 # all rose
-theme[used_start]="#ebbcba"
-theme[used_mid]="#ebbcba"
-theme[used_end]="#ebbcba"
+theme[used_start]="#d7827e"
+theme[used_mid]="#d7827e"
+theme[used_end]="#d7827e"

 # Download graph colors
 # Pine for start, foam for the rest
-theme[download_start]="#31748f"
-theme[download_mid]="#9ccfd8"
-theme[download_end]="#9ccfd8"
+theme[download_start]="#286983"
+theme[download_mid]="#56949f"
+theme[download_end]="#56949f"

 # Upload graph colors
-theme[upload_start]="#ebbcba"
+theme[upload_start]="#d7827e"
 # Rose for start
-theme[upload_mid]="#eb6f92"
+theme[upload_mid]="#b4637a"
 # Love for mid and end
-theme[upload_end]="#eb6f92"
+theme[upload_end]="#b4637a"

 # Process box color gradient for threads, mem and cpu usage
-theme[process_start]="#31748f"
+theme[process_start]="#286983"
 # Pine
-theme[process_mid]="#9ccfd8"
+theme[process_mid]="#56949f"
 # Foam for mid and end
-theme[process_end]="#9ccfd8"
+theme[process_end]="#56949f"
--- a/themes/summer-night/btop.theme
+++ b/themes/summer-night/btop.theme
@@ -17,7 +17,7 @@ theme[selected_bg]="#3c474d"
 theme[selected_fg]="#d9bb80"

 # Color of inactive/disabled text
-theme[inactive_fg]="#2d353b"
+theme[inactive_fg]="#868d80"

 # Color of text appearing on top of graphs, i.e uptime and current network graph scaling
 theme[graph_text]="#d3c6aa"
--- a/themes/vantablack.json
+++ b/themes/vantablack.json
@@ -7,11 +7,11 @@
  "colors": {
    "base": "#0d0d0d",
    "mantle": "#0b0b0b",
-    "surface": "#0d0d0d",
-    "overlay": "#fdfdfd",
+    "surface": "#1a1a1a",
+    "overlay": "#2a2a2a",
    "text": "#ffffff",
    "subtext": "#ececec",
-    "muted": "#fdfdfd",
+    "muted": "#666666",
    "accent": "#8d8d8d",
    "accentAlt": "#9b9b9b",
    "good": "#b6b6b6",
--- a/themes/vantablack/btop.theme
+++ b/themes/vantablack/btop.theme
@@ -11,13 +11,13 @@ theme[title]="#9b9b9b"
 theme[hi_fg]="#b0b0b0"

 # Background color of selected item in processes box
-theme[selected_bg]="#fdfdfd"
+theme[selected_bg]="#333333"

 # Foreground color of selected item in processes box
 theme[selected_fg]="#ffffff"

 # Color of inactive/disabled text
-theme[inactive_fg]="#fdfdfd"
+theme[inactive_fg]="#666666"

 # Misc colors for processes box including mini cpu graphs, details memory graph and details status text
 theme[proc_misc]="#9b9b9b"