search

finos / a11y-theme-builder

DesignOps toolchain theme builder for accessibility inclusion using Atomic Design.
Apache License 2.0
45 stars 69 forks source link

[TB] Implement Build Color Palette page for building themes #916

Open aaronreed708 opened 5 months ago

aaronreed708 commented 5 months ago

Problem/Concern

The outcome from this issue is to update the user experience around creating a color palette from the epic #820. This issue is dependent on creating a mechanism for displaying a color palette that can vary based on whether WCAG AA or WCAG AAA is in effect. I believe that the user can edit any particular shade in a palette so the SDK may need to be updated so that any persisted shade (e.g. not calculated) can be saved and shade could be a WCAG AA shade or a WCAG AAA shade. This mechanism might need to be investigated to see if it needs to be/should be generalized across other components in Theme Builder.

Proposed Solution

Implement the wireframe here: https://www.figma.com/design/Co8gYdDmE64Wv90eWy9FwE/Mentorship---Edit-Theme-Builder-Colors-and-Themes?node-id=218-23035&t=kIShh9U3ahgpqsEv-4

omesh-omg commented 3 months ago

@lwnoble and @aaronreed708 the default color palette which has been mentioned in the design is generated by SDK if (Yes) : then whether the SDK has this functionality as of now. if (N0) then it has to be yet added. PS : there is a default theme applied to whole theme builder in it's CSS variables but so that might be used to recreate this but also then we have to create different for ( AAA ) guideline default theme.