Skip to content

style: Moegi-inspired secret reference highlighting colors#814

Open
nimish-ks wants to merge 1 commit intofeat--secret-referencing-uxfrom
feat--moegi-secret-ref-colors
Open

style: Moegi-inspired secret reference highlighting colors#814
nimish-ks wants to merge 1 commit intofeat--secret-referencing-uxfrom
feat--moegi-secret-ref-colors

Conversation

@nimish-ks
Copy link
Member

Summary

  • Replace default Tailwind color classes with hand-picked colors from the Moegi Black VS Code theme for secret reference syntax highlighting
  • Applies to both the inline highlight component and the autocomplete dropdown icons
  • Color mapping: teal (#5fb5be) for env, pink (#ed9cc2) for app, emerald (#74ccaa) for key, gold (#f6c177) for folder, lavender (#a0a5d6) for delimiters

Test plan

  • Verify secret reference highlighting renders correctly in both light and dark mode
  • Check autocomplete dropdown icon colors match the inline highlights
  • Confirm plain text segments remain unstyled

Cherry-pick syntax highlighting colors from the Moegi Black VS Code theme
for secret reference segments: teal for env, pink for app, emerald for key,
golden for folder, and lavender for delimiters.
@nimish-ks
Copy link
Member Author

@rohan-chaturvedi feel free to tweak the colors on light theme for better visibility. You could reference them from the base theme.

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