Feedbro und Tab Session Manager Icon färben


  • ich hätte das Feedbro Icon gern genauso mit dem Tabcounter wie In My Pocket


    Hier folgenden CSS-Code anwenden:

    CSS
    /*Feedbro Toolbarbutton-badge Anpassung */
    #_a9c2ad37-e940-4892-8dce-cd73c6cbbc0c_-browser-action .toolbarbutton-badge {
      background-color: rgba(51, 51, 51, 1) !important; 
      color: rgba(255, 255, 255, 1) !important;
    }


    Tab Session Manager soll das Grüne schwarz werden und das Weiße innen komplett verschwinden


    Dafür war eine Editierung des Icons von Tab Session Manager notwendig, welches ich einmal für dich gemacht habe:

    CSS
    /* Tab Session Manager Toolbar Icon schwarz */
    #tab-session-manager_sienori-browser-action{
      list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABGklEQVRYhe3TsS4EURQG4K/VakVFBBGFZDsdlVbPI4jKC+glCnZjo7CtiIh4CY1EVkQUElQIa0UWxShmiouRHdnMrmJOcoq5uf/ky7n3ElfUpd7DhJTqFuAZ2xjuFSDCC6oY+w1wmGyoYj/jT1s4DnK7aOI8+a7hItj/lkxiMg0wGsAGMwIesRTkBnCFtWBtEad4TzIfOEgDTAehqYyAV6wGuRncoexrLXybRJQXYBb3KYA+7OQBaGAlyI2Ij2DLz6rkAWhiHUPiOzSPJ2ymAKp/AZQyAiLcil/NEU6StY1OAeOoZ+gzXOIG1+Lx17HcKSCPKgAFoAAUgAJQAArA/weUcgaU2wHm0J9j19oBGnjIsVvtAN3u3gI+AXRtz8mt3vDfAAAAAElFTkSuQmCC') !important;
    }
  • Super, herzlichen Dank.
    Wenn man Feedbro jetzt noch so einfärben könnte wie den Rest, also der weiße Rand schwarz und das RSS Icon innen auch schwarz und das Orangene transparent, sodass man die Themefarbe sieht, wäre mein Icon-Menü perfekt.
    Und bei uBlock ist der Counter nicht richtig schwarz, sondern grau. Da wäre eine komplett schwarze Anpassung auch toll.


  • Wenn man Feedbro jetzt noch so einfärben könnte wie den Rest


    Na gut, dieses eine Mal editiere ich dir das jeweilige Icon nochmals. Für das nächste Mal würde ich dich dann gerne bitten, dass du dein gewünschtes Icon mittels Bildbearbeitungsprogramm nach deinen Wünschen selbst editierst.
    Hier noch der CSS-Code für die Anpassung:

    CSS
    /*Feedbro Toolbaricon schwarz */
    #_a9c2ad37-e940-4892-8dce-cd73c6cbbc0c_-browser-action{
      list-style-image: url('data:image/png;base64,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') !important;
    }


    Und bei uBlock ist der Counter nicht richtig schwarz, sondern grau. Da wäre eine komplett schwarze Anpassung auch toll.


    Hier auch nochmal der CSS-Code um das Badgeicon von uBlock Origin in der Farbe von In My Pocket zu färben.

    CSS
    /*uBlock Origin Toolbarbutton-badge Anpassung */
    #ublock0_raymondhill_net-browser-action .toolbarbutton-badge{
    	background-color: rgba(51, 51, 51, 1) !important; 
    	color: rgba(255, 255, 255, 1) !important;
    }