{"id":41125109,"url":"https://github.com/mbitson/mcg","last_synced_at":"2026-01-22T17:59:25.312Z","repository":{"id":30349954,"uuid":"33902392","full_name":"mbitson/mcg","owner":"mbitson","description":"Material Design Palette/Theme Generator - AngularJS, React, Ember, Vue, Android, Flutter \u0026 More!","archived":false,"fork":false,"pushed_at":"2020-05-27T18:32:56.000Z","size":880,"stargazers_count":620,"open_issues_count":4,"forks_count":92,"subscribers_count":14,"default_branch":"master","last_synced_at":"2023-11-07T13:17:52.741Z","etag":null,"topics":["angular","angular-2-material-2","angular-material","angularjs-material","ember-paper","flutter","flutter-ui","material-colors","material-design","material-design-lite","material-palette","material-ui","react","tinycolor","vue-material"],"latest_commit_sha":null,"homepage":"http://mcg.mbitson.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"LarryMad/recipes","license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mbitson.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-04-14T00:53:08.000Z","updated_at":"2023-10-29T17:56:51.000Z","dependencies_parsed_at":"2022-09-14T02:22:28.437Z","dependency_job_id":null,"html_url":"https://github.com/mbitson/mcg","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"purl":"pkg:github/mbitson/mcg","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mbitson%2Fmcg","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mbitson%2Fmcg/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mbitson%2Fmcg/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mbitson%2Fmcg/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mbitson","download_url":"https://codeload.github.com/mbitson/mcg/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mbitson%2Fmcg/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28667881,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-22T17:07:18.858Z","status":"ssl_error","status_checked_at":"2026-01-22T17:05:02.040Z","response_time":144,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["angular","angular-2-material-2","angular-material","angularjs-material","ember-paper","flutter","flutter-ui","material-colors","material-design","material-design-lite","material-palette","material-ui","react","tinycolor","vue-material"],"created_at":"2026-01-22T17:59:23.223Z","updated_at":"2026-01-22T17:59:25.287Z","avatar_url":"https://github.com/mbitson.png","language":"JavaScript","readme":"# Material Design Color Generator\n![GitHub Last Commit](https://img.shields.io/github/last-commit/mbitson/mcg?style=flat-square)\n![GitHub issues](https://img.shields.io/github/issues/mbitson/mcg?style=flat-square)\n![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/mbitson/mcg?style=flat-square)\n![GitHub top language](https://img.shields.io/github/languages/top/mbitson/mcg?style=flat-square)\n![GitHub forks](https://img.shields.io/github/forks/mbitson/mcg?style=flat-square)\n![GitHub stars](https://img.shields.io/github/stars/mbitson/mcg?style=flat-square)\n![GitHub contributors](https://img.shields.io/github/contributors/mbitson/mcg?style=flat-square)\n![GitHub license](https://img.shields.io/github/license/mbitson/mcg?style=flat-square)\n\n[http://mcg.mbitson.com/](http://mcg.mbitson.com/)\n\nA tool for generating a color palette for Material Design. Supports exporting to and importing from various Material Design frameworks and toolkits.\n\n - [Screenshot](#screenshot)\n - [Supported Frameworks \u0026 Tools](#supported-frameworks--tools)\n - [Color Generation](#color-generation)\n - [What's New?](#whats-new)\n - [Bugs \u0026 Questions](#bugs--questions)\n - [Planned Enhancements](#planned-enhancements)\n - [Contributions](#contributions)\n \n # Screenshot\n ![Material Color Design Palette Website Screenshot](preview.jpg)\n\n# Supported Frameworks \u0026 Tools\nThis palette generation tool supports both **exporting** and **importing** palettes for the following frameworks and tools:\n1) Android XML\n2) AngularJS (Material)\n3) AngularJS 2 (Material 2)\n4) Ember Paper\n5) Material Design Lite (SCSS)\n6) Material UI (React)\n7) Material UI Next (React)\n8) Vue.js Material Design\n9) Flutter\n10) MCG Reimport (Proprietary)\n\nWhen importing code, please ensure that it was code generated with this tool. In many cases, code generated outside of this tool should work as well, however this is unreliable.\n\n# Color Generation\nBy default, we've chosen an Algorithm that seems to do a decent job at picking colors in most situations. However, if you find your palette doesn't look quite how you'd expect, you may change the algorithm that is used. Options are:\n\u003cul\u003e\n    \u003cli\u003e\"Traditional\" is the original MCG logic. It is currently the default. It creates a lower contrast palette.\u003c/li\u003e\n    \u003cli\u003e\"Constantin\" is the logic that was developed based on the outline from \u003ca href=\"http://stackoverflow.com/questions/28503998/how-to-create-custom-palette-with-custom-color-for-material-design-app/36229022#36229022\"\u003ehere\u003c/a\u003e. It creates a higher contrast palette.\u003c/li\u003e\n    \u003cli\u003e\"Buckner\" is a slight variation in \"Constantin\" focusing on the A100 - A700 hues.\u003c/li\u003e\n\u003c/ul\u003e\n\n![MCG Color Algorithm Choice](preview-algorithm-choice.jpg)\n\n# What's New?\nPlease see the [CHANGELOG](https://github.com/mbitson/mcg/blob/master/CHANGELOG.md).\n\n# Bugs \u0026 Questions\nShould you encounter a bug/problem or have a question about the tool please report it using GitHub's \"Issues\" feature [here](https://github.com/mbitson/mcg/issues).\n\n# Planned Enhancements\n* (TOP) Determine which palette is primary, secondary, and so on. Drag and drop palettes.\n* (MED) Remove individual color's hex details and create tooltip styled with all color details. (Hoverintent, populated only once it's opening, includes hex, rgb, cmyk, saturation, brightness. Possibly obtained using tinycolor)\n* (MED) Improve performance by dynamically creating and destroying the color picker button and UI instead of loading a ton of Divs into the DOM for each color on the screen and hiding them.\n* (LOW) Add reset buttons for each individual color in a palette (based on main palette color)\n* (LOW) Create UI for more than 5 palettes (and/or alert user about dangers of using this many palettes)\n\n# Contributions\n* [fireflight1](https://github.com/fireflight1) - Initial concept, starting code base.\n* [tkh44](https://github.com/tkh44) - Optimizations/fixes\n* [simon04](https://github.com/simon04) - Contrast detection, bug fixes.\n* [Constantin](https://stackoverflow.com/users/6115563/constantin) - Color algorithm logic per stack overflow answer [here](http://stackoverflow.com/a/36229022/3525315).\n* [tabuckner](https://github.com/tabuckner) - Slight variation in 'Constantin' focusing on the A100 - A700 values.\n* [vstollen](https://github.com/vstollen) - Added generators necessary to support Flutter \n* [berryp](https://github.com/berryp) - Bugfixes on Flutter support","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmbitson%2Fmcg","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmbitson%2Fmcg","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmbitson%2Fmcg/lists"}