🐛 Bug Report: Active integration category chip has low text contrast in light mode

[piyushtripathi9424]

Description

In the Integrations page, the currently selected category chip is difficult to read in light mode because the chip uses a very dark background while the label text remains black.

This results in poor contrast between the text and the background, making it hard to identify the active category at a glance.

Steps to Reproduce

1. Open the Layer5 website in light mode.
2. Navigate to the Integrations page.
3. Observe the selected category chip (e.g., ALL, PROVISIONING).

Expected Behavior

• The active category label should have sufficient contrast against its background.
• The selected state should be immediately distinguishable and readable.
• A contrasting text color (such as white) or an adjusted background color should be used to improve readability.

Actual Behavior

• The active chip displays black text on a very dark background.
• The text has poor visibility due to insufficient contrast.

Impact

• Reduces readability of the selected category.
• Makes it harder for users to identify the active filter.
• Negatively affects accessibility and overall user experience.

Possible Fix

• Change the active chip text color to a high-contrast color (e.g., white).
• Alternatively, adjust the active background color to maintain sufficient contrast while preserving the existing design.

Screenshots

Active "ALL" category

Active "PROVISIONING" category

Full page context

[piyushtripathi9424]

@Maanvi212006 @YASHMAHAKAL @KhushamBansal Can you assign this issue to me ?

[relda88]

Good catch. This is related to the RFC change in how trailing slashes are normalized. PR incoming.

[piyushtripathi9424]

Thanks for the update! I'll leave this issue for the incoming PR.