{"id":13805018,"url":"https://in-your-saas.github.io/material-ui-theme-editor/","last_synced_at":"2025-05-13T18:33:06.995Z","repository":{"id":55839659,"uuid":"148529410","full_name":"in-your-saas/material-ui-theme-editor","owner":"in-your-saas","description":"Theme editor for material UI","archived":true,"fork":false,"pushed_at":"2020-12-11T14:41:37.000Z","size":3071,"stargazers_count":98,"open_issues_count":14,"forks_count":51,"subscribers_count":7,"default_branch":"master","last_synced_at":"2024-11-18T21:46:51.598Z","etag":null,"topics":["css-in-js","material-design","material-ui","react","wysiwyg"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/in-your-saas.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-09-12T19:14:04.000Z","updated_at":"2023-12-09T12:41:26.000Z","dependencies_parsed_at":"2022-08-15T07:40:48.666Z","dependency_job_id":null,"html_url":"https://github.com/in-your-saas/material-ui-theme-editor","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/in-your-saas%2Fmaterial-ui-theme-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/in-your-saas%2Fmaterial-ui-theme-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/in-your-saas%2Fmaterial-ui-theme-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/in-your-saas%2Fmaterial-ui-theme-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/in-your-saas","download_url":"https://codeload.github.com/in-your-saas/material-ui-theme-editor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254003479,"owners_count":21997894,"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":["css-in-js","material-design","material-ui","react","wysiwyg"],"created_at":"2024-08-04T01:00:56.391Z","updated_at":"2025-05-13T18:33:06.571Z","avatar_url":"https://github.com/in-your-saas.png","language":"JavaScript","funding_links":[],"categories":["Related Projects"],"sub_categories":[],"readme":"# Material UI theme editor\n\nClick [here](https://in-your-saas.github.io/material-ui-theme-editor/) to access it\n\n## What is it made for?\n\nI'm a developer that loves to work with [MaterialUI](https://material-ui.com/) but it generates always the same looking websites.\nThat's when a designer arrives and tell you \"You've to use this color, and this color...\", and it's a pain to integrate, you cannot make\nit fit with your MaterialUI theme, etc, just because your designer isn't really aware of what you use and what are the limits.\n\nSo now, give this website to your designer, and wait for him to give you the theme file. And then, to integrate it, you just have to do\nthe following\n\n```javascript\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\nimport Application from './your/entry/point';\nimport yourRawTheme from './wherever/is/your/theme.json';\n\nconst theme = createMuiTheme(yourRawTheme);\n\nReactDOM.render(\n  \u003cMuiThemeProvider theme={theme}\u003e\n    \u003cApplication /\u003e\n  \u003c/MuiThemeProvider\u003e\n, document.getElementById('root'));\n```\n\nAnd BOOOM! You have a nice theme, you designer is happy, and you didn't fight with him/her...\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/in-your-saas.github.io%2Fmaterial-ui-theme-editor%2F","html_url":"https://awesome.ecosyste.ms/projects/in-your-saas.github.io%2Fmaterial-ui-theme-editor%2F","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/in-your-saas.github.io%2Fmaterial-ui-theme-editor%2F/lists"}