From a173a4047d404f49bbd12f55758c51c135aa7577 Mon Sep 17 00:00:00 2001 From: Ubuntu Date: Wed, 10 Jun 2026 03:51:04 +0000 Subject: [PATCH] =?UTF-8?q?chore(ui):=20WS6=20colors-finish=20=E2=80=94=20?= =?UTF-8?q?map=20last=20drift=20colors=20to=20tokens=20(ADR-047=20D-5)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Resolve the cleanly-mappable color leftovers (no meaningful visual change — all targets sit ~1-15 units from an existing token): - connections raw-expanded panel bg: 0xFF15161C/0xFFF8F9FA -> DesignColors.footerBackground / backgroundLight - propose_card_task result block: grey.shade900/100 bg -> surfaceDark/ canvasLight; grey.shade200/800 mono text -> textPrimary/textPrimaryLight - runs_screen chart series #5: new named DesignColors.violet token (categorical accent) replacing the stray 0xFFB394FF; the other 4 series colors were already tokens Ratchets stray_hex_color 5 -> 0 and raw_material_color 7 -> 3. The 3 remaining are deliberate: 2 pane_layout_painters greys (a CustomPainter opacity scheme where no token matches shade500-as-border) + 1 doc-comment mention in design_colors.dart. Co-Authored-By: Claude Opus 4.8 --- lib/screens/connections/connections_screen.dart | 4 ++-- lib/screens/me/widgets/propose_card_task.dart | 4 ++-- lib/screens/projects/runs_screen.dart | 2 +- lib/theme/design_colors.dart | 1 + scripts/design-token-baseline.txt | 4 ++-- 5 files changed, 8 insertions(+), 7 deletions(-) diff --git a/lib/screens/connections/connections_screen.dart b/lib/screens/connections/connections_screen.dart index 3ec3eb96..be73a754 100644 --- a/lib/screens/connections/connections_screen.dart +++ b/lib/screens/connections/connections_screen.dart @@ -906,7 +906,7 @@ class _ConnectionCardState extends ConsumerState<_ConnectionCard> { Widget _buildRawExpandedContent(bool isDark, ColorScheme colorScheme) { return Container( decoration: BoxDecoration( - color: isDark ? const Color(0xFF15161C) : const Color(0xFFF8F9FA), + color: isDark ? DesignColors.footerBackground : DesignColors.backgroundLight, border: Border( top: BorderSide( color: isDark ? DesignColors.borderDark : DesignColors.borderLight)), @@ -993,7 +993,7 @@ class _ConnectionCardState extends ConsumerState<_ConnectionCard> { Widget _buildExpandedContent(List activeSessions, bool isDark, ColorScheme colorScheme) { return Container( decoration: BoxDecoration( - color: isDark ? const Color(0xFF15161C) : const Color(0xFFF8F9FA), + color: isDark ? DesignColors.footerBackground : DesignColors.backgroundLight, border: Border(top: BorderSide(color: isDark ? DesignColors.borderDark : DesignColors.borderLight)), borderRadius: const BorderRadius.vertical(bottom: Radius.circular(12)), ), diff --git a/lib/screens/me/widgets/propose_card_task.dart b/lib/screens/me/widgets/propose_card_task.dart index d800683e..3ffdc467 100644 --- a/lib/screens/me/widgets/propose_card_task.dart +++ b/lib/screens/me/widgets/propose_card_task.dart @@ -79,14 +79,14 @@ class ProposeCardTask extends ConsumerWidget { Container( padding: const EdgeInsets.symmetric(horizontal: 8, vertical: Spacing.s8), decoration: BoxDecoration( - color: (isDark ? Colors.grey.shade900 : Colors.grey.shade100), + color: (isDark ? DesignColors.surfaceDark : DesignColors.canvasLight), borderRadius: BorderRadius.circular(4), ), child: Text( resultSummary, style: GoogleFonts.jetBrainsMono( fontSize: 11, - color: isDark ? Colors.grey.shade200 : Colors.grey.shade800, + color: isDark ? DesignColors.textPrimary : DesignColors.textPrimaryLight, ), ), ), diff --git a/lib/screens/projects/runs_screen.dart b/lib/screens/projects/runs_screen.dart index 8db0ce6a..2fbb9257 100644 --- a/lib/screens/projects/runs_screen.dart +++ b/lib/screens/projects/runs_screen.dart @@ -1972,7 +1972,7 @@ const _seriesPalette = [ DesignColors.warning, DesignColors.success, DesignColors.error, - Color(0xFFB394FF), + DesignColors.violet, ]; /// Renders a metric group as a single multi-line chart with a legend. diff --git a/lib/theme/design_colors.dart b/lib/theme/design_colors.dart index aa0f163c..a2602686 100644 --- a/lib/theme/design_colors.dart +++ b/lib/theme/design_colors.dart @@ -53,6 +53,7 @@ class DesignColors { // same model as AppStatusChip. static const info = Color(0xFF6366F1); // indigo — informational / phase static const slate = Color(0xFF64748B); // neutral slate — routine / status + static const violet = Color(0xFFB394FF); // categorical accent — chart series // Status containers (ADR-047 D-5/D-6 — M3 *Container / on*Container // idiom). A tinted callout background + the on-color that stays diff --git a/scripts/design-token-baseline.txt b/scripts/design-token-baseline.txt index 5e133d50..a57a7930 100644 --- a/scripts/design-token-baseline.txt +++ b/scripts/design-token-baseline.txt @@ -3,8 +3,8 @@ # One \t per line. Counts may only DECREASE — # lowering them as the backlog burns down (WS6) is the point. private_chip_class 30 -raw_material_color 7 -stray_hex_color 5 +raw_material_color 3 +stray_hex_color 0 off_scale_radius 16 off_scale_font_size 34 off_grid_edge_inset 32