increase contrast of various gray elements

tt-rss.css

@@ -62,7 +62,7 @@ div.postReply div.postContent img {
 
 div.postReply div.postEnclosures {
 	margin-top : 1em;
-	color : gray;
+	color : #555;
 }
 
 div.postReply img.tagsPic {
@@ -191,7 +191,7 @@ a:hover {
 
 .hl div.hlTitle a {
 	font-weight : bold;
-	color : gray;
+	color : #555;
 }
 
 .hl.Unread div.hlTitle a {
@@ -242,7 +242,7 @@ div.filterTestHolder {
 #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
 	margin : 5px 0px 5px 0px;
 	padding : 10px;
-	color : gray;
+	color : #555;
 	border-width : 0px 0px 0px 3px;
 	border-color : #c0c0c0;
 	border-style : solid;
@@ -258,7 +258,7 @@ div.filterTestHolder {
 #content-insert pre, #headlines-frame pre, .dijitContentPane pre {
 	margin : 5px 0px 5px 0px;
 	padding : 10px;
-	color : gray;
+	color : #555;
 	font-family : monospace;
 	font-size : 12px;
 	border-width : 0px;
@@ -319,7 +319,7 @@ ul.nomarks {
 }
 
 div.prefHelp {
-	color : gray;
+	color : #555;
 	padding : 5px;
 }
 
@@ -328,7 +328,7 @@ span.feed_error {
 }
 
 .insensitive {
-	color : gray;
+	color : #555;
 }
 
 div#headlines-toolbar {
@@ -337,7 +337,7 @@ div#headlines-toolbar {
 	border-color : #c0c0c0;
 	font-size : 12px;
 	font-family : "Segoe UI", Tahoma, sans-serif;
-	color : gray;
+	color : #555;
 	padding : 0px;
 	margin : 0px;
 	overflow : hidden;
@@ -364,11 +364,11 @@ div#headlines-toolbar span.r span.error {
 } 
 
 div#headlines-toolbar span.r a {
-	color : gray;
+	color : #555;
 }
 
 span.contentPreview {
-	color : gray;
+	color : #555;
 	font-weight : normal;
 }
 
@@ -391,7 +391,7 @@ span.hlLabelRef {
 
 div.postHeader div.postDate {
 	text-align : right;
-	color : gray;
+	color : #555;
 	float : right;
 }
 
@@ -422,7 +422,7 @@ a.hlFeed {
 	padding : 1px 2px 1px 2px;
 	margin-bottom : 2px;
 	margin-top : 2px;
-	color : gray;
+	color : #555;
 }
 
 a.hlFeed:hover {
@@ -460,7 +460,7 @@ ul.feedErrorsList {
 }
 
 ul.feedErrorsList em {
-	color : gray;
+	color : #555;
 }
 
 ul.browseFeedList {
@@ -618,7 +618,7 @@ img.hlScorePic {
 
 div.dlgSec {
 	font-size : 12px;
-	color : gray;
+	color : #555;
 	font-weight : bold;
 	clear : both;
 	height : 20px;
@@ -681,7 +681,7 @@ div#cmdline {
 	left : 5px;
 	bottom : 5px;
 	font-size : 11px;
-	color : gray;
+	color : #555;
 	font-weight : bold;
 	background-color : white;
 	border : 1px solid #88b0f0;
@@ -723,7 +723,7 @@ div.hlRight img {
 }
 
 span.hlUpdated {
-	color : gray;
+	color : #555;
 	min-width : 100px;
 	display : table-cell;
 	width : 100%;
@@ -824,7 +824,7 @@ div.fatalError textarea {
 #header {
 	border-width : 0px;
 	text-align : right;
-	color : gray;
+	color : #555;
 	padding : 5px 5px 0px 0px;
 	margin : 0px;
 	position : absolute;
@@ -835,7 +835,7 @@ div.fatalError textarea {
 
 #footer {
 	text-align : center;
-	color : gray;
+	color : #555;
 	padding : 4px 4px 8px 4px;
 	border-width : 0px;
 }
@@ -855,7 +855,7 @@ div.fatalError textarea {
 }
 
 .feedParam {
-	color : gray;
+	color : #555;
 	float : right;
 	margin-right : 1em;
 }
@@ -866,7 +866,7 @@ div.fatalError textarea {
 }
 
 .dijitTreeLabel.Disabled, .labelParam.Disabled {
-	color : gray;
+	color : #555;
 }
 
 .dijitTreeRow.Error {
@@ -896,10 +896,10 @@ img.feedIcon, img.tinyFeedIcon {
 
 .player {
 	display : inline-block;
-	color : gray;
+	color : #555;
 	font-size : 11px;
 	font-family : sans-serif;
-	border : 1px solid gray;
+	border : 1px solid #555;
 	padding : 0px 4px 0px 4px;
 	margin : 0px 2px 0px 2px;
 	width : 50px;
@@ -922,7 +922,7 @@ img.feedIcon, img.tinyFeedIcon {
 	margin-left : 1px;
 	text-align : center;
 	padding : 1em;
-	color : gray;
+	color : #555;
 }
 
 ul#filterDlg_Matches, ul#filterDlg_Actions {
@@ -986,7 +986,7 @@ div.postContent iframe {
 }
 
 div.postHeader span.author {
-	color : gray;
+	color : #555;
 	font-size : 11px;
 	font-weight : normal;
 }