Skip to content

[Bug] Light mode has inconsistent theme adaptation on Activity and Auth-related screens #218

@wanghuan-520

Description

@wanghuan-520

Summary

In NyxID App 1.0.1 (28), several screens and components still display dark-styled UI blocks or low-contrast elements in Light mode, resulting in an inconsistent visual experience and reduced readability.

Affected Areas

  • Activity screen
  • Activity loading state
  • History section header
  • History cards
  • Auth / social login screen
  • Bottom Ask Nyx FAB area

Actual

In Light mode:

  • The loading card on the Activity screen is still rendered as a dark panel
  • The History date header (for example MAR 13) still uses a dark blur/background style
  • History cards appear visually washed out and low-contrast
  • The middle Ask Nyx FAB remains visually dark and does not feel consistent with the light bottom navigation bar
  • Social login buttons on the auth screen remain dark
  • Legal/helper text on the auth screen has relatively weak contrast in Light mode

Image
Image
Image

Expected

When Light mode is enabled:

  • Loading states should follow the Light theme
  • History headers and cards should match the Light theme visual system
  • The bottom navigation and FAB area should feel visually consistent in Light mode
  • Social login screen components should either follow the Light theme or use an intentional style that still feels visually consistent and readable
  • Secondary text should maintain sufficient contrast

Impact

  • Light mode feels visually inconsistent
  • Some elements look like dark-mode leftovers rather than intentional Light theme design
  • Readability and overall polish are reduced, especially in loading and history-related states

Notes

Based on the current implementation, likely causes include:

  • FullScreenLoading uses hardcoded dark fallback colors instead of theme-driven colors
  • HistorySectionHeader uses BlurView tint="dark" and an additional dark background in Light mode
  • HistoryCard applies reduced opacity, which further lowers contrast in Light mode
  • The Light theme token for the Ask Nyx FAB still uses a dark background
  • Social auth buttons on the auth screen use hardcoded dark colors instead of theme-aware values
  • Some auth page legal text also uses hardcoded colors instead of theme tokens

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions