From ff8ec593103206b0d41edddc89422f3ad752d807 Mon Sep 17 00:00:00 2001 From: Toby Zerner Date: Mon, 14 Sep 2015 15:16:19 +0930 Subject: [PATCH] Increase text contrast closes #390 --- less/forum/DiscussionListItem.less | 8 +++++++- less/lib/variables.less | 2 +- 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/less/forum/DiscussionListItem.less b/less/forum/DiscussionListItem.less index da5228a29..22b775d66 100644 --- a/less/forum/DiscussionListItem.less +++ b/less/forum/DiscussionListItem.less @@ -45,7 +45,7 @@ text-overflow: ellipsis; .read & { - color: mix(@heading-color, @body-bg, 60%); + color: mix(@heading-color, @body-bg, 55%); } .unread & { font-weight: 600; @@ -59,6 +59,12 @@ > li { display: inline; + opacity: 0.7; + .transition(opacity 0.2s); + + .DiscussionListItem:hover &, .DiscussionListItem.active & { + opacity: 1; + } } .username { font-weight: bold; diff --git a/less/lib/variables.less b/less/lib/variables.less index ef1be5bb2..3b39e1357 100755 --- a/less/lib/variables.less +++ b/less/lib/variables.less @@ -27,7 +27,7 @@ @text-color: #111; @link-color: saturate(@primary-color, 10%); @heading-color: @text-color; - @muted-color: hsl(@secondary-hue, min(25%, @secondary-sat), 60%); + @muted-color: hsl(@secondary-hue, min(25%, @secondary-sat), 55%); @muted-more-color: #aaa; @shadow-color: rgba(0, 0, 0, 0.35);