{"action":"opened","issue":{"url":"https://api.github.com/repos/CartoDB/deep-insights.js/issues/331","repository_url":"https://api.github.com/repos/CartoDB/deep-insights.js","labels_url":"https://api.github.com/repos/CartoDB/deep-insights.js/issues/331/labels{/name}","comments_url":"https://api.github.com/repos/CartoDB/deep-insights.js/issues/331/comments","events_url":"https://api.github.com/repos/CartoDB/deep-insights.js/issues/331/events","html_url":"https://github.com/CartoDB/deep-insights.js/issues/331","id":151768289,"number":331,"title":"Category Widget: Polygon","user":{"login":"makella","id":1566273,"avatar_url":"https://avatars.githubusercontent.com/u/1566273?v=3","gravatar_id":"","url":"https://api.github.com/users/makella","html_url":"https://github.com/makella","followers_url":"https://api.github.com/users/makella/followers","following_url":"https://api.github.com/users/makella/following{/other_user}","gists_url":"https://api.github.com/users/makella/gists{/gist_id}","starred_url":"https://api.github.com/users/makella/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/makella/subscriptions","organizations_url":"https://api.github.com/users/makella/orgs","repos_url":"https://api.github.com/users/makella/repos","events_url":"https://api.github.com/users/makella/events{/privacy}","received_events_url":"https://api.github.com/users/makella/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-04-28T23:51:55Z","updated_at":"2016-04-28T23:51:55Z","closed_at":null,"body":"### Ramp\r\n- Use [Bold](https://github.com/CartoDB/CartoColor/blob/master/cartocolor.js#L219-L229) from CartoColors\r\n- The color for **other** shows above in the combination for 11 colors and should be set to `#A5AA99`\r\n\r\n### CartoCSS\r\n- The style should be adjusted depending on the basemap. \r\n\r\n**Positron**\r\n```\r\n#layer {\r\n   polygon-opacity: 0.9;\r\n   line-color: #FFFFFF;\r\n   line-width: 0.5;\r\n   line-opacity: 1;\r\n\r\n   [category=1]{\r\n      polgyon-fill: #7F3C8D;\r\n   }\r\n   ...\r\n}\r\n```\r\n\r\n**Dark Matter**\r\n```\r\n#layer {\r\n   polygon-opacity: 0.9;\r\n   line-color: #000000;\r\n   line-width: 0.5;\r\n   line-opacity: 1;\r\n\r\n   [category=1]{\r\n      polgyon-fill: #7F3C8D;\r\n   }\r\n   ...\r\n}\r\n```\r\n### Example\r\n\r\n**Positron**\r\n![screen shot 2016-04-25 at 4 37 53 pm](https://cloud.githubusercontent.com/assets/1566273/14801148/6f4a617a-0b04-11e6-86a7-c393e6d4c7b9.png)  \r\n![screen shot 2016-04-25 at 4 18 43 pm](https://cloud.githubusercontent.com/assets/1566273/14801155/77e8afe4-0b04-11e6-9cf8-976a70490eed.png)\r\n\r\n**Dark Matter**\r\n![screen shot 2016-04-25 at 4 18 29 pm](https://cloud.githubusercontent.com/assets/1566273/14824740/4996b380-0b94-11e6-9f3c-473d0f917b0d.png)  \r\n![screen shot 2016-04-25 at 4 37 32 pm](https://cloud.githubusercontent.com/assets/1566273/14824746/4f08029c-0b94-11e6-9a62-6ed4823010c9.png)"}}