The tailwind class autocomplete usually provides a color preview, aiding devex. As we are using css variables that dynamically change, tailwind is unable to provide that color preview. By providing a comment with the hexcode color in tailwind.config, we are able to reintroduce the color preview (albeit only for dark theme).
Also adds accent-950 into tailwind.config which was previously left off.
What change does this PR introduce?
Provides color previews for tailwind class autocomplete
Before:
After: (can only be configured to show the color palette in one theme (dark/light)
Please select the relevant option(s).
[ ] Bug fix (non-breaking change which fixes an issue)
[ ] New feature (non-breaking change which adds functionality)
[ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
[ ] CI/CD (updates related to the CI/CD process)
[ ] Documentation update (changes to docs/code comments)
[x] Chore (miscellaneous tasks that do not fall into the above options)
What is the proposed approach?
Please give a short overview/explanation on the approach taken to resolve the issue(s).
Checklist:
[ ] The commit message follows our adopted guidelines
[ ] Testing has been done for the change(s) added (for bug fixes/features)
[ ] Relevant comments/docs have been added/updated (for bug fixes/features)
Description
The tailwind class autocomplete usually provides a color preview, aiding devex. As we are using css variables that dynamically change, tailwind is unable to provide that color preview. By providing a comment with the hexcode color in tailwind.config, we are able to reintroduce the color preview (albeit only for dark theme).
Also adds accent-950 into tailwind.config which was previously left off.
What change does this PR introduce?
Provides color previews for tailwind class autocomplete
Before:
After: (can only be configured to show the color palette in one theme (dark/light)
Please select the relevant option(s).
What is the proposed approach?
Please give a short overview/explanation on the approach taken to resolve the issue(s).
Checklist: