Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[bug]: Status Bar Color in Dark Mode #2173

Open
1 task done
mouhamaddev opened this issue Jun 18, 2024 · 0 comments
Open
1 task done

[bug]: Status Bar Color in Dark Mode #2173

mouhamaddev opened this issue Jun 18, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@mouhamaddev
Copy link

mouhamaddev commented Jun 18, 2024

Is there an existing issue for this?

  • There is no exsiting issue for this bug

Describe the bug

In dark mode, the status bar on iPhone currently appears white. This contrasts sharply with the rest of the dark theme and can be visually jarring. It would be more aesthetically consistent if the status bar were gray, matching the overall dark theme.

Expected Behavior:
The status bar should be gray, blending with the dark theme of the website.

Actual Behavior:
The status bar appears white, standing out against the dark background.

That’s how it may look like before and after the change:

Before After
IMG_0736 IMG_0740

Relevant log output

No response

Steps to reproduce

  1. Open quran.com on a mobile device
  2. Enable dark mode
  3. Look at the status bar

Environment (please complete the following information) and Add any other context about this bug

OS: iOS
Browser: Safari
Version: 17

Environment

Production(quran.com)

@mouhamaddev mouhamaddev added the bug Something isn't working label Jun 18, 2024
@mouhamaddev mouhamaddev changed the title [bug]: [bug]: Status Bar Color in Dark Mode Jun 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant