From f34218c5725d5f2276105cbd647ef3927c962ad9 Mon Sep 17 00:00:00 2001 From: Tony Duckles Date: Wed, 31 Oct 2012 17:45:08 -0500 Subject: [PATCH] greader_compact: Switch to low-contrast color scheme Make unread items have a light-grey font, so they're a lot lower contrast. When reading a page-full of short articles (e.g. Slickdeals), having all the bold-black text at the bottom is pretty distracting. This way, the expanded article has the most visual weight and is the only thing that is black-text. --- greader_compact.css | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/greader_compact.css b/greader_compact.css index ee0891d..f9800fc 100644 --- a/greader_compact.css +++ b/greader_compact.css @@ -14,24 +14,32 @@ #overview .title { font-size: 140% !important; } #entries.list .entry .collapsed { border: 2px solid #FFFFFF !important; background: #FFFFFF !important; } -#entries.list .read .collapsed { border: 2px solid #F5F5F5 !important; background: #F5F5F5 !important; } +#entries.list .read .collapsed { border: 2px solid #F4F4F4 !important; background: #F4F4F4 !important; } #entries.list #current-entry .collapsed { border: 2px solid #4D90F0 !important; } +#entries.list #current-entry.expanded .entry-container { background: #FFFFFF !important; } #entries.list #current-entry.expanded .collapsed { border-color: #FFFFFF !important; border-top: 2px solid #4D90F0 !important; } #entries.list #current-entry.expanded .entry-actions { border-bottom: 2px solid #4D90F0 !important; } #entries.list #current-entry.expanded .collapsed, #entries.list #current-entry.expanded .entry-container, #entries.list #current-entry.expanded .entry-actions { border-right: 2px solid #FFF !important; border-left: 2px solid #FFF !important; } +#entries.list .entry .entry-main .entry-title, + #entries.list .entry .entry-main .entry-source-title, + #entries.list .entry .entry-main .snippet, + #entries.list .entry .entry-date { color: #999 !important; } + #current-entry .entry-container .entry-title a, #current-entry .entry-container a.entry-source-title, + #current-entry .entry-container .snippet, #current-entry .entry-container a.entry-post-author-name { color: #222 !important; } #entries.list .read .entry-main .entry-title, #entries.list .read .entry-main .entry-source-title, - #entries.list .read .entry-date { color: #888 !important; } + #entries.list .read .entry-main .snippet, + #entries.list .read .entry-date { color: #AAA !important; } #entries.list #current-entry.expanded.read .entry-main .entry-title, #entries.list #current-entry.expanded.read .entry-main .entry-source-title, - #entries.list #current-entry.expanded.read .entry-date { color: #666 !important; } + #entries.list #current-entry.expanded.read .entry-date { color: #6488B9 !important; } } -- 2.43.0