{"action":"created","issue":{"url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/3201","repository_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react","labels_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/3201/labels{/name}","comments_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/3201/comments","events_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/3201/events","html_url":"https://github.com/OfficeDev/office-ui-fabric-react/issues/3201","id":267821324,"number":3201,"title":"How to reference colors of SASS variables output of the Theme Generator","user":{"login":"ramonitor","id":3415499,"avatar_url":"https://avatars1.githubusercontent.com/u/3415499?v=4","gravatar_id":"","url":"https://api.github.com/users/ramonitor","html_url":"https://github.com/ramonitor","followers_url":"https://api.github.com/users/ramonitor/followers","following_url":"https://api.github.com/users/ramonitor/following{/other_user}","gists_url":"https://api.github.com/users/ramonitor/gists{/gist_id}","starred_url":"https://api.github.com/users/ramonitor/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ramonitor/subscriptions","organizations_url":"https://api.github.com/users/ramonitor/orgs","repos_url":"https://api.github.com/users/ramonitor/repos","events_url":"https://api.github.com/users/ramonitor/events{/privacy}","received_events_url":"https://api.github.com/users/ramonitor/received_events","type":"User","site_admin":false},"labels":[{"id":388450680,"url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/labels/question","name":"question","color":"5319e7","default":true}],"state":"open","locked":false,"assignee":{"login":"mikewheaton","id":1382445,"avatar_url":"https://avatars0.githubusercontent.com/u/1382445?v=4","gravatar_id":"","url":"https://api.github.com/users/mikewheaton","html_url":"https://github.com/mikewheaton","followers_url":"https://api.github.com/users/mikewheaton/followers","following_url":"https://api.github.com/users/mikewheaton/following{/other_user}","gists_url":"https://api.github.com/users/mikewheaton/gists{/gist_id}","starred_url":"https://api.github.com/users/mikewheaton/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mikewheaton/subscriptions","organizations_url":"https://api.github.com/users/mikewheaton/orgs","repos_url":"https://api.github.com/users/mikewheaton/repos","events_url":"https://api.github.com/users/mikewheaton/events{/privacy}","received_events_url":"https://api.github.com/users/mikewheaton/received_events","type":"User","site_admin":false},"assignees":[{"login":"mikewheaton","id":1382445,"avatar_url":"https://avatars0.githubusercontent.com/u/1382445?v=4","gravatar_id":"","url":"https://api.github.com/users/mikewheaton","html_url":"https://github.com/mikewheaton","followers_url":"https://api.github.com/users/mikewheaton/followers","following_url":"https://api.github.com/users/mikewheaton/following{/other_user}","gists_url":"https://api.github.com/users/mikewheaton/gists{/gist_id}","starred_url":"https://api.github.com/users/mikewheaton/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mikewheaton/subscriptions","organizations_url":"https://api.github.com/users/mikewheaton/orgs","repos_url":"https://api.github.com/users/mikewheaton/repos","events_url":"https://api.github.com/users/mikewheaton/events{/privacy}","received_events_url":"https://api.github.com/users/mikewheaton/received_events","type":"User","site_admin":false}],"milestone":null,"comments":1,"created_at":"2017-10-23T21:19:56Z","updated_at":"2018-04-09T19:29:49Z","closed_at":null,"author_association":"NONE","body":"How can you reference the colors in the SASS variables the Theme Generator generates? Is this some kind of new(er) list syntax? \r\n\r\nThe output in the current beta version of the Theme Generator looks like this;\r\n\r\n> $themePrimaryColor: \"[theme: themePrimary, default: #0078d7]\";\r\n$themeLighterAltColor: \"[theme: themeLighterAlt, default: #eff6fc]\";\r\n$themeLighterColor: \"[theme: themeLighter, default: #deecf9]\";\r\n$themeLightColor: \"[theme: themeLight, default: #c7e0f4]\";\r\n$themeTertiaryColor: \"[theme: themeTertiary, default: #71afe5]\";\r\n<snip>\r\n"},"comment":{"url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/comments/379866997","html_url":"https://github.com/OfficeDev/office-ui-fabric-react/issues/3201#issuecomment-379866997","issue_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/3201","id":379866997,"user":{"login":"phkuo","id":20691641,"avatar_url":"https://avatars1.githubusercontent.com/u/20691641?v=4","gravatar_id":"","url":"https://api.github.com/users/phkuo","html_url":"https://github.com/phkuo","followers_url":"https://api.github.com/users/phkuo/followers","following_url":"https://api.github.com/users/phkuo/following{/other_user}","gists_url":"https://api.github.com/users/phkuo/gists{/gist_id}","starred_url":"https://api.github.com/users/phkuo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/phkuo/subscriptions","organizations_url":"https://api.github.com/users/phkuo/orgs","repos_url":"https://api.github.com/users/phkuo/repos","events_url":"https://api.github.com/users/phkuo/events{/privacy}","received_events_url":"https://api.github.com/users/phkuo/received_events","type":"User","site_admin":false},"created_at":"2018-04-09T19:29:49Z","updated_at":"2018-04-09T19:29:49Z","author_association":"COLLABORATOR","body":"@ramonitor  what's your scenario? office-ui-fabric-react already provides these SASS variables in https://github.com/OfficeDev/office-ui-fabric-react/blob/master/packages/office-ui-fabric-react/src/common/_themeOverrides.scss"}}
{"actor":{"display_login":"phkuo"}}