About Seiten mit CSS Codes anpassen

Boersenfeger

Das dachte ich mir schon....

Endor wird bestimmt noch was basteln..

Es eilt ja nicht...

Endor

Das wäre meine Version von about:profiles:

CSS

    /* AGENT_SHEET */
    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url(about:profiles){
        
    html{background:#ffffff !important;}
        
    h1:after {content: "Design by Endor";
             margin-left: 100px;
             font-size: 25px;
             font-weight: bold;
             color: red; }

    #body {margin-left: 200px !important; max-width: 1040px !important;}
    
    #action-box{width: 36% !important; border-radius:24px !important;}
    
    #profiles > div > table{border-radius:24px !important;}
        
    #profiles > div > table > tbody > tr:nth-child(1) > th:nth-child(1){border-top-left-radius:24px !important; 
    padding-top: 8px !important; padding-bottom: 8px !important;}
    #profiles > div > table > tbody > tr:nth-child(1) > td:nth-child(2){border-top-right-radius:24px !important;}
    
    #profiles > div > table > tbody > tr:nth-child(3) > th:nth-child(1){border-bottom-left-radius:24px !important;}
    
    #profiles > div > table > tbody > tr:nth-child(3) > td:nth-child(2){border-bottom-right-radius:24px !important;}
    
    th, td {padding-left: 17px !important;}
    
    hr{display: none !important;}
    h2{margin-top: 25px !important;}
    
    #restart-button{
    -moz-appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild9.png")no-repeat !important;
    margin-left: 8px !important;
    padding-left:45px!important;
    padding-right: 148px !important;
    padding-bottom: 5px!important; 
    background-position:14px 6px!important;
    font-size:14.0px!important;
    border-style: outset !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important;
    border-radius:12px !important;
    color:black !important;
    white-space: nowrap!important;
    overflow: hidden !important;
    text-overflow: ellipsis!important;
    }

    #restart-button:hover{
    -moz-appearance:none!important;
    background: #B2EDFA url("..//icons/Bild9.png")no-repeat !important;
    background-position:14px 6px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #restart-in-safe-mode-button{
    -moz-appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild10.png")no-repeat !important;
    margin-left: 8px !important;
    padding-left:45px!important;
    padding-right: 34px !important;
    background-position:14px 5px!important;
    font-size:14.0px!important;
    border-style: outset !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important;
    border-radius:12px !important;
    color:black !important; 
    margin-bottom: 10px !important;
    white-space: nowrap!important;
    overflow: hidden !important;
    text-overflow: ellipsis!important;}
    
    #restart-in-safe-mode-button:hover{
    -moz-appearance:none!important;
    background: #B2EDFA url("..//icons/Bild10.png")no-repeat !important;
    background-position:14px 5px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #create-button{
    -moz-appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild11.png")no-repeat !important;
    padding-left:35px!important;
    padding-right:20px!important;
    background-position:14px 5px!important;
    font-size:14.0px!important;
    border-style: outset !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important;
    border-radius:12px !important;
    color:black !important; }
    
    #create-button:hover{
    -moz-appearance:none!important;
    background: #B2EDFA url("..//icons/Bild11.png")no-repeat !important;
    background-position:14px 5px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #action-box > h3, h2, h1 {color: #057A7A !important;}
    

    #profiles > div:nth-child(n+1) > table > tbody > tr:nth-child(2) > td > button{
    -moz-appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild12.png")no-repeat !important;
    margin-left: 5px !important;
    padding-left:35px!important;
    padding-right:20px!important;
    background-position:14px 5px!important;
    font-size:14px!important;
    border-style: outset !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important;
    border-radius:12px !important;
    color:black !important; 
    }
    
    #profiles > div:nth-child(n+1) > table > tbody > tr:nth-child(2) > td > button
    {position: absolute !important;    right: 264px !important; margin-top:-8px !important;}
    
    #profiles > div:nth-child(n+1) > table > tbody > tr:last-child > td > button
    {position: absolute !important;    right: 264px !important; margin-top:-8px !important;}    
    
    
    #profiles > div:nth-child(-n+20) > table:nth-child(-n+20) > tbody:nth-child(1) > tr:nth-child(-n+20), 
    #profiles > div:nth-child(-n+20) > table:nth-child(-n+20) > tbody:nth-child(1) > tr:nth-child(-n+20) > th:nth-child(-n+20)
    {height: 32px !important;}
    
    #profiles > div:nth-child(n+1) > table > tbody > tr:nth-child(2) > td > button:hover{
    -moz-appearance:none!important;
    background: #B2EDFA url("..//icons/Bild12.png")no-repeat !important;
    background-position:14px 5px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;
    }
    
    
    #profiles > div:nth-child(n+1) > table > tbody > tr:last-child > td > button{
    -moz-appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild12.png")no-repeat !important;
    margin-left: 25px !important;
    padding-left:35px!important;
    padding-right:20px!important;
    background-position:14px 5px!important;
    font-size: 14px!important;
    border-style: outset !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important;
    border-radius:12px !important;
    color:black !important;}
    
    #profiles > div:nth-child(n+1) > table > tbody > tr:last-child > td > button:hover{
    -moz-appearance:none!important;
    background: #B2EDFA url("..//icons/Bild12.png")no-repeat !important;
    background-position:14px 5px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #profiles > div:nth-child(n+1) > button:nth-child(3){
    -moz-appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild13.png")no-repeat !important;
    margin-top: 8px !important;
    padding-left:35px!important;
    padding-right:20px!important;
    background-position:14px 5px!important;
    font-size:14.0px!important;
    border-style: outset !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important;
    border-radius:12px !important;
    color:black !important;}
    
    #profiles > div:nth-child(n+1) > button:nth-child(3):hover{
    -moz-appearance:none!important;
    background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
    background-position:14px 5px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #profiles > div:nth-child(n+1) >button:nth-child(4){
    -moz-appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild8.gif")no-repeat !important;
    margin-top: 8px !important;
    padding-left:35px!important;
    padding-right:20px!important;
    background-position:14px 5px!important;
    font-size:14.0px!important;
    border-style: outset !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important;
    border-radius:12px !important;
    color:black !important; }
    
    #profiles > div:nth-child(n+1) > button:nth-child(4):hover {
    -moz-appearance:none!important;
    background: #B2EDFA url("..//icons/Bild8.gif")no-repeat !important;
    background-position:14px 5px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #profiles > div:nth-child(n+1) >button:nth-child(5){
    -moz-appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild14.png")no-repeat !important;
    margin-top: 8px !important;
    padding-left:35px!important;
    padding-right:20px!important;
    background-position:14px 7px!important;
    font-size:14.0px!important;
    border-style: outset !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important;
    border-radius:12px !important;
    color:black !important; }
    
    #profiles > div:nth-child(n+1) >button:nth-child(5):hover{
    -moz-appearance:none!important;
    background: #B2EDFA url("..//icons/Bild14.png")no-repeat !important;
    background-position:14px 7px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #profiles > div:nth-child(n+1) >button:nth-child(6){
    -moz-appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild15.png")no-repeat !important;
    margin-top: 8px !important;
    padding-left:35px!important;
    padding-right:20px!important;
    background-position:14px 5px!important;
    font-size:14.0px!important;
    border-style: outset !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important;
    border-radius:12px !important;
    color:black !important; }    

    #profiles > div:nth-child(n+1) >button:nth-child(6):hover{
    -moz-appearance:none!important;
    background: #B2EDFA url("..//icons/Bild15.png")no-repeat !important;
    background-position:14px 5px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    
    
    #action-box{background: #FDF5E6 !important;}
    #action-box > h3{margin-left: 4px !important;}    
    
    #profiles > div:nth-child(odd) > table            
    {background: #FFFFF0 !important;}
    
    td:hover{background: #ffeb99 !important;}
    
    th {background-color: #ee7621 !important;}
    th:hover {background-color: #b54f06 !important;}    

    #profiles > div:nth-child(even) > table
    {background: #FFFAF0 !important;}
    }

Alles anzeigen

Symbole siehe hier: https://github.com/Endor8/CSS/tre…s/about:profile

Boersenfeger Zeile 13 könnte für dich wieder wichtig sein. :wink:

Mfg.
Endor

Boersenfeger

Danke für den bereinigten Code. Die Anpassungen sind gemacht und es sieht guuut aus!

Büssen

Zitat von Boersenfeger

Endor

Zitat von Büssen

Moin,
hier z.B. auch eine css-Datei von Endor < about:profiles > , die ich schon lange verwende:

Da geht doch bestimmt auch noch was mehr mit entsprechenden Bildchen im Button!?

Moin,

die von mir eingestellte Datei about:profiles funktionierte in sämtlichen Profilen FX 76 -78. Ich schrieb ja, "schon lange verwendet". Die Datei stammte noch aus dem Jahre 2017 (von Endor übernommen).

Die Datei hat natürlich nicht das neueste Design, so wie es hier gewünscht wird.

Habe mir nun die neueste Datei von Endor installiert - gefällt mir natürlich auch viel besser.

Endor Vielen Dank dafür!

2002Andreas

Zitat von Büssen

die von mir eingestellte Datei about:profiles funktionierte in sämtlichen Profilen

Selbst auf deinem Screenshot fehlen sämtliche Icons, ergo funktioniert sie nicht (mehr) richtig.

Base64 wurde schon lange deaktiviert für die about seiten.

Endor

Büssen

gern geschehen, freut mich wenn es gefällt.

@all

Wer hat noch Lust,

about:serviceworkers

CSS

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url(about:serviceworkers){


html {background: #FFFFFF !important; margin-top: 140px !important;}


html:before {content: "Endors Firefox "; font-weight:bold !important; font-size: 26px !important;
color:red !important; margin-left:660px !important; }


#body { max-width: 800px !important; margin-left: 300px !important;}


#serviceworkers > div:nth-child(-n+25) > ul:nth-child(2) > li:nth-child(-n+10) > strong:nth-child(1)
{color: #cd4f39 !important;}


#serviceworkers > h1, h2{color: #af3a04 !important;}


#serviceworkers > h1:nth-child(1){margin-left: 220px !important; margin-bottom: 45px!important;
margin-top: -5px !important; font-weight:bold !important;}


hr{display: none !important;}


#serviceworkers{margin-top: 30px !important; }


li {font-size: 14px !important;}


#serviceworkers > div:nth-child(even) {
background-color: #FFFFF0 !important;
padding-left: 15px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
margin-bottom: 10px!important;
margin-top: 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:3px !important;
border-radius:14px!important;}


#serviceworkers > div:nth-child(even):hover{
background-color: #ffeb99 !important;
padding-left: 15px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
margin-bottom: 10px!important;
margin-top: 10px!important;
border-style: outset !important;
border-width: 3px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}


#serviceworkers > div:nth-child(odd){
background-color: #fef4d8 !important;
padding-left: 15px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
margin-bottom: 10px!important;
margin-top: 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:3px !important;
border-radius:14px!important;}


#serviceworkers > div:nth-child(odd):hover {
background-color: #fce39c !important;
padding-left: 15px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
margin-bottom: 10px!important;
margin-top: 10px!important;
border-style: outset !important;
border-width: 3px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}


html{
background: url("..//icons/Fuchs1.png") no-repeat !important;
height:100px!important;
margin-top: 70px!important;
background-attachment:scroll!important;
background-position:400px -15px!important;}
}


#serviceworkers > div > button:nth-child(3){
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild5.png")no-repeat !important;
margin-top: 20px !important;
padding-bottom: 2px!important;
padding-top: 2px!important;
padding-left:35px!important;
padding-right:20px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 2px!important;
border-radius:14px!important;
color:black !important;}


