{"action":"created","issue":{"url":"https://api.github.com/repos/callemall/material-ui/issues/2104","labels_url":"https://api.github.com/repos/callemall/material-ui/issues/2104/labels{/name}","comments_url":"https://api.github.com/repos/callemall/material-ui/issues/2104/comments","events_url":"https://api.github.com/repos/callemall/material-ui/issues/2104/events","html_url":"https://github.com/callemall/material-ui/issues/2104","id":115924687,"number":2104,"title":"Snackbar style","user":{"login":"manuelmazzuola","id":1757492,"avatar_url":"https://avatars.githubusercontent.com/u/1757492?v=3","gravatar_id":"","url":"https://api.github.com/users/manuelmazzuola","html_url":"https://github.com/manuelmazzuola","followers_url":"https://api.github.com/users/manuelmazzuola/followers","following_url":"https://api.github.com/users/manuelmazzuola/following{/other_user}","gists_url":"https://api.github.com/users/manuelmazzuola/gists{/gist_id}","starred_url":"https://api.github.com/users/manuelmazzuola/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/manuelmazzuola/subscriptions","organizations_url":"https://api.github.com/users/manuelmazzuola/orgs","repos_url":"https://api.github.com/users/manuelmazzuola/repos","events_url":"https://api.github.com/users/manuelmazzuola/events{/privacy}","received_events_url":"https://api.github.com/users/manuelmazzuola/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-11-09T17:24:05Z","updated_at":"2015-11-09T17:48:43Z","closed_at":null,"body":"With the old snackbar version I could easily change the background color of the snackbar.\r\n\r\n```\r\n<Snackbar\r\n          openOnMount={true}\r\n          style={{backgroundColor: Colors.red400}}\r\n          autoHideDuration={3000}\r\n          message=\"Bla bla bla\" />\r\n```\r\n\r\nBut with the new implementation the background color is set to a children div (because the responsive feature).\r\nSo the code above doesn't work anymore.\r\n\r\n![](http://s16.postimg.org/vvq62zwgl/Schermata_da_2015_11_09_18_16_10.png)\r\n\r\n\r\nI have to add different classes to the snackbars with different colors and match the children div with this css:\r\n```\r\n.snackbar-red {\r\n  & > div {\r\n    background-color: $red-color;\r\n  }\r\n}\r\n```\r\n\r\nI don't like it.\r\nUsing the syntax `style={{backgroundColor: Colors.red400}}` was much more easy to read.\r\nAlso I could use directly the `Colors` object from `Material.Styles.Colors`."},"comment":{"url":"https://api.github.com/repos/callemall/material-ui/issues/comments/155137855","html_url":"https://github.com/callemall/material-ui/issues/2104#issuecomment-155137855","issue_url":"https://api.github.com/repos/callemall/material-ui/issues/2104","id":155137855,"user":{"login":"oliviertassinari","id":3165635,"avatar_url":"https://avatars.githubusercontent.com/u/3165635?v=3","gravatar_id":"","url":"https://api.github.com/users/oliviertassinari","html_url":"https://github.com/oliviertassinari","followers_url":"https://api.github.com/users/oliviertassinari/followers","following_url":"https://api.github.com/users/oliviertassinari/following{/other_user}","gists_url":"https://api.github.com/users/oliviertassinari/gists{/gist_id}","starred_url":"https://api.github.com/users/oliviertassinari/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/oliviertassinari/subscriptions","organizations_url":"https://api.github.com/users/oliviertassinari/orgs","repos_url":"https://api.github.com/users/oliviertassinari/repos","events_url":"https://api.github.com/users/oliviertassinari/events{/privacy}","received_events_url":"https://api.github.com/users/oliviertassinari/received_events","type":"User","site_admin":false},"created_at":"2015-11-09T17:48:43Z","updated_at":"2015-11-09T17:48:43Z","body":"I think that the best solution for this is to add a bodyStyle to the `Snackbar` component."}}