Skip to content

fix: improve dark mode compatibility for owners card component

Chris Burrrequested to merge
fix/owners-card-dark-mode into main

Summary

Fixes dark mode compatibility issues in the owners card component by replacing hardcoded color values with theme-aware MUI semantic color tokens.

Changes

  • Background colors: Replaced hardcoded grey.50/grey.100 with semantic action.selected/action.hover tokens
  • Text colors: Updated from hardcoded grey.500/grey.700 to semantic text.secondary/text.primary tokens
  • Avatar styling: Updated to use grey.600 and common.white for better contrast in dark mode
  • Hover states: Ensured consistent action.hover color across all interactive elements

Impact

  • Improves visual consistency between light and dark themes
  • Enhances accessibility and contrast ratios
  • Provides better user experience when using dark mode
  • Follows MUI design system best practices

Resolves UI rendering issues where the owners card was not properly adapting to the application's dark theme.

Merge request reports