finos / finos/a11y-theme-builder

[TB] Implement the Default Colors panel

Open
#970 0 comments 0 reactions 1 assignee Claimed by @omesh-omg View on GitHub
enhancement theme builder app
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.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.