Skip to content
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

feat: add chart colors to theme customizer #4237

Merged
merged 3 commits into from
Jul 10, 2024

Conversation

creativoma
Copy link
Contributor

Description

This PR adds support for customizing graphics themes in the ThemeCustomizer component. Users can now select and copy chart colors (chart-1, chart-2, chart-3, chart-4, chart-5) along with other themes.

Changes Implemented

  1. Themes Update: Added chart themes (chart-1, chart-2, chart-3, chart-4, chart-5) to the chart file. themes configuration (themes.ts).
  2. Modification of the ThemeCustomizer Component: The new graphics themes were integrated into the component so that they can be selected and copied.
  3. CSS Tweak: Updated the functions that generate CSS code to include the new graphics themes.

How to Test

  1. Run the project locally.
  2. Navigate to the ThemeCustomizer component.
  3. Verify that the new graphics themes are available for selection.
  4. Test the functionality of copying the CSS code and making sure it includes the graphics colors.

References

  • Added support for graphics themes based on defaults provided by Shadcn.

Copy link

vercel bot commented Jul 9, 2024

@creativoma is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.

Copy link

vercel bot commented Jul 10, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
ui ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jul 10, 2024 0:37am

@shadcn
Copy link
Collaborator

shadcn commented Jul 10, 2024

@creativoma thanks for adding this. looks good. can you run pnpm format:write and push again please?

@shadcn shadcn added area: www postpone: more info or changes requested maintainers asked a question or needs more info labels Jul 10, 2024
@creativoma
Copy link
Contributor Author

Thank you for all your contributions to the community!

@shadcn shadcn added automerge and removed postpone: more info or changes requested maintainers asked a question or needs more info labels Jul 10, 2024
@kodiakhq kodiakhq bot merged commit 03b1d78 into shadcn-ui:main Jul 10, 2024
8 checks passed
tangtai pushed a commit to tangtai/ui that referenced this pull request Aug 29, 2024
# Description

This PR adds support for customizing graphics themes in the `ThemeCustomizer` component. Users can now select and copy chart colors (`chart-1`, `chart-2`, `chart-3`, `chart-4`, `chart-5`) along with other themes.

## Changes Implemented

1. **Themes Update**: Added chart themes (`chart-1`, `chart-2`, `chart-3`, `chart-4`, `chart-5`) to the chart file. themes configuration (`themes.ts`).
2. **Modification of the `ThemeCustomizer` Component**: The new graphics themes were integrated into the component so that they can be selected and copied.
3. **CSS Tweak**: Updated the functions that generate CSS code to include the new graphics themes.

## How to Test

1. Run the project locally.
2. Navigate to the `ThemeCustomizer` component.
3. Verify that the new graphics themes are available for selection.
4. Test the functionality of copying the CSS code and making sure it includes the graphics colors.

## References

- Added support for graphics themes based on defaults provided by Shadcn.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants