{"action":"created","issue":{"url":"https://api.github.com/repos/callemall/material-ui/issues/1133","labels_url":"https://api.github.com/repos/callemall/material-ui/issues/1133/labels{/name}","comments_url":"https://api.github.com/repos/callemall/material-ui/issues/1133/comments","events_url":"https://api.github.com/repos/callemall/material-ui/issues/1133/events","html_url":"https://github.com/callemall/material-ui/issues/1133","id":94521283,"number":1133,"title":"How to add style not in default theme","user":{"login":"owais","id":46186,"avatar_url":"https://avatars.githubusercontent.com/u/46186?v=3","gravatar_id":"","url":"https://api.github.com/users/owais","html_url":"https://github.com/owais","followers_url":"https://api.github.com/users/owais/followers","following_url":"https://api.github.com/users/owais/following{/other_user}","gists_url":"https://api.github.com/users/owais/gists{/gist_id}","starred_url":"https://api.github.com/users/owais/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/owais/subscriptions","organizations_url":"https://api.github.com/users/owais/orgs","repos_url":"https://api.github.com/users/owais/repos","events_url":"https://api.github.com/users/owais/events{/privacy}","received_events_url":"https://api.github.com/users/owais/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/callemall/material-ui/labels/Type:%20Question","name":"Type: Question","color":"cc317c"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-07-12T01:08:08Z","updated_at":"2015-07-12T17:09:06Z","closed_at":null,"body":"I tried to add some custom styles in a custom theme but looks like material-ui ignores them and only picks custom values for pre-defined themes.\r\n\r\nI tried,\r\n```javascript\r\nlet CustomTheme = {\r\n  getPalette() {\r\n    return {\r\n      primary1Color: '#F05F40',\r\n      accent1Color: '#F05F40'\r\n    }\r\n  },\r\n\r\n  getComponentThemes(palette) {\r\n    return {\r\n      flatButton: {\r\n        borderColor: '#000',\r\n        borderWidth: '1px',\r\n        borderStyle: 'solid',\r\n        borderRadius: '1000px',\r\n        // or\r\n        border: '1px solid #000'\r\n      },\r\n    }\r\n  }\r\n}\r\n\r\nexport default CustomTheme;\r\n```\r\n\r\nWhile the custom colors work perfectly, the border does not change at all. Is this expected behaviour? I think we should be able to define all CSS properties in the custom theme and not just some pre-defined ones. What is the recommended way to customize properties not defined in the default mui theme?\r\n\r\nI tried adding custom `className` to the buttons and styling the class inside a sass/css file but that doesn't work either unless I use `!important`.\r\n\r\nWhat is the recommend way to solve this?\r\n"},"comment":{"url":"https://api.github.com/repos/callemall/material-ui/issues/comments/120741433","html_url":"https://github.com/callemall/material-ui/issues/1133#issuecomment-120741433","issue_url":"https://api.github.com/repos/callemall/material-ui/issues/1133","id":120741433,"user":{"login":"hai-cea","id":2007468,"avatar_url":"https://avatars.githubusercontent.com/u/2007468?v=3","gravatar_id":"","url":"https://api.github.com/users/hai-cea","html_url":"https://github.com/hai-cea","followers_url":"https://api.github.com/users/hai-cea/followers","following_url":"https://api.github.com/users/hai-cea/following{/other_user}","gists_url":"https://api.github.com/users/hai-cea/gists{/gist_id}","starred_url":"https://api.github.com/users/hai-cea/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hai-cea/subscriptions","organizations_url":"https://api.github.com/users/hai-cea/orgs","repos_url":"https://api.github.com/users/hai-cea/repos","events_url":"https://api.github.com/users/hai-cea/events{/privacy}","received_events_url":"https://api.github.com/users/hai-cea/received_events","type":"User","site_admin":false},"created_at":"2015-07-12T17:09:06Z","updated_at":"2015-07-12T17:09:06Z","body":"Thanks @owais @jkruder \r\n\r\nI think this is something that we can talk about. My hesitation is tightly coupling theme variables to component DOM implementations. As it stands, we can change which DOM elements components render without affect theme variables, because theme variables are independent of implementation.\r\n\r\nNow, for finer grain customizations, we've done a lot of work to expose the appropriate style props for each component and I see this continuing as the library matures."}}