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

Community themes #21113

Open
anisg opened this issue May 19, 2020 · 2 comments
Open

Community themes #21113

anisg opened this issue May 19, 2020 · 2 comments
Labels
design This is about UI or UX design, please involve a designer docs Improvements or additions to the documentation priority: important This change can make a difference

Comments

@anisg
Copy link

anisg commented May 19, 2020

Summary 💡

In the documentation website, have a section to list the opensource themes built with MUI (using createTheme())

Examples 🌈

One opensource theme built with MUI for instance is Perason Material-UI Theme

Motivation 🔦

I love MUI but I don't personally like too much Material Design System and thus I'm usually customizing components manually with createMuiTheme. Having a list of opensource themes can give us a good starting point if we want to have something different from Material.

Capture d’écran 2020-05-19 à 16 23 18

Capture d’écran 2020-05-19 à 16 23 33

List of existing themes/design-systems

@oliviertassinari oliviertassinari added docs Improvements or additions to the documentation priority: important This change can make a difference labels May 19, 2020
@oliviertassinari
Copy link
Member

oliviertassinari commented May 19, 2020

@anisg Yes, yes, we need more of that! 😍 (I don't like Material Design specifically either, the only reason I got involved with this design spec is that I wanted to make a web app for Android 5 years ago 🙃)

The API you use looks great. I think that it's the direction we could push people into. The bundle singleton of the theme looks acceptable, and can always be optimized for people that value it https://github.com/Pearson-Higher-Ed/pearson-mui-theme/blob/develop/src/index.js.

import pearsonTheme from '@greenville/mui-theme';
import { ThemeProvider, createMuiTheme } from '@material-ui/core/styles';

<ThemeProvider theme={createMuiTheme(pearsonTheme)}>
  <YourApp />
</ThemeProvider>

@siriwatknp has been exploring this direction in https://mui-treasury.com/styles/tabs. Recently I was suggesting leading toward the API you have used #21054 (review).

I thint that your issue also resonates with this issue, your feedback on it would be appreciated #21111 (comment).

@oliviertassinari oliviertassinari added the design This is about UI or UX design, please involve a designer label Oct 10, 2020
@romainquellec
Copy link

I'm pretty sure there is a lot of good themes out-there (or custom components on storybook at least) !
Can't wait to see them here !

@oliviertassinari oliviertassinari changed the title list of opensource themes built with Material-ui Third-party themes built with MUI Oct 8, 2021
@oliviertassinari oliviertassinari changed the title Third-party themes built with MUI Community themes Jan 8, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design This is about UI or UX design, please involve a designer docs Improvements or additions to the documentation priority: important This change can make a difference
Projects
None yet
Development

No branches or pull requests

3 participants