{"action":"opened","issue":{"url":"https://api.github.com/repos/grafana/grafana/issues/12668","repository_url":"https://api.github.com/repos/grafana/grafana","labels_url":"https://api.github.com/repos/grafana/grafana/issues/12668/labels{/name}","comments_url":"https://api.github.com/repos/grafana/grafana/issues/12668/comments","events_url":"https://api.github.com/repos/grafana/grafana/issues/12668/events","html_url":"https://github.com/grafana/grafana/issues/12668","id":343090015,"node_id":"MDU6SXNzdWUzNDMwOTAwMTU=","number":12668,"title":"Low color contrast for table headers in light theme","user":{"login":"biggeleben","id":1384704,"node_id":"MDQ6VXNlcjEzODQ3MDQ=","avatar_url":"https://avatars0.githubusercontent.com/u/1384704?v=4","gravatar_id":"","url":"https://api.github.com/users/biggeleben","html_url":"https://github.com/biggeleben","followers_url":"https://api.github.com/users/biggeleben/followers","following_url":"https://api.github.com/users/biggeleben/following{/other_user}","gists_url":"https://api.github.com/users/biggeleben/gists{/gist_id}","starred_url":"https://api.github.com/users/biggeleben/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/biggeleben/subscriptions","organizations_url":"https://api.github.com/users/biggeleben/orgs","repos_url":"https://api.github.com/users/biggeleben/repos","events_url":"https://api.github.com/users/biggeleben/events{/privacy}","received_events_url":"https://api.github.com/users/biggeleben/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-07-20T12:31:26Z","updated_at":"2018-07-20T12:31:26Z","closed_at":null,"author_association":"NONE","body":"When using the light theme, readability of some elements is bad, e.g.\r\n- .table-panel-table-header-inner (color: #61c2f2)\r\n- .piechart-legend-table th (color: #61c2f2)\r\n\r\nMaybe the color is used at other comparable situations as well.\r\n\r\nColor contrast is just 2.00:1. Since the background is bright, the color needs to be darker to have a good contrast and readability (see e.g. https://www.w3.org/TR/WCAG20-TECHS/G18.html).\r\n\r\nColors that would work:\r\n- #468fb3 (similar color, darker, contrast is 3.00:1)\r\n- #3f7d9d (similar color, darker, contrast is 4.53:1, actually WCAG AA compliant)\r\n- #757575 (grey, WCAG AA)\r\n- #3e3e3e (almost black, even WCAG AAA)\r\n\r\nI'm using Grafana v5.2.1 (2040f61). Would be awesome If someone spends a few minutes on picking a better color.\r\n"}}
{"actor":{"display_login":"biggeleben"}}