Skip to content

[BUG]: Share button is not visible in Light Mode on Overview page #200

Description

@Thushara3005

🐛 Bug Description

The Share button on the Organization Overview page is visible and usable in Dark Mode, but it is not visually visible in Light Mode.

In Light Mode, the Share button appears as an empty/white rounded container next to the View on GitHub button. The Share functionality appears to still be present, but the Share icon and text are not visible, likely due to insufficient contrast with the background.

🔄 Steps to Reproduce

  1. Open the OrgExplorer Overview page:
    https://orgexplorer.aossie.org
  2. Select any organization.
  3. Switch to Light Mode.
  4. Look at the action buttons near the organization name.
  5. Observe the area next to the View on GitHub button.
  6. Switch to Dark Mode and compare the same section.

📸 Screenshots

Light Mode

Image

The Share button appears as an empty white rounded container next to the View on GitHub button. The Share icon and text are not visible.

Dark Mode

Image

The Share button is clearly visible with the Share icon and "Share" text.

🌐 Environment Details

  • OS: Windows
  • Browser: Google Chrome
  • Page: OrgExplorer Organization Overview
  • URL: https://orgexplorer.aossie.org
  • Theme: Light Mode
  • Comparison: Dark Mode

✅ Expected Behavior

The Share button should be clearly visible in both Light Mode and Dark Mode, including its icon and "Share" text, while maintaining sufficient color contrast.

❌ Actual Behavior

In Light Mode, the Share button's container is visible, but the Share icon and text are not visually distinguishable from the background.

📌 Impact

Low – Minor inconvenience
The Share functionality appears to remain available, but its visual appearance in Light Mode makes it difficult for users to identify and use the button.

📋 Additional Information

I have joined the Discord server and can provide updates there.
I have also searched existing issues to avoid reporting a duplicate.

Metadata

Metadata

Assignees

No one assigned

    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