Skip to content

fix(code): use accent colors in ActionSelector for light mode consistency#1555

Closed
posthog[bot] wants to merge 1 commit intomainfrom
posthog-code/fix-action-selector-light-mode-bg
Closed

fix(code): use accent colors in ActionSelector for light mode consistency#1555
posthog[bot] wants to merge 1 commit intomainfrom
posthog-code/fix-action-selector-light-mode-bg

Conversation

@posthog
Copy link
Copy Markdown
Contributor

@posthog posthog bot commented Apr 8, 2026

Summary

  • Replaced hardcoded --blue-* CSS variables with --accent-* across ActionSelector, OptionRow, and StepTabs components
  • In light mode, --accent-* resolves to the PostHog orange scale, which matches the app's warm sage/olive gray palette instead of clashing with cool blue tones
  • Dark mode also benefits, using the yellow accent scale consistently

Test plan

  • Open the app in light mode and trigger an ActionSelector (e.g. a permission prompt)
  • Verify the background, border, and text colors match the rest of the app's warm palette
  • Confirm dark mode still looks correct with yellow accent colors
  • Check StepTabs rendering if multi-step selectors are used

Created with PostHog Code

Replace hardcoded --blue-* CSS variables with --accent-* in ActionSelector,
OptionRow, and StepTabs. In light mode the accent resolves to the PostHog
orange scale, matching the rest of the app instead of clashing with the
warm sage/olive gray palette.

Generated-By: PostHog Code
Task-Id: 8aff4e4e-76da-4a19-b02a-f5ff885e4b6f
@jonathanlab jonathanlab closed this Apr 8, 2026
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.

1 participant