search

mbitson / mcg

Material Design Palette/Theme Generator - AngularJS, React, Ember, Vue, Android, Flutter & More!
http://mcg.mbitson.com/
MIT License
632 stars 104 forks source link

material-ui next #82

Closed rosskevin closed 7 years ago

rosskevin commented 7 years ago

First, thanks for an awesome tool!

We are working on material-ui next which deviates significantly from the old. I generated a palette and only slightly modified from the Angular 2 export.

It would be awesome if you added it. Here's the relevant bits, a simple object/hash export: https://github.com/callemall/material-ui/blob/next/src/styles/colors.js#L17

mbitson commented 7 years ago

Hey @rosskevin - got it, no problem. I'll work on adding this soon!

mbitson commented 7 years ago

Hey @rosskevin ,

I've got this completed and pushed to production. Example output here:

export const mcgpalette0 = {
    50: '#e8eaf6',
    100: '#c5cae9',
    200: '#9fa8da',
    300: '#7986cb',
    400: '#5c6bc0',
    500: '#3f51b5',
    600: '#3949ab',
    700: '#303f9f',
    800: '#283593',
    900: '#1a237e',
    A100: '#8c9eff',
    A200: '#536dfe',
    A400: '#3d5afe',
    A700: '#304ffe',
    'constrastDefaultColor': 'dark',
};

Please let me know if you run into any problems with it/if this formatting works for you in your app.

Thank you!! Mikel