-
Notifications
You must be signed in to change notification settings - Fork 1.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Reorganize the color palette #43304
Reorganize the color palette #43304
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🚀
{word} | ||
{i < arr.length - 1 ? '.' : ''} | ||
{/*potential line break*/} | ||
<wbr /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
TIL <wbr />
exists.
@@ -87,13 +104,15 @@ export type ThemeColors = { | |||
textDisabled: string; | |||
bgDisabled: string; | |||
|
|||
/** @deprecated Use `interactive.solid.primary` instead. */ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Oh, that is huge that this now works properly thanks to types in UI components.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Unfortunately, only in style functions, but the usage of colors in attributes is somehow limited to just a handful of cases.
Co-authored-by: Rafał Cieślak <[email protected]>
* Reorganize the color palette * Update web/packages/design/src/theme/themeColors.story.tsx Co-authored-by: Rafał Cieślak <[email protected]> * review --------- Co-authored-by: Rafał Cieślak <[email protected]>
* Reorganize the color palette (#43304) * Reorganize the color palette * Update web/packages/design/src/theme/themeColors.story.tsx Co-authored-by: Rafał Cieślak <[email protected]> * review --------- Co-authored-by: Rafał Cieślak <[email protected]> * Get rid of unnecessary text colors (#47458) * wip * wip * Remove the background field * Remove the type * Post-merge fix --------- Co-authored-by: Rafał Cieślak <[email protected]>
This change puts together color combinations that are defined by the new design system. Most of these colors were already there, but scattered and disorganized. This change deprecates the old fields and introduces new ones that have text and background colors grouped together and are intended to serve as the source of truth.
This is a preparation step for the upcoming change that implements the new button system.
There are no visible changes expected.
Note: This change is coupled with https://github.com/gravitational/teleport.e/pull/4457, but (hopefully) not enough to break the build or tests.