☰

InoReader Colorful ListView

按来源为条目设置不同的背景颜色

  1. // ==UserScript==
  2. // @name        InoReader Colorful ListView
  3. // @name:en        InoReader Colorful ListView
  4. // @namespace   https://greasyfork.org/zh-CN/scripts/7695
  5. // @version     20170628
  6. // @description 按来源为条目设置不同的背景颜色
  7. // @description:en Set different background colors to article header based on article sources
  8. // @author         http://t.qq.com/HeartBlade
  9. // @include        http*://www.inoreader.com/*
  10. // @include        http*://inoreader.com/*
  11. // @include        http*://beta.inoreader.com/*
  12. // @grant            GM_addStyle
  13. // ==/UserScript==
  14. (function() {
  15. document.getElementById("reader_pane").addEventListener("DOMNodeInserted",function (){
  16. 	var article=document.getElementsByClassName("article_header");
  17. 	for(var i=0;i<article.length;i++){
  18. 		var hue=article[i].parentNode.attributes["data-suid"].value*10%360;
  19. 		if (/article_unreaded/.test(article[i].parentNode.className)){
  20. 			article[i].parentNode.setAttribute("style","background-color:hsl("+hue+",70%,80%);");
  21. 			article[i].childNodes[3].childNodes[1].setAttribute("style","background-color:hsl("+hue+",70%,80%);");
  22. 		}else if(/\barticle\b/.test(article[i].parentNode.className)){
  23. 			article[i].parentNode.style.background="";
  24. 			article[i].childNodes[3].childNodes[1].setAttribute("style","background-color:#f2f2f2");
  25. 		}
  26. 	}
  27. },false);
  28.  
  29. var css= ".ar {   position:relative!important;margin:0!important; } .article_header_text{   padding-left:58px;   min-width:0px!important; } .ar .arrow_div{   position:static!important;   float:left!important; } .ar .arrow_div .header_buttons{   position:absolute!important;   left:20px!important;   top:6px!important;   right:auto!important; }  .ar .arrow_div .header_date{   position:absolute!important;   z-index:99!important;   color:#000!important;   right:0px !important;   top:-5px;   width:auto!Important;   padding:9px 0px 9px 10px!important;   opacity:1!important; }  .article_current .header_date{background:none!important;}.ar:hover,.ar:hover .header_date{background:#A5FFE8!important;}.article_header .feed_favicon{margin-top:4px!important;}.block_article_ad,.ad_title,.inner_ad,#sinner_container{display: none!important;}#sb_rp_tools,#sb_rp_notifications,#sb_rp_gear{margin-right:-60px!important;}#sb_rp_upgrade_button{display: none!important;}#reader_pane.reader_pane_sinner{padding-right:0px!important;}";
  30. GM_addStyle(css);
  31. })();