{"action":"created","issue":{"url":"https://api.github.com/repos/badges/shields/issues/479","labels_url":"https://api.github.com/repos/badges/shields/issues/479/labels{/name}","comments_url":"https://api.github.com/repos/badges/shields/issues/479/comments","events_url":"https://api.github.com/repos/badges/shields/issues/479/events","html_url":"https://github.com/badges/shields/issues/479","id":89865417,"number":479,"title":"Incorrect rendering of SVG shields in some WebKit browsers","user":{"login":"Bob131","id":4337852,"avatar_url":"https://avatars.githubusercontent.com/u/4337852?v=3","gravatar_id":"","url":"https://api.github.com/users/Bob131","html_url":"https://github.com/Bob131","followers_url":"https://api.github.com/users/Bob131/followers","following_url":"https://api.github.com/users/Bob131/following{/other_user}","gists_url":"https://api.github.com/users/Bob131/gists{/gist_id}","starred_url":"https://api.github.com/users/Bob131/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Bob131/subscriptions","organizations_url":"https://api.github.com/users/Bob131/orgs","repos_url":"https://api.github.com/users/Bob131/repos","events_url":"https://api.github.com/users/Bob131/events{/privacy}","received_events_url":"https://api.github.com/users/Bob131/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-06-21T04:59:01Z","updated_at":"2015-06-22T16:42:19Z","closed_at":null,"body":"Exhibit A from ReadTheDocs:\r\n![shield](https://cloud.githubusercontent.com/assets/4337852/8270393/99bbed4c-1821-11e5-9bc3-3f8ae896897b.png)\r\n\r\nAs I'm sure you'll agree, this is unreadable to a ridiculous degree. Almost every badge I see day-to-day renders the same way, with so few exceptions that I can only guess the ones that _are_ readable rely on generating shields internally.\r\n\r\nI imagine the problem arises from the ordering of `path` tags in the SVG, confirmed by my own tinkering. Compare an excerpt from the original:\r\n```\r\n<g xmlns=\"http://www.w3.org/2000/svg\" mask=\"url(#a)\">\r\n    <path fill=\"#555\" d=\"M0 0h36v20H0z\"/>\r\n    <path fill=\"#4c1\" d=\"M36 0h41v20H36z\"/>\r\n    <path fill=\"url(#b)\" d=\"M0 0h77v20H0z\"/>\r\n</g>\r\n```\r\nto an edit:\r\n```\r\n<g xmlns=\"http://www.w3.org/2000/svg\" mask=\"url(#a)\">\r\n    <path fill=\"url(#b)\" d=\"M0 0h77v20H0z\"/>\r\n    <path fill=\"#555\" d=\"M0 0h36v20H0z\"/>\r\n    <path fill=\"#4c1\" d=\"M36 0h41v20H36z\"/>\r\n</g>\r\n```\r\nIn my testing both render identically in Chromium, Firefox and rekonq, but only the second renders correctly in the other browsers I tested (Epiphany, Midori, dwb). My guess is it has something to do with using GNOME's built-in Adwaita Dark theme with applications that use GTK3 webkit bindings.\r\n\r\nAfter experiencing this issue for a few months I've only just very quickly Googled around to get here, so here's hoping I've opened this bug report in the right place!"},"comment":{"url":"https://api.github.com/repos/badges/shields/issues/comments/114174491","html_url":"https://github.com/badges/shields/issues/479#issuecomment-114174491","issue_url":"https://api.github.com/repos/badges/shields/issues/479","id":114174491,"user":{"login":"espadrine","id":100689,"avatar_url":"https://avatars.githubusercontent.com/u/100689?v=3","gravatar_id":"","url":"https://api.github.com/users/espadrine","html_url":"https://github.com/espadrine","followers_url":"https://api.github.com/users/espadrine/followers","following_url":"https://api.github.com/users/espadrine/following{/other_user}","gists_url":"https://api.github.com/users/espadrine/gists{/gist_id}","starred_url":"https://api.github.com/users/espadrine/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/espadrine/subscriptions","organizations_url":"https://api.github.com/users/espadrine/orgs","repos_url":"https://api.github.com/users/espadrine/repos","events_url":"https://api.github.com/users/espadrine/events{/privacy}","received_events_url":"https://api.github.com/users/espadrine/received_events","type":"User","site_admin":false},"created_at":"2015-06-22T16:42:19Z","updated_at":"2015-06-22T16:42:19Z","body":"That seems like a bug in WebKit-GTK, as the path you put first is actually partially transparent, in a way that fully respects the SVG 1.1 standard. Your patch would remove the transparent, slightly grayish gradient, which it looks like WebKit-GTK makes opaque.\r\n\r\nCould you raise it as a bug in Epiphany (or Web as I believe it is now called)? I'm not even sure what package name it uses, and don't have it installed, so I am not a good fit to report the issue.\r\n\r\nI don't know if there is a way to mitigate the issue without impacting the look of mainstream browsers."}}