Alchemyst-ai / Alchemyst-ai/awesome-saas

Light mode UI bug: Chrome bottom navigation icon has incorrect color

Open
#64 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
423
Forks
78
PR merge metrics
No merged PRs in 30d

Description

**Describe the bug**
In light mode, the Chrome bottom navigation button icon appears white, which causes poor contrast against the light background and makes it inconsistent with the expected light-mode design. In dark mode, the icon appears correctly with proper contrast.

**To Reproduce**
Steps to reproduce the behavior:
1. Open the Alchemyst AI website in Chrome browser
2. Ensure the site is in light mode
3. Click the 3 bar menu
4. Observe the icon color

**Expected behavior**
In light mode, the Chrome bottom navigation icon should appear dark (black or near-black) to maintain proper contrast and visual consistency, similar to how it behaves correctly in dark mode.

**Screenshots**

![Image](https://github.com/user-attachments/assets/3ea6ce2c-7efa-4960-8591-b65f76cc5877)

![Image](https://github.com/user-attachments/assets/d9fdf869-4396-461a-82c7-95b17b62a24d)

**Smartphone :**
- OS: Android / IOS

**Additional context**
This issue impacts UI consistency and accessibility, as the white icon in light mode reduces visibility and breaks the expected light/dark theme behavior.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.