#serviceworkers > div > button:nth-child(3):hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild5.png")no-repeat !important;
font-size:14px!important;
border-style: outset !important;
border-width:2px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
text-decoration:none!important;
padding-right:20px!important;
padding-left:35px!important ;
background-position:10px 2px!important;}


#serviceworkers > div > button:nth-child(4){
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild6.png")no-repeat !important;
margin-left: 5px !important;
padding-bottom: 2px!important;
padding-top: 2px!important;
padding-left:35px!important;
padding-right:20px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 2px!important;
border-radius:14px!important;
color:black !important;}


#serviceworkers > div > button:nth-child(4):hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild6.png")no-repeat !important;
font-size:14px!important;
border-style: outset !important;
border-width:2px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
text-decoration:none!important;
padding-right:20px!important;
padding-left:35px!important ;
background-position:10px 2px!important;}


#serviceworkers > div > ul > li:nth-child(2) > a{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild7.png")no-repeat !important;
margin-left: 50px !important;
padding-left:35px!important;
padding-bottom: 2px!important;
padding-top: 2px!important;
padding-right:20px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 2px!important;
border-radius:14px!important;
color:black !important;
line-height: 2 !important;}


#serviceworkers > div > ul > li:nth-child(2) > a:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild7.png")no-repeat !important;
font-size:14px!important;
border-style: outset !important;
border-width:2px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
text-decoration:none!important;
padding-right:20px!important;
padding-left:35px!important ;
background-position:10px 2px!important;}


