[Badge] Support other theme colors

Expected Behavior

When supplying the color attribute, you should be able to use any of the colors supplied in the theme.palette

Current Behavior

Only: default/primary/accent are supported.

Your Environment

Tech	Version
Material-UI	v1.0.0-beta.23

[patorjk]

In case anyone comes across this and wants to change the color, here’s how to use makeStyles from @material-ui/styles to change the color:

import {makeStyles} from "@material-ui/styles";

const useStyles = makeStyles(theme => ({
    badge: {
        backgroundColor: "green",
    }
}));

... // Then later in your render method or in your component function

const classes = useStyles();

... // Then later in your JSX

<Badge badgeContent="100" classes={{badge: classes.badge}}>
    <SomeIcon />
</Badge>

[papasnippy]

Type ‘string’ is not assignable to type ‘“disabled” | “inherit” | “primary” | “accent” | “default” | “contrast” | “action” | “error”’.

Forbidding using any color is really bad. It limits using this library. I not always need pure colors, I need gradients too. I even can’t use color from official palettes.