Repository navigation
Closed
Labels
P3Low priority / Polish & EnhancementsLow priority / Polish & EnhancementsfrontendTheme parser epic label: frontendTheme parser epic label: frontendthemeTheming, colors, VS Code themesTheming, colors, VS Code themesuiUser interface components and widgetsUser interface components and widgets
Milestone
Description
Summary
A code search for Color(0x...) outside of lib/core/theme/ revealed 37 hardcoded color definitions, bypassing the unified QueryaTheme token system:
- Onboarding / Welcome Tour:
- In
lib/features/onboarding/welcome_tour_dialog.dart(lines 63–64, 393–444, 638–644), fixed hex colors are directly instantiated:These colors do not adapt when the user switches between light, dark, high-contrast, or custom themes.iconColor: const material.Color(0xFF06B6D4), // Cyan iconColor: const material.Color(0xFF8B5CF6), // Purple iconColor: const material.Color(0xFF3B82F6), // Blue iconColor: const material.Color(0xFF10B981), // Emerald iconColor: const material.Color(0xFFF59E0B), // Amber color: const material.Color(0xFFEC4899), // Pink
- In
- Connection Environment Badges:
- In
lib/shared/widgets/connection_environment_badge.dart(lines 27–29), hardcoded Material colors are used:These should be resolved via theme semantic status tokens (ConnectionEnvironment.development => const material.Color(0xFF4CAF50), ConnectionEnvironment.staging => const material.Color(0xFFF59E0B), ConnectionEnvironment.production => const material.Color(0xFFEF4444),
workbench.success,workbench.warning,workbench.error).
- In
- Buttons & Dialogs:
- In
lib/shared/widgets/querya_button.dart(lines 298–316) andlib/shared/widgets/app_dialog.dart, rawColor(0xFF000000)andColor(0xFFFFFFFF)are used instead of theme foreground/background tokens.
- In
Proposed Solution
- Replace hardcoded colors in
welcome_tour_dialog.dartwith colors derived fromcontext.queryaTheme(e.g. using syntax/editor accent tokens or theme primary colors). - Refactor
connection_environment_badge.dartto use semantic workbench colors fromcontext.queryaTheme.workbench. - Ensure all dialog overlays and button contrast colors reference theme tokens.
Acceptance Criteria
- All UI widgets adapt harmoniously across all installed themes (light, dark, high contrast).
- No hardcoded
Color(0x...)remain inwelcome_tour_dialog.dartandconnection_environment_badge.dart.
Metadata
Metadata
Assignees
Labels
P3Low priority / Polish & EnhancementsLow priority / Polish & EnhancementsfrontendTheme parser epic label: frontendTheme parser epic label: frontendthemeTheming, colors, VS Code themesTheming, colors, VS Code themesuiUser interface components and widgetsUser interface components and widgets
Activity
refactor(ui): migrate hardcoded colors in onboarding and badges to Qu…
ZhuchkaTriplesix commentedon Oct 17, 2026
Resolved in #1666
fix(theme): token defaults without a theme scope no longer need a sha…