finos / finos/a11y-theme-builder
[TB] Implement the Default Colors panel
- Dominant language
- TypeScript
- Stars
- 81
- Forks
- 77
- PR merge metrics
- No merged PRs in 30d
Description
## Problem/Concern
Related to https://github.com/finos/a11y-theme-builder/issues/916 and #820 , we need to implement the Default Colors expand/collapse component. This allows a user to affect the White, Black, Neutral, Error, Warning, Success and Info colors.
When this is implemented the user will, for both light and dark mode, be able to:
- [ ] Edit the White and Black colors
- [ ] Adjust the shades for the informational color palette
- [ ] Adjust the hue of a shades row in the informational color palette
Outstanding questions that need to be answered:
- How are the values provided for these colors? Do they have a Theme Builder default generated by Theme Builder for each design system that the user can then modify?
- How does the user pick a whole new color for success, for example, instead of just affecting the pre-selected shades? From the Light Mode -> Advanced Settings -> Backgrounds component?
- Should that be relocated here? I don't think it is consistent to show the palette of informational colors here without being able to also change them here.
## Proposed Solution
Implement the wireframe here: https://www.figma.com/design/Co8gYdDmE64Wv90eWy9FwE/Mentorship---Edit-Theme-Builder-Colors-and-Themes?node-id=1497-31751&t=o12N05y5ji3YqZ10-4
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.