{"id":13565696,"url":"https://github.com/react-theming/create-mui-theme","last_synced_at":"2025-12-30T01:06:58.830Z","repository":{"id":73965140,"uuid":"141932782","full_name":"react-theming/create-mui-theme","owner":"react-theming","description":"online tool for creating material-ui themes","archived":false,"fork":false,"pushed_at":"2018-07-28T09:13:38.000Z","size":15462,"stargazers_count":88,"open_issues_count":3,"forks_count":7,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-11-04T19:42:04.237Z","etag":null,"topics":["material-design","material-ui","online","theme-development","themes","theming","tool"],"latest_commit_sha":null,"homepage":"https://react-theming.github.io/create-mui-theme/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/react-theming.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2018-07-22T21:43:29.000Z","updated_at":"2024-08-26T03:11:04.000Z","dependencies_parsed_at":"2023-02-26T00:30:44.382Z","dependency_job_id":null,"html_url":"https://github.com/react-theming/create-mui-theme","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-theming%2Fcreate-mui-theme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-theming%2Fcreate-mui-theme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-theming%2Fcreate-mui-theme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-theming%2Fcreate-mui-theme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/react-theming","download_url":"https://codeload.github.com/react-theming/create-mui-theme/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247097557,"owners_count":20883121,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["material-design","material-ui","online","theme-development","themes","theming","tool"],"created_at":"2024-08-01T13:01:53.221Z","updated_at":"2025-12-30T01:06:58.791Z","avatar_url":"https://github.com/react-theming.png","language":"JavaScript","funding_links":[],"categories":["Theming","JavaScript"],"sub_categories":[],"readme":"\n[![Live demo](https://img.shields.io/badge/Live%20Demo-gh--pages-brightgreen.svg)](https://react-theming.github.io/create-mui-theme/)\n\n# Create Material-UI Theme: \u003cimg src=\"https://material-ui.com/static/images/material-ui-logo.svg\" width=\"32\"\u003e + \u003cimg src=\"https://raw.githubusercontent.com/react-theming/readme/master/docs/OrgLogo.png\" width=\"26\"\u003e\n\n\n\nOnline tool for creating Material-UI themes via Material Design Color Tool (https://material.io/tools/color)\n\n1. Open `Color Tool` https://material.io/tools/color and `Create MUI Theme` https://react-theming.github.io/create-mui-theme/\n2. Select colors of your choice in `Color Tool`\n3. Copy-paste URL from `Color Tool` browser tab to the input field in `Create MUI Theme` and click ADD (or simply drag \u0026 drop by mouse)\n4. Take auto-generated code below and use it in your project\n\n[![Demo1](/docs/screencast1.gif)](https://raw.githubusercontent.com/react-theming/create-mui-theme/master/docs/screencast1.gif)\n\n## Example\n\nDrag \u0026 Drop this URL onto page\n\u003ehttps://material.io/tools/color/#!/?view.left=0\u0026view.right=0\u0026primary.color=AD1457\u0026secondary.color=03A9F4\u0026secondary.text.color=FAFAFA\n\n## Usage\n\nYou can use this auto-generated code with any your project which uses Material-UI of version 1.0.0 and above. For example you can start with [Create Material-UI App](https://github.com/react-theming/create-material-ui-app). Generated themes are compatible with with [Storybook Addon Material-UI](https://github.com/react-theming/storybook-addon-material-ui)\n\n## Related links\n\n- https://material.io/tools/color\n- https://material-ui.com/style/color/#material-color-tool\n- https://material-ui.com/customization/themes/\n- https://react-theming.github.io/create-mui-theme/\n\n## Support\n\nYou can support this project with your stars and RT\n\nhttps://twitter.com/UsulPro/status/1022781130246905856\n\n## CONTRIBUTING\n\nAny contributions are very welcome!\n\n#### Credits\n\n[telegram:@usulpro](https://t.me/usulpro) \u003csmall\u003e(The quickest way to contact me :zap:)\u003c/small\u003e\n\n[![@UsulPro](https://img.shields.io/badge/github-UsulPro-blue.svg)](https://github.com/UsulPro)\n\n[![@react-theming](https://img.shields.io/badge/github-React%20Theming-red.svg)](https://github.com/react-theming)\n\n[![GitHub release](https://img.shields.io/github/release/react-theming/create-mui-theme.svg)](https://github.com/react-theming/create-mui-theme)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freact-theming%2Fcreate-mui-theme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freact-theming%2Fcreate-mui-theme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freact-theming%2Fcreate-mui-theme/lists"}