{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material/issues/2752","labels_url":"https://api.github.com/repos/angular/material/issues/2752/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/2752/comments","events_url":"https://api.github.com/repos/angular/material/issues/2752/events","html_url":"https://github.com/angular/material/issues/2752","id":73606622,"number":2752,"title":"Background Color Black","user":{"login":"jakedx6","id":1335077,"avatar_url":"https://avatars.githubusercontent.com/u/1335077?v=3","gravatar_id":"","url":"https://api.github.com/users/jakedx6","html_url":"https://github.com/jakedx6","followers_url":"https://api.github.com/users/jakedx6/followers","following_url":"https://api.github.com/users/jakedx6/following{/other_user}","gists_url":"https://api.github.com/users/jakedx6/gists{/gist_id}","starred_url":"https://api.github.com/users/jakedx6/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jakedx6/subscriptions","organizations_url":"https://api.github.com/users/jakedx6/orgs","repos_url":"https://api.github.com/users/jakedx6/repos","events_url":"https://api.github.com/users/jakedx6/events{/privacy}","received_events_url":"https://api.github.com/users/jakedx6/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":{"login":"rschmukler","id":651740,"avatar_url":"https://avatars.githubusercontent.com/u/651740?v=3","gravatar_id":"","url":"https://api.github.com/users/rschmukler","html_url":"https://github.com/rschmukler","followers_url":"https://api.github.com/users/rschmukler/followers","following_url":"https://api.github.com/users/rschmukler/following{/other_user}","gists_url":"https://api.github.com/users/rschmukler/gists{/gist_id}","starred_url":"https://api.github.com/users/rschmukler/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rschmukler/subscriptions","organizations_url":"https://api.github.com/users/rschmukler/orgs","repos_url":"https://api.github.com/users/rschmukler/repos","events_url":"https://api.github.com/users/rschmukler/events{/privacy}","received_events_url":"https://api.github.com/users/rschmukler/received_events","type":"User","site_admin":false},"milestone":{"url":"https://api.github.com/repos/angular/material/milestones/15","html_url":"https://github.com/angular/material/milestones/0.10.0","labels_url":"https://api.github.com/repos/angular/material/milestones/15/labels","id":958568,"number":15,"title":"0.10.0","description":"### Component Features\r\n\r\n- DateTimepicker\r\n- SpeedDial\r\n- Menu\r\n- Chips (cont.)\r\n- Slider range\r\n- textfields\r\n  *  `<md-text-search>`\r\n- bi-directional support (cont.)\r\n\r\n### Additional Efforts\r\n\r\nProvide 'Edit on CodePen'\r\nProvide Version Picker and Documentation locking to specific builds/releases\r\nBuild tool to supports selection of icons and svgs to bundle.\r\n\r\n\r\n","creator":{"login":"ThomasBurleson","id":210413,"avatar_url":"https://avatars.githubusercontent.com/u/210413?v=3","gravatar_id":"","url":"https://api.github.com/users/ThomasBurleson","html_url":"https://github.com/ThomasBurleson","followers_url":"https://api.github.com/users/ThomasBurleson/followers","following_url":"https://api.github.com/users/ThomasBurleson/following{/other_user}","gists_url":"https://api.github.com/users/ThomasBurleson/gists{/gist_id}","starred_url":"https://api.github.com/users/ThomasBurleson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ThomasBurleson/subscriptions","organizations_url":"https://api.github.com/users/ThomasBurleson/orgs","repos_url":"https://api.github.com/users/ThomasBurleson/repos","events_url":"https://api.github.com/users/ThomasBurleson/events{/privacy}","received_events_url":"https://api.github.com/users/ThomasBurleson/received_events","type":"User","site_admin":false},"open_issues":241,"closed_issues":202,"state":"open","created_at":"2015-01-30T17:00:57Z","updated_at":"2015-06-11T20:38:52Z","due_on":"2015-06-11T05:00:00Z","closed_at":null},"comments":4,"created_at":"2015-05-06T12:43:20Z","updated_at":"2015-06-11T20:38:52Z","closed_at":"2015-06-11T20:38:52Z","body":"I was able to get the background color black by adding a new color to the palette, but shouldn't I be able to do something like the following?\r\n\r\n`.backgroundPalette('black');`\r\n\r\nI am getting this error\r\n\r\n`Uncaught TypeError: Cannot read property '600' of undefined`"},"comment":{"url":"https://api.github.com/repos/angular/material/issues/comments/111272088","html_url":"https://github.com/angular/material/issues/2752#issuecomment-111272088","issue_url":"https://api.github.com/repos/angular/material/issues/2752","id":111272088,"user":{"login":"rschmukler","id":651740,"avatar_url":"https://avatars.githubusercontent.com/u/651740?v=3","gravatar_id":"","url":"https://api.github.com/users/rschmukler","html_url":"https://github.com/rschmukler","followers_url":"https://api.github.com/users/rschmukler/followers","following_url":"https://api.github.com/users/rschmukler/following{/other_user}","gists_url":"https://api.github.com/users/rschmukler/gists{/gist_id}","starred_url":"https://api.github.com/users/rschmukler/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rschmukler/subscriptions","organizations_url":"https://api.github.com/users/rschmukler/orgs","repos_url":"https://api.github.com/users/rschmukler/repos","events_url":"https://api.github.com/users/rschmukler/events{/privacy}","received_events_url":"https://api.github.com/users/rschmukler/received_events","type":"User","site_admin":false},"created_at":"2015-06-11T20:38:51Z","updated_at":"2015-06-11T20:38:51Z","body":"@jakedx6 this is behaving as expected.\r\n\r\nThe problem with the second example is that the theme tries to look for a palette named black, which it can't find. A palette defines a bunch of colors for hues (`50`, `100`, `200`, etc.).\r\n\r\nBy defining the palette as dark, it will automatically try and use hue `800` of whatever palette is used for background (see [the source here](https://github.com/angular/material/blob/master/src/core/services/theming/theming.js#L101)). By default this is the `grey` palette, which is [defined here](https://github.com/angular/material/blob/master/src/core/services/theming/theme.palette.js#L322).\r\n\r\nSo, by calling `.dark()` you switch to the hue map linked above and it tries to use `800` in the `grey` palette.\r\n\r\nIf you want to use pure black, you can override it to use 'A200' and *not* call `.dark()`.\r\n\r\nie.\r\n\r\n```js\r\nmyTheme.\r\n  backgroundPalette('grey', {\r\n    'default': 'A200',\r\n    'hue-1': '300',\r\n    'hue-2': '600',\r\n    'hue-3': '900'\r\n });\r\n```"}}