About Seiten mit CSS Codes anpassen

Mira_Belle

Punkt 2 auch gelöst!

CSS

    #updates-message {
        outline-width: 1px !important;
        outline-style: solid !important;
        outline-color: #E0E0E0 !important;
        border-radius: 8px;
        height: 30px !important;
        background: #2B2B2B !important;   
        --in-content-button-text-color: #E0E0E0 !important;    
        --in-content-button-background: transparent !important;
        --in-content-button-background-hover: transparent !important;
        --in-content-button-text-color-hover: #E0E0E0 !important;
        --in-content-button-background-active: transparent !important; 
    }
    
    #updates-message:hover {
        outline-width: 2px !important;
        outline-color: #FFA500 !important;
        background-color: #5c5c5c !important;
    }

Alles anzeigen

Nun wird das Feld "Verfügbaren Updates anzeigen" so angezeigt wie von mir gewünscht.

Fast

Denn was ich nicht verstehe, ist die Tatsache, dass wenn ich den Code, also das ganze CSS,

genau so in der Stilbearbeitung eingebe, wird das Feld "Verfügbaren Updates anzeigen"

tatsächlich so angezeigt wird wie ich das möchte!!

Wird das CSS aber über die userContent.css geladen,

dann ist die Schrift beim Hovern aber farbig! (Orange, #FFA500)

Man beachte aberZeile 11 --in-content-button-text-color-hover: #E0E0E0 !important;

ein ganz, ganz helles Grau ist da definiert.

Hat da wer einen Tip für mich, woran das liegen könnte?

2002Andreas

Zitat von Mira_Belle

dann ist die Schrift beim Hovern aber farbig!

Mira_Belle

Zitat von 2002Andreas

Das ist ja das Verrückte,

in der "Stilbearbeitung" reagiert es genauso wie gewünscht und wie von Dir gezeigt.

Jedoch über die userContent.css geladen, ist die Schrift plötzlich Orange.

2002Andreas

Zitat von Mira_Belle

wie von Dir gezeigt.

Das war nicht in den Entwickler-Werkzeugen aufgenommen

Mira_Belle

Zitat von 2002Andreas

Das war nicht in den Entwickler-Werkzeugen aufgenommen

Oh, ....

Dann deaktiviere ich mal alle anderen CSS-Dateien und schaue, ob es das was gibt, was dieses seltsame verursacht.

Danke.

Mira_Belle

Schuldigen Eintrag in der About:addons.css gefunden!

Es war ...

CSS

    button {
        color: #E0E0E0 !important;
    }
    
/*    button:enabled:hover {
        color: #FFA500 !important;
    }
*/    
    button:focus-visible {
        outline-color: transparent !important;
    }

Alles anzeigen

Habe ihn durch ...

CSS

    .disco-cta-button,
    .theme-enable-button {
        color: #E0E0E0 !important;
    }

    .more-options-button {
        fill: #E0E0E0 !important;
    }

... ersetzt!

Nun ist aber geschafft.

Danke.

Firefox_94.0.1

Ich versuche aktuell die Einstellungsseite anzupassen.

Doch irgendwie werden die Änderungen der css nicht übernommen:

CSS

/*about:preferences*/




@-moz-document url(about:preferences), url-prefix(about:preferences#privacy)
{
/*Hintergrund gesamte Seite*/


.main-content {
padding-top: 0;
scroll-padding-top: 90px;
contain: inline-size;
background-color: #ffd700 !important;
}


.sticky-inner-container {
-moz-box-flex: 1;
max-width: var(--main-pane-width);
background-color: #ffd700 !important;
}


.sticky-container {
position: sticky;
background-color: #ffd700 !important;
top: 0;
z-index: 1;
width: calc(100% + 8px);
margin-inline: -4px;
padding-inline: 4px;
}


/*Suchfeld*/


#policies-container, #searchInput {
min-height: 32px;
margin: 20px 0 30px;
margin-right: 0px;
background-color: #00016e !important;
color: #fff !important;
margin-right: 435px !important;
}


/*Überschriften*/


h1 {
margin: 0 0 8px;
font-size: 1.46em;
font-weight: 800 !important;
line-height: 1.3em;
background-color: #ffd !important;
color: #00016e !important;
width: 600px !important;
text-align: center !important;
border-radius: 15px !important;
}

}

Alles anzeigen

Hat jemand eine Idee, woran das liegen könnte?

FuchsFan

Zitat von Firefox_94.0.1

Hat jemand eine Idee, woran das liegen könnte?

Versuche mal das bitte in Zeile 6 und 7 einzusetzen.

Code

@-moz-document url(about:preferences),
                   url(about:preferences#general),
                   url(about:preferences#home),  
                   url(about:preferences#advanced),
                   url(about:preferences#containers),                   
                   url(about:preferences#content),
                   url(about:preferences#applications),
                   url(about:preferences#privacy),
                   url(about:preferences#search),
                   url(about:preferences#security),
                   url(about:preferences#sync) {

Alles anzeigen

milupo

Du hast Firefox nach den Änderungen neu gestartet? Der Code ist auch in der userContent.css?

2002Andreas

Zitat von Firefox_94.0.1

Doch irgendwie werden die Änderungen der css nicht übernommen:

Ergibt hier:

Firefox_94.0.1

Fehler gefunden:

Aufgrund der Übersichtlichkeit binde ich die Dateien für die einzelen Seiten per

@import Befehl in die UserContent.css ein. Obwohl ich da schon mind 5x nachgeschaut hatte, ist mir jetzt aufgefallen, dass ich den Dateinamen nach dem @import falsch geschrieben hatte (Endung .css vergessen). Jetzt funktioniert es bei mir auch.

2002Andreas

Zitat von Firefox_94.0.1

falsch geschrieben hatte

Kann passieren

Schön wenn dein Problem jetzt behoben ist.

Firefox_94.0.1

Zitat von 2002Andreas

Zitat von Firefox_94.0.1

falsch geschrieben hatte

Kann passieren
Schön wenn dein Problem jetzt behoben ist.

Könntest du mal folgenden Code testen:

CSS

/*about:preferences*/




@-moz-document url(about:preferences),
url(about:preferences#general),
url(about:preferences#home),
url(about:preferences#advanced),
url(about:preferences#containers),
url(about:preferences#content),
url(about:preferences#applications),
url(about:preferences#privacy),
url(about:preferences#search),
url(about:preferences#security),
url(about:preferences#sync){


/*Hintergrund gesamte Seite*/


.main-content {
padding-top: 0;
scroll-padding-top: 90px;
contain: inline-size;
background-color: #ffd700 !important;
}


.sticky-inner-container {
-moz-box-flex: 1;
max-width: var(--main-pane-width);
background-color: #ffd700 !important;
}


.sticky-container {
position: sticky;
background-color: #ffd700 !important;
top: 0;
z-index: 1;
width: calc(100% + 8px);
margin-inline: -4px;
padding-inline: 4px;
}


/*Suchfeld*/


#policies-container, #searchInput {
min-height: 32px;
margin: 20px 0 30px;
margin-right: 0px;
background-color: #00016e !important;
color: #fff !important;
margin-right: 435px !important;
}


/*Überschriften*/


h1 {
font-size: 1.46em;
font-weight: 800 !important;
line-height: 1.3em;
margin: 0;
margin-left: 0px;
color: #00016e !important;
background-color: #ffd !important;
margin-left: 80px !important;
width: 600px !important;
text-align: center;
border-radius: 15px !important;
}


h2 {
margin: 16px 0 4px;
font-size: 1.14em;
line-height: normal;
background-color: #9c1818 !important;
}


/*Checkbox*/


.checkbox-check[checked] {
border-color: #9c1818 !important;
background-color: #9c1818 !important;
background-image: url("chrome://global/skin/icons/check.svg");
background-position: center;
background-repeat: no-repeat;
-moz-context-properties: fill;
fill: #fff !important;
color: var(--checkbox-checked-color, AccentColorText);
color-adjust: exact;
}


}

Alles anzeigen

Ergänzend zum Ursprung müssten:

die Unterüberschriften (z.B. "Start") rot hinterlegt sein. Jedoch wird der Codeteil dafür (h2) nicht erkannt.

2002Andreas

Zitat von Firefox_94.0.1

Könntest du mal folgenden Code testen:

Sieht hier so aus:

wenn ich das vorher entferne:

url(about:preferences#general),

url(about:preferences#home),

url(about:preferences#advanced),

url(about:preferences#containers),

url(about:preferences#content),

url(about:preferences#applications),

url(about:preferences#privacy),

url(about:preferences#search),

url(about:preferences#security),

url(about:preferences#sync),

url (about:preferences#searchResults)

weil der letzte Eintrag ein Leerfeld hat.

In deinem neu eingefügten Code ist es wieder ok.

FuchsFan

Zitat von 2002Andreas

wenn ich das vorher entferne:

Hmmm, sehr komisch, diesen Teil habe ich schon eine Ewigkeit im Code verarbeitet, noch keine Schwierigkeiten gehabt. Das Teil habe ich mal so übernommen, schon gesucht, aber kann es auf die Schnelle nicht finden. Na , Hauptsache, es funktioniert auch ohne.

2002Andreas

Zitat von FuchsFan

Das Teil habe ich mal so übernommen

Der Beitrag 1193 wurde nachträglich geändert.

Im Code sah der letzte Eintrag erst so aus:

url (about:preferences#sync){

Und durch das Leerefeld nach url, hat er bei mir nicht funktioniert.

Jetzt ist der Code in dem Beitrag aber richtig, und funktioniert auch.

FuchsFan

Zitat von 2002Andreas

Jetzt ist der Code in dem Beitrag aber richtig, und funktioniert auch.

Danke, Andreas.

2002Andreas

Zitat von FuchsFan

Danke

Gerne doch

Ich hätte besser nicht schreiben sollen:

Zitat von 2002Andreas

wenn ich das vorher entferne:

sondern gleich das mit dem Leerfeld erwähnen müssen.

Aber egal, ist ja geklärt.

Firefox_94.0.1

Wie kann ich in about:preferences die drop-down menüs im offenen Zustand anpassen?

Mira_Belle

Zitat von Firefox_94.0.1

Wie kann ich in about:preferences die drop-down menüs im offenen Zustand anpassen?

Anklicken (öffenen) und dann X-beliebigen Eintrag mit linker Maustaste anklicken.

In diesem sich neuen Menü dann Untersuchen anklicken.

About Seiten mit CSS Codes anpassen

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Addons Manager Nightly