X-Git-Url: https://git.wh0rd.org/?a=blobdiff_plain;f=css%2Fcdm.less;h=a919fb60541e185ea313200debdf42e52ea39e73;hb=2f3ed853d2086ceaa411b36d4382086d46bb3f7b;hp=5a79addbd1e2db00f511f3b71ada9bb9f4fbd75a;hpb=f9ffef66f95ab71438d979919e0405abaa42ac15;p=tt-rss.git

diff --git a/css/cdm.less b/css/cdm.less
index 5a79addb..a919fb60 100644
--- a/css/cdm.less
+++ b/css/cdm.less
@@ -28,7 +28,7 @@
 		}
 
 		span.updated {
-			color : #555;
+			color : @default-text;
 			font-weight : normal;
 			font-size : 11px;
 			white-space : nowrap;
@@ -59,7 +59,7 @@
 		height : 30px;
 		padding-left : 5px;
 		font-weight : normal;
-		color : #555;
+		color : @default-text;
 		clear : both;
 
 		> * {
@@ -136,8 +136,14 @@
 	background : white;
 }
 
-.cdm.expandable.Selected {
-	background : #f9fbff;
+.cdm.expandable.Selected:not(.active) {
+	background : desaturate(@color-accent, 25%);
+
+	a,
+	.cdmHeader a.title,
+	span {
+		color : white;
+	}
 }
 
 .cdm.expandable.active {
@@ -150,10 +156,9 @@ div.cdm.expandable.active div.cdmHeader span.titleWrap {
 
 div.cdm.expandable div.cdmHeader a.title {
 	font-weight : 600;
-	color : #555;
+	color : @default-text;
 	font-size : 14px;
-	-webkit-transition : color 0.2s;
-	transition : color 0.2s;
+	transition : color 0.2s, background 0.2s;
 	text-rendering: optimizelegibility;
 	font-family : @fonts-ui-bold;
 }
@@ -178,8 +183,7 @@ div.cdm.expanded div.cdmHeader a.title {
 	font-size : 16px;
 	color : #999;
 	font-weight : 600;
-	-webkit-transition : color 0.2s;
-	transition : color 0.2s;
+	transition : color 0.2s, background 0.2s;
 	text-rendering: optimizelegibility;
 	font-family : @fonts-ui-bold;
 }
@@ -197,7 +201,7 @@ div.cdm.expanded.Unread div.cdmHeader a.title {
 }
 
 div.cdm.expanded div.cdmContent {
-	color : #555;
+	color : @default-text;
 }
 
 div.cdm.expanded.Unread div.cdmContent {
@@ -218,7 +222,7 @@ span.cdmExcerpt {
 
 div.cdmContent div.postEnclosures {
 	margin-top : 1em;
-	color : #555;
+	color : @default-text;
 }
 
 div.cdmFeedTitle {
@@ -228,12 +232,12 @@ div.cdmFeedTitle {
 }
 
 div.cdmFeedTitle a.title {
-	color : #555;
+	color : @default-text;
 	font-weight : bold;
 }
 
 div.cdmFeedTitle a {
-	color : #555;
+	color : @default-text;
 }
 
 div.cdmFeedTitle a:hover {
@@ -248,7 +252,7 @@ div.cdmHeader span.hlFeed {
 
 div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
 	vertical-align : middle;
-	color : #555;
+	color : @default-text;
 	font-weight : normal;
 	font-style : italic;
 	font-size : 11px;
@@ -274,7 +278,7 @@ div.cdmContentInner iframe {
 
 div.cdmHeader span.author {
 	white-space : nowrap;
-	color : #555;
+	color : @default-text;
 	font-size : 11px;
 	font-weight : normal;
 }
@@ -288,7 +292,7 @@ div#floatingTitle {
 	border: 0px solid #ddd;
 	border-bottom-width: 1px;
 	background : white;
-	color : #555;
+	color : @default-text;
 	box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
 
 	> * {
@@ -304,7 +308,7 @@ div#floatingTitle {
 	}
 
 	span.author {
-		color : #555;
+		color : @default-text;
 		font-size : 11px;
 		font-weight : normal;
 	}
@@ -312,8 +316,7 @@ div#floatingTitle {
 	a.title {
 		font-size : 16px;
 		color : #999;
-		-webkit-transition : color 0.2s;
-		transition : color 0.2s;
+		transition : color 0.2s, background 0.2s;
 		font-weight : 600;
 		text-rendering: optimizelegibility;
 		font-family : @fonts-ui-bold;
@@ -325,7 +328,7 @@ div#floatingTitle {
 
 	div.hlFeed {
 		padding-right : 10px;
-		color : #555;
+		color : @default-text;
 		font-weight : normal;
 		font-style : italic;
 		font-size : 11px;
@@ -341,12 +344,12 @@ div#floatingTitle {
 	span.updated {
 		padding-right : 10px;
 		white-space : nowrap;
-		color : #555;
+		color : @default-text;
 		font-size : 11px;
 	}
 
 	div.hlFeed a {
-		color : #555;
+		color : @default-text;
 	}
 
 	span.titleWrap {
@@ -403,7 +406,7 @@ div#floatingTitle.Unread a.title {
 
 	a.catchup {
 		text-align : right;
-		color : #555;
+		color : @default-text;
 		padding-right : 10px;
 		font-size : 11px;
 		white-space : nowrap;