Tighten shared native surface tokens

AgentCompany-Rust/crates/app_ui/src/theme.rs

@@ -1,11 +1,11 @@
 use gpui::{Hsla, rgb};
 
 pub fn window_bg() -> Hsla {
-    rgb(0xf7f8fb).into()
+    rgb(0xf9f9f7).into()
 }
 
 pub fn shell_header() -> Hsla {
-    rgb(0xffffff).into()
+    rgb(0xfcfcfa).into()
 }
 
 pub fn panel() -> Hsla {
@@ -13,47 +13,47 @@ pub fn panel() -> Hsla {
 }
 
 pub fn panel_border() -> Hsla {
-    rgb(0xe7eaf0).into()
+    rgb(0xe4e4df).into()
 }
 
 pub fn panel_hover() -> Hsla {
-    rgb(0xf3f6fb).into()
+    rgb(0xf5f7fa).into()
 }
 
 pub fn panel_inset() -> Hsla {
-    rgb(0xf5f7fb).into()
+    rgb(0xf7f7f3).into()
 }
 
 pub fn panel_inset_border() -> Hsla {
-    rgb(0xe8ecf3).into()
+    rgb(0xcbcbc5).into()
 }
 
 pub fn panel_muted() -> Hsla {
-    rgb(0xf1f4f8).into()
+    rgb(0xf1f3f6).into()
 }
 
 pub fn text_primary() -> Hsla {
-    rgb(0x171c25).into()
+    rgb(0x22252b).into()
 }
 
 pub fn text_secondary() -> Hsla {
-    rgb(0x3e4757).into()
+    rgb(0x5e6673).into()
 }
 
 pub fn text_muted() -> Hsla {
-    rgb(0x6e7686).into()
+    rgb(0x8a9099).into()
 }
 
 pub fn text_subtle() -> Hsla {
-    rgb(0x8b93a1).into()
+    rgb(0xa2a7af).into()
 }
 
 pub fn primary_action() -> Hsla {
-    rgb(0x556f90).into()
+    rgb(0x5d6f8e).into()
 }
 
 pub fn primary_action_hover() -> Hsla {
-    rgb(0x617b9c).into()
+    rgb(0x6c7d99).into()
 }
 
 pub fn primary_action_text() -> Hsla {
@@ -61,35 +61,35 @@ pub fn primary_action_text() -> Hsla {
 }
 
 pub fn accent_blue() -> Hsla {
-    rgb(0x5876a3).into()
+    rgb(0x35507a).into()
 }
 
 pub fn accent_blue_soft() -> Hsla {
-    rgb(0xebf1ff).into()
+    rgb(0xeef3fb).into()
 }
 
 pub fn accent_teal() -> Hsla {
-    rgb(0x167f76).into()
+    rgb(0x0d9488).into()
 }
 
 pub fn accent_teal_soft() -> Hsla {
-    rgb(0xe9faf4).into()
+    rgb(0xecfef8).into()
 }
 
 pub fn accent_orange() -> Hsla {
-    rgb(0xd97931).into()
+    rgb(0xc96a13).into()
 }
 
 pub fn accent_orange_soft() -> Hsla {
-    rgb(0xfdebdc).into()
+    rgb(0xfff1e7).into()
 }
 
 pub fn danger() -> Hsla {
-    rgb(0xc94646).into()
+    rgb(0xc74a4a).into()
 }
 
 pub fn danger_bg() -> Hsla {
-    rgb(0xfdeaea).into()
+    rgb(0xfff0f0).into()
 }
 
 pub fn success_bg() -> Hsla {
@@ -97,31 +97,31 @@ pub fn success_bg() -> Hsla {
 }
 
 pub fn sidebar_bg() -> Hsla {
-    rgb(0xffffff).into()
+    rgb(0xfbfbf9).into()
 }
 
 pub fn sidebar_hover() -> Hsla {
-    rgb(0xf4f6fa).into()
+    rgb(0xf4f5f2).into()
 }
 
 pub fn sidebar_divider() -> Hsla {
-    rgb(0xe7eaf0).into()
+    rgb(0xecece8).into()
 }
 
 pub fn sidebar_text() -> Hsla {
-    rgb(0x596273).into()
+    rgb(0x5e6673).into()
 }
 
 pub fn sidebar_text_active() -> Hsla {
-    rgb(0x111827).into()
+    rgb(0x22252b).into()
 }
 
 pub fn selection_fill() -> Hsla {
-    rgb(0xebf1ff).into()
+    rgb(0xeef3fb).into()
 }
 
 pub fn selection_border() -> Hsla {
-    rgb(0xc8d8f0).into()
+    rgb(0xd5deeb).into()
 }
 
 pub fn badge_dark() -> Hsla {

AgentCompany-Rust/prd.json

@@ -291,6 +291,45 @@
       "priority": 21,
       "passes": true,
       "notes": "Passed: current-directory-only final UI parity re-audit completed. All current-directory remediation stories are closed, ui-parity-audit.md was updated with the final status and known limits, and cargo clippy/test both pass."
+    },
+    {
+      "id": "US-022",
+      "title": "Tighten shared native surface tokens toward original desktop skin",
+      "description": "As an operator, I want shared cards, borders, fills, and density to match the original Electron desktop skin more closely so that every page feels visually identical, not just structurally similar.",
+      "acceptanceCriteria": [
+        "Theme tokens and shared surface density are refined toward screenshot-aligned desktop values",
+        "Current-directory UI pages keep passing typecheck and tests",
+        "cargo test --workspace passes"
+      ],
+      "priority": 22,
+      "passes": true,
+      "notes": "Passed: shared native surface tokens were tightened toward screenshot-aligned desktop values, warming the pane fills, softening borders, and refining selection/accent colors without touching parent-directory source files."
+    },
+    {
+      "id": "US-023",
+      "title": "Tighten messages and inbox visual chrome toward screenshot parity",
+      "description": "As an operator, I want communication surfaces to match the original visual chrome more closely so that thread selection, badges, spacing, and inspector feel identical.",
+      "acceptanceCriteria": [
+        "Messages and inbox surface density and chrome are refined toward screenshot/source parity",
+        "Typecheck passes",
+        "cargo test --workspace passes"
+      ],
+      "priority": 23,
+      "passes": false,
+      "notes": "Opened after structural communication remediation."
+    },
+    {
+      "id": "US-024",
+      "title": "Run final fine-grained current-directory visual audit",
+      "description": "As a maintainer, I want a final fine-grained visual audit of current-directory UI surfaces so that remaining differences are explicitly documented after the skin pass.",
+      "acceptanceCriteria": [
+        "ui-parity-audit.md is updated with fine-grained visual audit findings",
+        "cargo clippy --workspace --all-targets --all-features -- -D warnings passes",
+        "cargo test --workspace passes"
+      ],
+      "priority": 24,
+      "passes": false,
+      "notes": "Opened after component-skin parity work."
     }
   ]
 }

AgentCompany-Rust/progress.txt

@@ -30,3 +30,5 @@ Started: 2026-04-19
 - Completed US-020 inbox/messages remediation. Native inbox now uses a tighter source-like attention-list shell, and messages now remove off-source chrome while preserving the channel rail, live thread header, stream, composer, and inspector interactions.
 
 - Completed US-021 current-directory-only final re-audit. All current-directory UI remediation stories are now closed, ui-parity-audit.md records the final status and known limits, and the workspace passes cargo clippy and cargo test.
+
+- Completed US-022 shared skin pass. Current-directory theme tokens now align more closely with the screenshot-derived desktop skin: warmer window/sidebar fills, softer panel borders, gentler selected states, and more restrained accent surfaces.