#serviceworkers > div > ul > li:nth-child(3) > a{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild43.png")no-repeat !important;
margin-left: 13px !important;
padding-left:35px!important;
padding-right:20px!important;
padding-bottom: 2px!important;
padding-top: 2px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 2px!important;
border-radius:14px!important;
color:black !important;
line-height: 2 !important;}


#serviceworkers > div > ul > li:nth-child(3) > a:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild43.png")no-repeat !important;
font-size:14px!important;
border-style: outset !important;
border-width:2px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
text-decoration:none!important;
padding-right:20px!important;
padding-left:35px!important ;
background-position:10px 2px!important;
}
}

Alles anzeigen

Boersenfeger Zeile 9 könnte wieder wichtig sein. :wink:

Symbole siehe hier: https://github.com/Endor8/CSS/tre…:serviceworkers

Mfg.
Endor

Büssen

Zitat von Endor

Büssen
gern geschehen, freut mich wenn es gefällt.
@all
Wer hat noch Lust,
about:serviceworkers
Mfg.
Endor

Alles anzeigen

Den habe ich mir auch gleich mal abgeholt - sieht gut aus!

Code about:logins habe ich noch nachgeholt - sieht auch gut aus

Endor

Hallo zusammen.

about:debugging

CSS Code:

CSS

