make some colors between non/cdm modes more consistent

css/cdm.less

@@ -337,7 +337,7 @@ div#floatingTitle.Unread a.title {
 }
 
 .cdm.expandable {
-	background-color : #f0f0f0;
+	background-color : @color-panel-bg;
 	border: 0px solid #ddd;
 	border-bottom-width: 1px;
 

css/default.css

@@ -183,6 +183,7 @@ body.ttrss_main .hl {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
+  background: #f5f5f5;
 }
 body.ttrss_main .hl > * {
   align-self: center;
@@ -249,12 +250,15 @@ body.ttrss_main .hl div.title a {
   font-weight: 600;
   text-rendering: optimizelegibility;
   font-family: "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
-  color: #777;
+  color: #555;
 }
 body.ttrss_main .hl a.title.high,
 body.ttrss_main .hl span.hl-content.high .preview {
   color: #00aa00;
 }
+body.ttrss_main .hl.Unread {
+  background: white;
+}
 body.ttrss_main .hl.Unread div.title a {
   color: black;
 }
@@ -1306,7 +1310,7 @@ div#floatingTitle.Unread a.title {
   color: black;
 }
 .cdm.expandable {
-  background-color: #f0f0f0;
+  background-color: #f5f5f5;
   border: 0px solid #ddd;
   border-bottom-width: 1px;
 }

css/dijit.less

@@ -10,7 +10,7 @@
 	}
 
 	.dijitDialog .dijitDialogPaneContent {
-		background : #f5f5f5;
+		background : @color-panel-bg;
 	}
 
 	.dijitAccordionContainer {
@@ -32,7 +32,7 @@
 	}
 
 	.dijitTab:not(.dijitTabChecked) {
-		background : #f5f5f5;
+		background : @color-panel-bg;
 	}
 
 	.dijitMenu .dijitMenuItem .dijitMenuItemLabel {

css/prefs.less

@@ -1,5 +1,5 @@
 body.ttrss_prefs {
-	background-color : #f5f5f5;
+	background-color : @color-panel-bg;
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size: 14px;
 
@@ -17,7 +17,7 @@ body.ttrss_prefs {
 	}
 
 	#footer {
-		background-color : #f5f5f5;
+		background-color : @color-panel-bg;
 		font-size : 13px;
 		border : 0px;
 		text-align : center;

css/tt-rss.less

@@ -209,6 +209,7 @@ body.ttrss_main {
 		display : flex;
 		flex-direction : row;
 		flex-wrap : nowrap;
+		background : @color-panel-bg;
 
 		> * {
 			align-self : center;
@@ -283,7 +284,7 @@ body.ttrss_main {
 			font-weight : 600;
 			text-rendering: optimizelegibility;
 			font-family : @fonts-ui;
-			color : #777;
+			color : #555;
 		}
 
 		a.title.high, span.hl-content.high .preview {
@@ -291,6 +292,10 @@ body.ttrss_main {
 		}
 	}
 
+	.hl.Unread {
+		background : white;
+	}
+
 	.hl.Unread div.title a {
 		color : black;
 	}
@@ -356,7 +361,7 @@ body.ttrss_main {
 		font-family: monospace;
 		font-size: 12px;
 		border: 0px solid #ccc;
-		background: #f5f5f5;
+		background: @color-panel-bg;
 		display: block;
 		max-width: 98%;
 		overflow: auto;
@@ -709,7 +714,7 @@ body.ttrss_main {
 		padding : 0px;
 		border: 0px solid #ddd;
 		overflow : hidden;
-		background : #f5f5f5;
+		background : @color-panel-bg;
 		box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
 		-webkit-overflow-scrolling : touch;
 

css/utility.less

@@ -3,7 +3,7 @@ body.ttrss_utility.sanity_failed {
 }
 
 body.ttrss_utility {
-	background : #f5f5f5;
+	background : @color-panel-bg;
 	color : black;
 	padding : 0px;
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

css/zoom.less

@@ -3,7 +3,7 @@ body.ttrss_zoom {
 	margin-right : auto;
 	padding : 20px;
 	max-width : 800px;
-	background : #f5f5f5;
+	background : @color-panel-bg;
 
 	div.post {
 		border : 1px solid #ddd;
@@ -101,7 +101,7 @@ body.ttrss_zoom {
 				font-family : monospace;
 				font-size : 12px;
 				border: 0px solid #ccc;
-				background : #f5f5f5;
+				background : @color-panel-bg;
 				display : block;
 				max-width : 98%;
 				overflow : auto;