[BUG] Dark/Light theme update inconsistencies

[semasertt]

Prerequisites

• I have searched for existing issues that might be related to this bug
• I have read the documentation
• I am using the latest version of MasterFabric Expo

Affected Package

Theming

Platform

All platforms

Screen/Feature

Other

Bug Description

Some screens or components do not align with the theme change when switching between dark and light mode. When the theme changes, colors, contrast, or readability are not updated as expected, or some areas remain with the wrong theme colors.

Expected Behavior

• When the system theme (dark/light) changes, all screens and components should update immediately and consistently.
• Background, text, borders, and accent colors should match the selected theme.
• Contrast and accessibility should be preserved in both themes.

Steps To Reproduce

1. Open the app (with light or dark theme).
2. Change the system theme from device/emulator settings (Settings → Display → Dark/Light).
3. Return to the app and navigate through main screens and the settings screen.
4. Observe components or screens that do not adapt to the theme change (e.g. static background, wrong text color).

Code Sample

Logs/Stack Trace

Environment

• MasterFabric Expo Version: [e.g. 1.0.0]
• Expo SDK Version: [e.g. 53.0.0]
• React Native Version: [e.g. 0.79.3]
• Node.js Version: [e.g. 18.17.0]
• OS: [e.g. macOS 14.0, Windows 11]
• Device: [e.g. iPhone 15, Pixel 7, Web Browser]

Additional Context

As part of the dark/light theme update, the goal is for all UI components and screens to align with theme changes. Indicating which screen or component is affected (e.g. with screenshots) will help resolve the issue faster.

Screenshots

Dark theme	Light theme