/* AGENT_SHEET */
@-moz-document url-prefix("about:debugging"){


.page:before{
content: "Design by Endor";
margin-left: 0px;
font-size: 25px;
font-weight: bold;
color: red;}


.app__content{margin-top: -30px !important;}


.sidebar{
margin-top: 50px !important;
max-height: 535px !important;
background-color: #FFFFF0 !important;
border-left-color: Tomato!important;
border-top-color: Tomato!important;
border-right-color: OrangeRed!important;
border-bottom-color: OrangeRed!important;
border-radius: 14px !important;
border-width: 4px !important;
border-style: outset !important;}


.sidebar:hover{
background-color: #FFDEAD !important;
border-left-color: Tomato!important;
border-top-color: Tomato!important;
border-right-color: OrangeRed!important;
border-bottom-color: OrangeRed!important;
}


h1.alt-heading{color: #0052cc !important; font-weight: bold !important; font-size: 18px !important;}
h2.alt-heading{color: #B22222 !important; font-weight: bold !important; font-size: 18px !important;}


section.qa-debug-target-pane:nth-child(4) > div:nth-child(2) > ul:nth-child(1) > li:nth-child(n+1) > section:nth-child(4) > dl:nth-child(2) > div:nth-child(n+1),
section.qa-debug-target-pane:nth-child(4) > div:nth-child(2) > ul:nth-child(1) > li:nth-child(n+3) > section:nth-child(4) > dl:nth-child(1) > div:nth-child(1),
section.qa-debug-target-pane:nth-child(4) > div:nth-child(2) > ul:nth-child(1) > li:nth-child(n+7) > section:nth-child(4) > dl:nth-child(1) > div:nth-child(n+1),
section.qa-debug-target-pane:nth-child(5) > div:nth-child(2) > ul:nth-child(1) > li:nth-child(n+1) > dl:nth-child(4) > div:nth-child(n+1),
section.qa-debug-target-pane:nth-child(5) > div:nth-child(2) > ul:nth-child(1) > li:nth-child(n+1) > section:nth-child(5)
{border-top: none !important;}


body{background-color: #ffffff !important; margin-left: 200px !important;
overflow-x: hidden !important; }


.separator{display: none !important; }


img[class="icon-label__icon"]{fill: green !important;}


li.sidebar-item:nth-child(3) {margin-top: 50px !important; margin-left: 35px !important;}


li.sidebar-item:nth-child(4){ margin-left: -30px !important;}


.main-subheading__icon {fill: #6061dc!important;}


img[class="sidebar-fixed-item__icon"][src="chrome://devtools/skin/images/settings.svg"] {
-moz-appearance: none !important;
fill: orange !important;
}


img[class="sidebar-fixed-item__icon"][src="chrome://devtools/skin/images/aboutdebugging-firefox-logo.svg"] {
-moz-appearance: none !important;
fill: orangered !important;}


li.card{border-radius: 22px !important;}


.debug-target-item{
background-color: #FFFFF0 !important;
padding-left: 15px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
margin-bottom: 10px!important;
margin-top: 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:3px !important;
border-radius:14px!important;}


.debug-target-item:hover{
background-color: #ffeb99 !important;
padding-left: 15px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
margin-bottom: 10px!important;
margin-top: 10px!important;
border-style: outset !important;
border-width: 3px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}




.undefined{
background: #efefef url("..//icons/Bild113.png") no-repeat !important;
color:black!important;
font-size:14px!important;
margin-top: 2px !important;
margin-bottom: 2px !important;
text-decoration:none!important;
padding-top: 2px !important;
padding-right:40px!important;
padding-left:50px!important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
background-position:16px 6px!important;
border-radius:16px!important;}


.undefined:hover{
background: #CFE6F1 url("..//icons/Bild113.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-right:40px!important;
padding-left:50px!important;
background-position:16px 6px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:1px !important;}


button[class="default-button qa-debug-target-inspect-button"] {
background: #efefef url("..//icons/Bild114.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-top: 2px !important;
padding-right:56px!important;
padding-left:63px!important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
background-position:14px 6px!important;
border-radius:16px!important;}


button[class="default-button qa-debug-target-inspect-button"]:hover{
background: #CFE6F1 url("..//icons/Bild114.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:14px 6px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:1px !important;}


.reload-button {
background: #efefef url("..//icons/Bild115.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-top: 2px !important;
padding-right:56px!important;
padding-left:63px!important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
background-position:14px 6px!important;
border-radius:16px!important;}


.reload-button:hover{
background: #CFE6F1 url("..//icons/Bild115.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:14px 6px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:1px !important;}


.update-button{
background: #efefef url("..//icons/Bild116.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-top: 2px !important;
padding-right:38px!important;
padding-left:45px!important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
background-position:14px 5px!important;
border-radius:16px!important;}


.update-button:hover{
background: #CFE6F1 url("..//icons/Bild116.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:14px 5px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:1px !important;}


.unregister-link {
margin-left: 384px !important;
margin-bottom: 8px !important;
margin-top: -4px !important;
background: #efefef url("..//icons/Bild117.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-top: 3px !important;
padding-bottom: 5px !important;
padding-right:64px!important;
padding-left:63px!important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
background-position:14px 5px!important;
border-radius:16px!important;}


button[class="default-button default-button--micro qa-unregister-button"]{
background: #efefef url("..//icons/Bild117.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-top: 3px !important;
padding-bottom: 5px !important;
padding-right:64px!important;
padding-left:63px!important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
background-position:14px 4px!important;
border-radius:16px!important;}


button[class="default-button default-button--micro qa-unregister-button"]:hover,
.unregister-link:hover{
background: #CFE6F1 url("..//icons/Bild117.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:14px 4px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:1px !important;}


div.target-container:nth-child(-n+30) > span:nth-child(2){
margin-top: -4px !important;
background: #efefef url("..//icons/Bild118.png") no-repeat !important;
-moz-appearance: none !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-top: 3px !important;
padding-bottom: 5px !important;
padding-right:10px!important;
padding-left: 35px!important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
background-position:10px 5px!important;
border-radius:16px!important;}


div.target-container:nth-child(-n+30) > span:nth-child(2):hover{
background: #CFE6F1 url(("..//icons/Bild118.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 5px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:1px !important;}


div.target-container:nth-child(-n+30) > div:nth-child(3){margin-top: -5px !important; margin-left: 4px !important;}


a[href="https://developer.mozilla.org/docs/Tools/about:debugging#Enabling_add-on_debugging"]{
background: #efefef url("..//icons/Bild34.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-top: 3px !important;
padding-bottom: 3px !important;
padding-right:35px!important;
padding-left:50px!important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
background-position:12px 5px!important;
border-radius:16px!important;}




a[href="https://developer.mozilla.org/docs/Tools/about:debugging#Enabling_add-on_debugging"]:hover{
background: #CFE6F1 url("..//icons/Bild34.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:12px 5px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:1px !important;}


.addons-tip > a:nth-child(3){
background: #efefef url("..//icons/Bild34.png") no-repeat !important;
color:black!important;
min-width: 140px !important;
font-size:14px!important;
text-decoration:none!important;
padding-top: 3px !important;
padding-bottom: 3px !important;
padding-right:35px!important;
padding-left:50px!important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
background-position:13px 5px!important;
border-radius:16px!important;}


.addons-tip > a:nth-child(3):hover{
background: #CFE6F1 url("..//icons/Bild34.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:13px 5px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:1px !important;}


.qa-refresh-devices-button{
background: #efefef url("..//icons/Bild119.png") no-repeat !important;
margin-left:-30px !important;
min-width: 210px !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-top: 3px !important;
padding-bottom: 4px !important;
padding-left:35px!important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
background-position:14px 7px!important;
border-radius:16px!important;}


.qa-refresh-devices-button:hover{
background: #FFFACD url("..//icons/Bild119.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:14px 7px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:1px !important;}


.sidebar__footer__icon{display: none !important;}


.sidebar-item--selectable:hover {
background-color: #FFDEAD !important;
}


a[href="https://developer.mozilla.org/docs/Tools/about:debugging"]{
background: #efefef url("..//icons/Bild120.png") no-repeat !important;
appearance: none !important;
margin-left:-6px !important;
max-height: 24px !important;
max-width: 140px !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-top: 3px !important;
padding-bottom: 4px !important;
padding-right:25px!important;
padding-left:42px!important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
background-position:14px 7px!important;
border-radius:16px!important;}




a[href="https://developer.mozilla.org/docs/Tools/about:debugging"]:hover{
background: #FFFACD url("..//icons/Bild120.png") no-repeat !important;
appearance: none !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:14px 7px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:1px !important;}


li.sidebar-item--tall:nth-child(1){
appearance: none !important;
margin-top: -25px !important;
margin-left:20px !important;
max-height: 35px !important;
max-width: 140px !important;
background: #efefef !important;
color:black!important;
font-size:14px!important;
padding-top: 3px !important;
padding-bottom: 3px !important;
padding-left: 15px!important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
border-radius:22px!important;}




li.sidebar-item--tall:nth-child(1):hover{
background: #FFFACD !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:12px 4px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:1px !important;}




li.sidebar-item:nth-child(2){
appearance: none !important;
margin-top: 10px !important;
margin-left: 20px !important;
max-height: 35px !important;
max-width: 140px !important;
background: #efefef !important;
color:black!important;
font-size:14px!important;
padding-top: 3px !important;
padding-bottom: 3px !important;
padding-left: 15px!important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
border-radius:22px!important;}


li.sidebar-item:nth-child(2):hover{
background: #FFFACD !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:12px 4px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:1px !important;}


button[class="default-button default-button--micro qa-start-button"]{
background: #efefef url("..//icons/Bild53.gif") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-top: 3px !important;
padding-bottom: 3px !important;
padding-right:65px!important;
padding-left:76px!important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
background-position:12px 4px!important;
border-radius:16px!important;}


button[class="default-button default-button--micro qa-start-button"]:hover{
background: #CFE6F1 url("..//icons/Bild53.gif") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:12px 4px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:1px !important;}


button.category:nth-child(1)> img{
-moz-appearance:none!important;
height: 0 !important;
width: 0 !important;
padding-left: 25px !important;
margin-left: 0px !important;
padding-top: 42px !important;
background: url("..//icons/Bild121.png") no-repeat !important;
background-position:1px 8px!important;
}


button.category:nth-child(1)> div{padding-top:3px!important;}


button.category:nth-child(2) > img{
-moz-appearance:none!important;
height: 0 !important;
width: 0 !important;
padding-left: 25px !important;
margin-left: 0px !important;
padding-top: 42px !important;
background: url("..//icons/Bild122.png") no-repeat !important;
background-position:1px 8px!important;
}


button.category:nth-child(2) > div{padding-top:5px!important;}


button.category:last-child > img{
-moz-appearance:none!important;
height: 0 !important;
width: 0 !important;
padding-left: 25px !important;
margin-left: 0px !important;
padding-top: 42px !important;
background: url("..//icons/Bild123.png") no-repeat !important;
background-position:1px 10px!important;
}




button.category:last-child> div{padding-top:5px!important;}


.category.selected{background: #ffc966 !important;}
.category{background: #faf5e4!important;}
.category.selected:hover{background: #FCE59F!important;}




button.default-button:nth-child(3){
background: #efefef url("..//icons/Bild119.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-top: 3px !important;
padding-bottom: 4px !important;
padding-left:35px!important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
background-position:14px 7px!important;
border-radius:16px!important;}


button.default-button:nth-child(3):hover{
background: #CFE6F1 url("..//icons/Bild119.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:14px 7px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:1px !important;}


.page > p:nth-child(3) > a:nth-child(1){
background: #efefef url("..//icons/Bild34.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-top: 3px !important;
padding-bottom: 3px !important;
padding-right:15px!important;
padding-left:32px!important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
background-position:12px 5px!important;
border-radius:16px !important;
line-height: 2.5 !important;}


.page > p:nth-child(3) > a:nth-child(1):hover{
background: #CFE6F1 url("..//icons/Bild34.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:12px 5px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:1px !important;}


.connect-page__troubleshoot--usb > p:nth-child(1) > a:nth-child(1){
background: #efefef url("..//icons/Bild34.png") no-repeat !important;
margin-left: 15px !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-top: 3px !important;
padding-bottom: 3px !important;
padding-right:15px!important;
padding-left:40px!important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
background-position:12px 5px!important;
border-radius:16px!important;}


.connect-page__troubleshoot--usb > p:nth-child(1) > a:nth-child(1):hover{
background: #CFE6F1 url("..//icons/Bild34.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:12px 5px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:1px !important;}


.connect-page__troubleshoot--network > p:nth-child(1) > a:nth-child(1){
background: #efefef url("..//icons/Bild34.png") no-repeat !important;
margin-left: 13px !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-top: 3px !important;
padding-bottom: 3px !important;
padding-right:15px!important;
padding-left:40px!important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
background-position:12px 5px!important;
border-radius:16px!important;}


.connect-page__troubleshoot--network > p:nth-child(1) > a:nth-child(1):hover{
background: #CFE6F1 url("..//icons/Bild34.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:12px 5px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:1px !important;}


.primary-button{
background: #efefef url("..//icons/Bild124.png") no-repeat !important;
margin-bottom: 10px !important;
margin-left: 34px !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-top: 3px !important;
padding-bottom: 3px !important;
padding-right:15px!important;
padding-left:40px!important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
background-position:12px 8px!important;
border-radius:16px!important;}


.primary-button:hover{
background: #CFE6F1 url("..//icons/Bild124.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:12px 8px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:1px !important;}

img[class="connect-section__header__icon"][src="chrome://devtools/skin/images/aboutdebugging-usb-icon.svg"]{
filter: invert(15%) sepia(71%) saturate(5169%) hue-rotate(209deg) brightness(98%) contrast(103%) !important;
}
    
img[class="connect-section__header__icon"][src="chrome://devtools/skin/images/aboutdebugging-globe-icon.svg"]{
filter: invert(31%) sepia(100%) saturate(2322%) hue-rotate(96deg) brightness(97%) contrast(101%) !important;
}

img[class="debug-target-item__icon qa-debug-target-item-icon"][src="chrome://mozapps/skin/extensions/extensionGeneric.svg"]{
filter: invert(31%) sepia(100%) saturate(2322%) hue-rotate(96deg) brightness(97%) contrast(101%) !important;        
}
    
img[class="debug-target-item__icon qa-debug-target-item-icon"][src="chrome://devtools/skin/images/debugging-workers.svg"]{
filter: invert(12%) sepia(75%) saturate(4294%) hue-rotate(354deg) brightness(108%) contrast(120%) !important;
}

section[class="card connect-section "]{
border-radius: 22px !important;
background-color: #FFFFF0 !important;
padding-left: 15px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
margin-bottom: 10px!important;
margin-top: 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:3px !important;
border-radius:14px!important;}


section[class="card connect-section "]:hover{
background-color: #ffeb99 !important;
padding-left: 15px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
margin-bottom: 10px!important;
margin-top: 10px!important;
border-style: outset !important;
border-width: 3px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}


.connect-section__extra{border-top: none !important;}
}

Alles anzeigen

Symbole siehe hier: https://github.com/Endor8/CSS/tre…about:debugging

Eine Frage dazu kriegt jemand von euch diese beiden Symbole eingefärbt,
ich habe einiges versucht aber hier will es nicht.

Mfg.
Endor

BrokenHeart

Zitat von Endor

Eine Frage dazu kriegt jemand von euch diese beiden Symbole eingefärbt,
ich habe einiges versucht aber hier will es nicht.

Auf dieser Seite https://codepen.io/sosuke/pen/Pjoqqp den Hex-Farbcode eingeben und dann die berechnete Filterliste in den css-Code einfügen:

CSS

.connect-section__header__icon {
  /* Hex-Code: #AA0000 (rot) */      
  filter: invert(11%) sepia(89%) saturate(5429%) hue-rotate(358deg) brightness(78%) contrast(109%) !important;
}

Endor

Hallo BrokenHeart

Prima, vielen Dank, funktioniert bestens.

Habe den CSS Code bereits aktualisiert.

:klasse:

Mfg.
Endor

milupo

Endor Ich bin nur mal neugierig: Könntest du das mal mit folgenden Selektoren testen?

img[src$="aboutdebugging-usb-icon.svg"]

bzw.

img[src$="aboutdebugging-globe-icon.svg"]

Wenn das klappen würde, könnte man beide Symbole unterschiedlich einfärben.

Endor

Hallo milupo

Wenn Du Dir mal mein Bild oben

ansiehst, wirst Du merken ich habe

bereits unterschiedliche Farben.

Ist auch im CSS Code oben schon

so drinnen. Trotzdem vielen Dank

für die Mühe.

Mfg.

Endor

grisu2099

milupo :

Deine Selektoren funktionieren!

milupo

Zitat von grisu2099

Deine Selektoren funktionieren!

Danke!

Zitat von Endor

Wenn Du Dir mal mein Bild oben
ansiehst, wirst Du merken ich habe
bereits unterschiedliche Farben.

Irgendwie ist mir dein Beitrag durch die Lappen gegangen. Hatte mich wohl zu sehr auf den von BrokenHeart konzentriert oder hast du das Bildschirmfoto später hinzugefügt?

Endor

Hallo milupo.

Ja ich habe das Bild nachträglich eingefügt,

aber schon ein weilchen bevor Du deinen

Beitrag geschrieben hast.

Bin mir bei den gewählten Farben aber

noch nicht sicher, im Moment blau und grün, bin mir noch nicht sicher ob das wirklich passt..

Mfg.

Endor

milupo

Zitat von Endor

Ja ich habe das Bild nachträglich eingefügt,
aber schon ein weilchen bevor Du deinen
Beitrag geschrieben hast.

OK. Wie hast du denn die Symbole eindeutig gemacht? Denn eigentlich haben sie ja die gleiche Klasse.

Endor

Im Prinzip genau so wie Du.

CSS

img[class="connect-section__header__icon"][src="chrome://devtools/skin/images/aboutdebugging-usb-icon.svg"]{
filter: invert(15%) sepia(71%) saturate(5169%) hue-rotate(209deg) brightness(98%) contrast(103%) !important;
}
    
img[class="connect-section__header__icon"][src="chrome://devtools/skin/images/aboutdebugging-globe-icon.svg"]{
filter: invert(31%) sepia(100%) saturate(2322%) hue-rotate(96deg) brightness(97%) contrast(101%) !important;
}

Mfg.

Endor

milupo

Zitat von Endor

Im Prinzip genau so wie Du.

Ah, ist nur bei dir wohl doppelt gemoppelt. Die Klasse wäre eigentlich nur notwendig, wenn das gleiche Symbol mit unterschiedlichen Klassen vorkommen würde. Aber sicher ist sicher.

Boersenfeger

Zitat von Endor

Büssen
@all
Wer hat noch Lust,
about:serviceworkers

Hm, das ist bei mir komplett leer..

Sören Hentzschel

Dann hast du keine Seite besucht, welche Service Worker registriert. Als Nicht-Entwickler kann einem die Seite aber auch sowieso egal sein.

About Seiten mit CSS Codes anpassen

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Addons Manager Nightly