按来源为条目设置不同的背景颜色
// ==UserScript==
// @name InoReader Colorful ListView
// @name:en InoReader Colorful ListView
// @namespace https://greasyfork.org/zh-CN/scripts/7695
// @version 20150128
// @description 按来源为条目设置不同的背景颜色
// @description:en Set different background colors of article header based on its source.
// @author http://t.qq.com/HeartBlade
// @include http*://www.inoreader.com/*
// @include http*://inoreader.com/*
// @include http*://beta.inoreader.com/*
// @run-at document-end
// ==/UserScript==
(function() {
document.getElementById("reader_pane").addEventListener("DOMNodeInserted",function (){
var article=document.getElementsByClassName("article_header");
for(var i=0;i<article.length;i++){
var hue=article[i].parentNode.attributes["data-suid"].value*10%360;
if (/article_unreaded/.test(article[i].parentNode.className)){
article[i].parentNode.setAttribute("style","background-color:hsl("+hue+",70%,80%);");
article[i].childNodes[3].childNodes[1].setAttribute("style","background-color:hsl("+hue+",70%,80%);");
}else if(/\barticle\b/.test(article[i].parentNode.className)){
article[i].parentNode.style.background="";
article[i].childNodes[3].childNodes[1].setAttribute("style","background-color:#f2f2f2");
}
}
},false);
})();