a11y-theme-builder icon indicating copy to clipboard operation
a11y-theme-builder copied to clipboard

Published 20 hours ago • verified publisher icon finos

[TB] Implement the Default Colors panel

Open aaronreed708 opened this issue 7 months ago • 0 comments

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

aaronreed708 avatar Jul 24 '24 20:07 aaronreed708