support coloring counters by feed-id/is-cat; set fresh counter to green

js/FeedTree.js

@@ -82,6 +82,9 @@ define(["dojo/_base/declare", "dojo/dom-construct", "dojo/_base/array", "dojo/co
 			}
 
 			if (id.match("FEED:")) {
+				tnode.rowNode.setAttribute('data-feed-id', bare_id);
+				tnode.rowNode.setAttribute('data-is-cat', "false");
+
 				const menu = new dijit.Menu();
 				menu.row_id = bare_id;
 
@@ -132,6 +135,9 @@ define(["dojo/_base/declare", "dojo/dom-construct", "dojo/_base/array", "dojo/co
 			}
 
 			if (id.match("CAT:")) {
+				tnode.rowNode.setAttribute('data-feed-id', bare_id);
+				tnode.rowNode.setAttribute('data-is-cat', "true");
+
 				tnode.loadingNode = dojo.create('img', { className: 'loadingNode', src: 'images/blank_icon.gif'});
 				domConstruct.place(tnode.loadingNode, tnode.labelNode, 'after');
 			}

themes/compact.css

@@ -587,6 +587,9 @@ body.ttrss_main #feeds-holder #feedTree .counterNode {
   min-width: 23px;
   height: 14px;
 }
+body.ttrss_main #feeds-holder #feedTree .dijitTreeRow[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread {
+  background-color: #3ea447;
+}
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .loadingExpando {
   left: -3px;
   height: 22px;

themes/compact_night.css

@@ -587,6 +587,9 @@ body.ttrss_main #feeds-holder #feedTree .counterNode {
   min-width: 23px;
   height: 14px;
 }
+body.ttrss_main #feeds-holder #feedTree .dijitTreeRow[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread {
+  background-color: #3ea447;
+}
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .loadingExpando {
   left: -3px;
   height: 22px;

themes/light.css

@@ -587,6 +587,9 @@ body.ttrss_main #feeds-holder #feedTree .counterNode {
   min-width: 23px;
   height: 14px;
 }
+body.ttrss_main #feeds-holder #feedTree .dijitTreeRow[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread {
+  background-color: #3ea447;
+}
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .loadingExpando {
   left: -3px;
   height: 22px;

themes/light/tt-rss.less

@@ -676,6 +676,11 @@ body.ttrss_main {
 				height : 14px;
 			}
 
+			// fresh
+			.dijitTreeRow[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread {
+				background-color: darken(@color-checked, 15%);
+			}
+
 			.dijitTreeNode .loadingExpando {
 				left : -3px;
 				height : 22px;

themes/night.css

@@ -588,6 +588,9 @@ body.ttrss_main #feeds-holder #feedTree .counterNode {
   min-width: 23px;
   height: 14px;
 }
+body.ttrss_main #feeds-holder #feedTree .dijitTreeRow[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread {
+  background-color: #3ea447;
+}
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .loadingExpando {
   left: -3px;
   height: 22px;

themes/night_blue.css

@@ -588,6 +588,9 @@ body.ttrss_main #feeds-holder #feedTree .counterNode {
   min-width: 23px;
   height: 14px;
 }
+body.ttrss_main #feeds-holder #feedTree .dijitTreeRow[data-feed-id="-3"][data-is-cat="false"] .counterNode.unread {
+  background-color: #3ea447;
+}
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .loadingExpando {
   left: -3px;
   height: 22px;