{"action":"created","issue":{"url":"https://api.github.com/repos/mmistakes/hpstr-jekyll-theme/issues/77","labels_url":"https://api.github.com/repos/mmistakes/hpstr-jekyll-theme/issues/77/labels{/name}","comments_url":"https://api.github.com/repos/mmistakes/hpstr-jekyll-theme/issues/77/comments","events_url":"https://api.github.com/repos/mmistakes/hpstr-jekyll-theme/issues/77/events","html_url":"https://github.com/mmistakes/hpstr-jekyll-theme/issues/77","id":54230793,"number":77,"title":"Tag CSS Color on Posts","user":{"login":"justinrummel","id":466605,"avatar_url":"https://avatars.githubusercontent.com/u/466605?v=3","gravatar_id":"","url":"https://api.github.com/users/justinrummel","html_url":"https://github.com/justinrummel","followers_url":"https://api.github.com/users/justinrummel/followers","following_url":"https://api.github.com/users/justinrummel/following{/other_user}","gists_url":"https://api.github.com/users/justinrummel/gists{/gist_id}","starred_url":"https://api.github.com/users/justinrummel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/justinrummel/subscriptions","organizations_url":"https://api.github.com/users/justinrummel/orgs","repos_url":"https://api.github.com/users/justinrummel/repos","events_url":"https://api.github.com/users/justinrummel/events{/privacy}","received_events_url":"https://api.github.com/users/justinrummel/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-01-13T18:41:18Z","updated_at":"2015-01-13T21:26:09Z","closed_at":null,"body":"I'm not a CSS expert, but was confused when I found in the _page.scss for the .tag section, there are two lines for \"color:\"\r\n\r\nhttps://github.com/mmistakes/hpstr-jekyll-theme/blob/master/_sass/_page.scss#L175-177\r\n\r\nAlso, the default color is $white which does not display with a white background. If you replace one of the $white with $text-color it does display, however, I want to make sure these are the right lines of CSS to modify, thus: \r\n\r\n``` bash\r\n//\t\tcolor: $white;\r\n\t\t@include rounded(3px);\r\n\t\tcolor: $text-color;\r\n```"},"comment":{"url":"https://api.github.com/repos/mmistakes/hpstr-jekyll-theme/issues/comments/69823199","html_url":"https://github.com/mmistakes/hpstr-jekyll-theme/issues/77#issuecomment-69823199","issue_url":"https://api.github.com/repos/mmistakes/hpstr-jekyll-theme/issues/77","id":69823199,"user":{"login":"mmistakes","id":1376749,"avatar_url":"https://avatars.githubusercontent.com/u/1376749?v=3","gravatar_id":"","url":"https://api.github.com/users/mmistakes","html_url":"https://github.com/mmistakes","followers_url":"https://api.github.com/users/mmistakes/followers","following_url":"https://api.github.com/users/mmistakes/following{/other_user}","gists_url":"https://api.github.com/users/mmistakes/gists{/gist_id}","starred_url":"https://api.github.com/users/mmistakes/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mmistakes/subscriptions","organizations_url":"https://api.github.com/users/mmistakes/orgs","repos_url":"https://api.github.com/users/mmistakes/repos","events_url":"https://api.github.com/users/mmistakes/events{/privacy}","received_events_url":"https://api.github.com/users/mmistakes/received_events","type":"User","site_admin":false},"created_at":"2015-01-13T21:26:09Z","updated_at":"2015-01-13T21:26:09Z","body":"There should only be one `color: $white;` declaration. You can safely remove one.\r\n\r\n![tag-pills](https://cloud.githubusercontent.com/assets/1376749/5729423/48955628-9b40-11e4-9ed0-4d240b25e801.png)\r\n\r\nThe current style is white text on a gray background for the tag \"pills\". Here are the important parts you'll want to modify to change the colors.\r\n\r\n``` css\r\n.tag {\r\n\tcolor: $white; // tag text color\r\n\t.term {\r\n\t\tbackground-color: lighten($base-color,60); // background color of tag name text\r\n\t}\r\n\t.count {\r\n\t\tbackground-color: lighten($base-color,40); // background color of tag count to the right of the term name\r\n\t}\r\n\t&:hover {\r\n\t\tbackground-color: lighten($base-color,50); // background color when tag link is hovered\r\n\t}\r\n}\r\n```"}}