From 67d773c2d89f610368766c2797ea8c4b380cea7d Mon Sep 17 00:00:00 2001 From: RVZO6 <66844656+RVZO6@users.noreply.github.com> Date: Wed, 21 Oct 2026 23:32:09 +0000 Subject: [PATCH 1/2] fix(mobile): disabled send button is readable in Material You dark The disabled composer action drew the onPrimary icon over a 15% primary tint. onPrimary is dark in dark schemes, so the arrow nearly vanished. Use the Material 3 disabled colors instead: onSurface at 12% for the container and 38% for the icon. Co-Authored-By: Claude Opus 5.5 --- apps/mobile/src/components/ComposerToolbar.tsx | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/apps/mobile/src/components/ComposerToolbar.tsx b/apps/mobile/src/components/ComposerToolbar.tsx index f8e3c1447f04f..5b3ac72c237f1 100644 --- a/apps/mobile/src/components/ComposerToolbar.tsx +++ b/apps/mobile/src/components/ComposerToolbar.tsx @@ -282,7 +282,7 @@ export function ComposerActionButton(props: { props.variant === "danger" ? "bg-danger" : props.disabled - ? "bg-primary/15" + ? "bg-foreground/12" : "bg-primary", )} > @@ -290,8 +290,14 @@ export function ComposerActionButton(props: { name={props.icon} size={smallIconSize} weight="semibold" + // Disabled follows Material 3 (onSurface at 12% / 38%): the primary foreground is + // chosen against solid primary, so it vanishes on a faint primary tint. tintColorClassName={ - props.variant === "danger" ? "accent-danger-foreground" : "accent-primary-foreground" + props.variant === "danger" + ? "accent-danger-foreground" + : props.disabled + ? "accent-foreground/38" + : "accent-primary-foreground" } type="monochrome" /> From 8c4c2fc2c7696334c94260d9cc0bf82a354327a7 Mon Sep 17 00:00:00 2001 From: maria-rcks Date: Mon, 26 Oct 2026 19:55:01 +0000 Subject: [PATCH 2/2] refactor(mobile): keep disabled composer color fix minimal --- apps/mobile/src/components/ComposerToolbar.tsx | 2 -- 1 file changed, 2 deletions(-) diff --git a/apps/mobile/src/components/ComposerToolbar.tsx b/apps/mobile/src/components/ComposerToolbar.tsx index c1acd830c136e..1a06864470ca9 100644 --- a/apps/mobile/src/components/ComposerToolbar.tsx +++ b/apps/mobile/src/components/ComposerToolbar.tsx @@ -283,8 +283,6 @@ export function ComposerActionButton(props: { name={props.icon} size={props.size === "large" ? Math.round(20 * scale) : smallIconSize} weight="semibold" - // Disabled follows Material 3 (onSurface at 12% / 38%): the primary foreground is - // chosen against solid primary, so it vanishes on a faint primary tint. tintColorClassName={ props.variant === "danger" ? "accent-danger-foreground"