Skip to content

fix: use consistent gray background for ActionSelector in light mode#1581

Merged
adboio merged 1 commit intoPostHog:mainfrom
reverb256:fix/1556-action-selector-light-mode
Apr 9, 2026
Merged

fix: use consistent gray background for ActionSelector in light mode#1581
adboio merged 1 commit intoPostHog:mainfrom
reverb256:fix/1556-action-selector-light-mode

Conversation

@reverb256
Copy link
Copy Markdown
Contributor

Problem

The ActionSelector container used hardcoded blue theme colors (blue-1 background, blue-11 border) which looked inconsistent with the rest of the app in light mode. Other panels (signal cards, detail panes) use gray-1/gray-6.

Fix

Changed container background from var(--blue-1)var(--gray-1) and border from var(--blue-11)var(--gray-6) to match the rest of the app. Interactive elements (selected state, step tabs) still use blue accent colors for emphasis.

Fixes #1556

The ActionSelector container used hardcoded blue theme colors
(blue-1/blue-11) for background/border which looked inconsistent
in light mode. Changed to gray-1/gray-6 to match the rest of the app.

Interactive elements (selected state, step tabs) still use blue
accent colors for emphasis.

Fixes PostHog#1556

Signed-off-by: reverb256 <reverb256@users.noreply.github.com>
Copy link
Copy Markdown
Contributor

@adboio adboio left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

thank you!! could you please share a screenshot?

Copy link
Copy Markdown
Contributor

adboio commented Apr 9, 2026

dark light
Screenshot 2026-04-09 at 8.06.04 AM.png
Screenshot 2026-04-09 at 8.06.12 AM.png

@adboio adboio merged commit 46f2c67 into PostHog:main Apr 9, 2026
15 checks passed
@reverb256
Copy link
Copy Markdown
Contributor Author

Here is a screenshot of the ActionSelector with the fix applied:

ActionSelector with gray background

The border and background now use gray-6 and gray-1 instead of blue-11 and blue-1, consistent with the rest of the panels in the app (signal cards, detail panes, etc.).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

make the background of the ActionSelector in light mode consistent with the rest of the colours in the app

2 participants