give Claude turns a brand-orange message card (T-144)
test / unit + widget + golden + a11y (push) Failing after 28s
test / integration_test (xvfb) (push) Has been skipped
test / bundle smoke (xvfb 5s) (push) Has been skipped
test / daemon subprocess + web WASM smoke (push) Has been skipped
test / dart doc (lib API) (push) Failing after 23s
test / unit + widget + golden + a11y (push) Failing after 28s
test / integration_test (xvfb) (push) Has been skipped
test / bundle smoke (xvfb 5s) (push) Has been skipped
test / daemon subprocess + web WASM smoke (push) Has been skipped
test / dart doc (lib API) (push) Failing after 23s
Extends the card treatment to Claude's text responses: _userCard becomes a shared _messageCard(label, accent, body) used by both turns. The user stripe stays the theme focus colour; Claude's stripe + label use Claude's brand coral-orange (#D97757) — a fixed brand accent, not a theme token — so the two speakers are accent-coded at a glance. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -94,6 +94,10 @@ class _ConversationViewState extends State<ConversationView> {
|
||||
}
|
||||
}
|
||||
|
||||
/// Claude's brand coral-orange — a fixed brand accent (not a theme token)
|
||||
/// used for the "claude" message card's stripe + label.
|
||||
const claudeAccent = Color(0xFFD97757);
|
||||
|
||||
/// One conversation item, rendered by kind.
|
||||
class _ConversationTurn extends StatelessWidget {
|
||||
const _ConversationTurn({required this.item, required this.tokens});
|
||||
@@ -105,8 +109,8 @@ class _ConversationTurn extends StatelessWidget {
|
||||
Widget build(BuildContext context) {
|
||||
final i = item;
|
||||
return switch (i) {
|
||||
UserMessage() => _userCard(i),
|
||||
AssistantTextMessage() => _labelled('claude', tokens.globalFocus, ClideMarkdown(i.text)),
|
||||
UserMessage() => _messageCard('you', tokens.globalFocus, ClideMarkdown(i.text)),
|
||||
AssistantTextMessage() => _messageCard('claude', claudeAccent, ClideMarkdown(i.text)),
|
||||
AssistantThinkingMessage() => _labelled(
|
||||
'thinking',
|
||||
tokens.globalTextMuted,
|
||||
@@ -117,9 +121,10 @@ class _ConversationTurn extends StatelessWidget {
|
||||
};
|
||||
}
|
||||
|
||||
/// The user's own message — a distinct card (accent stripe + fill) so
|
||||
/// it reads apart from Claude's flat-markdown responses.
|
||||
Widget _userCard(UserMessage m) {
|
||||
/// A turn rendered as a distinct card: an [accent]-coloured left stripe
|
||||
/// and label over a filled background, so user and Claude turns read
|
||||
/// apart from each other (and from the panel canvas) by accent.
|
||||
Widget _messageCard(String label, Color accent, Widget body) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(bottom: 14),
|
||||
child: ClipRRect(
|
||||
@@ -130,7 +135,7 @@ class _ConversationTurn extends StatelessWidget {
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
Container(width: 3, color: tokens.globalFocus),
|
||||
Container(width: 3, color: accent),
|
||||
Expanded(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.fromLTRB(12, 8, 12, 8),
|
||||
@@ -138,13 +143,13 @@ class _ConversationTurn extends StatelessWidget {
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
ClideText(
|
||||
'you',
|
||||
label,
|
||||
fontSize: clideFontSmall,
|
||||
color: tokens.globalFocus,
|
||||
color: accent,
|
||||
fontFamily: clideMonoFamily,
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
ClideMarkdown(m.text),
|
||||
body,
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
Reference in New Issue
Block a user