Skip to content

fix: improve integration logo visibility in dark and light mode#7706

Open
AnkitRewar11 wants to merge 1 commit intolayer5io:masterfrom
AnkitRewar11:fix/dark-mode-integration-logos
Open

fix: improve integration logo visibility in dark and light mode#7706
AnkitRewar11 wants to merge 1 commit intolayer5io:masterfrom
AnkitRewar11:fix/dark-mode-integration-logos

Conversation

@AnkitRewar11
Copy link
Copy Markdown
Contributor

Description

Fixes #7676

This PR fixes integration logo visibility issues in both dark mode and light mode on the Meshery integrations page.

Changes Made

  • IntegrationsGrid.js: Fixed incorrect darkModeIntegrationIcon reference that was pointing to color icon instead of white icon
  • Aerospike: Fixed white SVG where fill color was #1A1A1A (dark) instead of #FFFFFF (white), causing invisibility in dark mode
  • Solr: Removed invalid sodipodi:namedview tags from both color and white SVGs that were causing rendering issues in dark mode
  • Ngrok: Fixed empty clipPath in color SVG that was hiding the logo in light mode, and updated fill color to #006AFF
  • Vald: White SVG was completely empty, created proper white SVG paths so logo renders in dark mode
  • Rustrial AWS EKS IAM Auth Controller: Both color and white SVG files were empty, created placeholder SVGs

Notes for Reviewers

  • Light mode logos retain their original colors
  • Dark mode logos now properly show white versions
  • No breaking changes

Signed commits

  • Yes, I signed my commits.

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented May 6, 2026

🚀 Preview deployment: https://layer5.io/pr-preview/pr-7706/

Note: Preview may take a moment (GitHub Pages deployment in progress). Please wait and refresh. Track deployment here

- Fix darkModeIntegrationIcon reference in IntegrationsGrid.js
- Fix Aerospike white SVG color from dark to white
- Fix Solr SVG by removing invalid sodipodi tags
- Fix Ngrok color SVG empty clipPath and update fill color
- Fix Vald empty white SVG with proper white paths
- Fix Rustrial AWS EKS empty SVG files with placeholder icons

Signed-off-by: ankitrewar11 <ankitrewar11@gmail.com>
@AnkitRewar11 AnkitRewar11 force-pushed the fix/dark-mode-integration-logos branch from 1d3022a to 719f704 Compare May 8, 2026 07:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Integration logos have low contrast / not visible in dark mode

1 participant