about:preferences anpassen

BrokenHeart · 18. Januar 2022

Zitat von Dharkness

Da ↓ sind für die Farbwerte 8 statt 6 stellen.

Das ist syntaktisch schon ok so. Es sei denn, man möchte gar keinen Transparenzwert haben, dann sollten es natürlich auch nur 3-Hexwerte sein ( oder '#......ff' alternativ).

Mira_Belle · 18. Januar 2022

Zitat von 2002Andreas

Kannst du auch sein

Das solltest du aber bitte mal genauer überprüfen:

Jeweils gleiche Einträge, aber mit unterschiedlichen Farben.

Und damit sehe ich keine Funktion:

:root {
color: #e1e1e1 !important;

Alles anzeigen

Danke für die Korrektur.

Ist berichtigt.

Zitat von Dharkness

Da ↓ sind für die Farbwerte 8 statt 6 stellen.

Stimmt. Habe die Farben mit Visual Studio Code ermittelt

und sie sollten transparent sein.

Daher die etwas komischen Werte.

Gruß

Mira

Mira_Belle · 13. Februar 2022

Ich hänge heute schon den ganzen Tag daran und finde nicht den richtigen Kniff!

Es gibt da die Auswahlkästchen und ich hätte diese gerne beim Hovern Orange.

Ich bin einfach zu blond dafür, jedenfalls finde ich einfach nicht den richtigen Eintrag.

Und als Zweites gibt es da die Suchmaschinen-Schlüsselwörter, bzw. die Häkchen.

Diese hätte ich gerne auch in Orange.

Und was mir auch gerade aufgefallen ist, die gepunkteten Linien,

wenn man ein Häkchen setzt.

Beim Markieren eines Eintrags und beim Setzen eines Häkchens. Die sollen weg.

Danke, wäre echt sehr nett, wenn mir da jemand auf die Sprünge helfen könnte.

Gruß

Mira

Dharkness · 13. Februar 2022

Zitat von Mira_Belle

Es gibt da die Auswahlkästchen und ich hätte diese gerne beim Hovern Orange.

Das ↓ sind meine kompletten Anpassungen dafür.

CSS

/* Aktivierte Checkboxen grün */
checkbox image.checkbox-check[checked="true"] {
    fill: #FFF !important;
    border-radius: 0 !important;
    border: 1px solid #004400 !important;
    list-style-image: url("chrome://global/skin/icons/check.svg") !important;
    background: #006800 !important;
}
checkbox:hover image.checkbox-check {
    fill: #000 !important;
    border: 1px solid #0082FC !important;
    list-style-image: url("chrome://global/skin/icons/check.svg") !important;
    background: #D1E2F2 !important;
}
checkbox image.checkbox-check:not([checked="true"]) {
    border-radius: 0 !important;
    border: 1px solid #B2B2B2 !important;
}
checkbox:hover image.checkbox-check:not([checked="true"]) {
    fill: #000 !important;
    list-style-image: none !important;
    border-radius: 0 !important;
    border: 1px solid #0082FC !important;
    background: #D1E2F2 !important;
}
checkbox:hover image.checkbox-check[checked="true"] {
    fill: #000 !important;
    border: 1px solid #0082FC !important;
    background: #D1E2F2 !important;
}
checkbox:hover label.checkbox-label {
    color: #D1E2F2 !important;
}

Alles anzeigen

Das ↓ könnte dann ein für Dich passendes Ergebnis sein.

CSS

checkbox image.checkbox-check[checked="true"] {
    fill: #FF9600 !important;
    background: #000 !important;
    list-style-image: url("chrome://global/skin/icons/check.svg") !important;
}
checkbox:hover  image.checkbox-check[checked="true"] {
    fill: #000 !important;
    background: #D1E2F2 !important;
    list-style-image: url("chrome://global/skin/icons/check.svg") !important;
}

Dharkness · 13. Februar 2022

Zitat von Mira_Belle

Und als Zweites gibt es da die Suchmaschinen-Schlüsselwörter, bzw. die Häkchen.

Teste bitte mal das ↓.

CSS

treechildren::-moz-tree-image {
  fill: #006800 !important;
}
treechildren::-moz-tree-image(hover) {
  fill: #000 !important;
}

Mira_Belle · 13. Februar 2022

Zitat von Dharkness
Zitat von Mira_Belle

Es gibt da die Auswahlkästchen und ich hätte diese gerne beim Hovern Orange.

Das ↓ sind meine kompletten Anpassungen dafür.
CSS
/* Aktivierte Checkboxen grün */

Danke für den Code. Auch das mit den Häkchen hat gepasst. (Danke da für)

Habe mir da Teile herausgenommen und für mich angepasst.

CSS

    /*-------------------------------*/
    /********** Checkboxen  **********/
    /*-------------------------------*/
checkbox image.checkbox-check[checked="true"] {
    fill: #000 !important;                                                      /*  Farbe Häkchen  */
    background: #ff9600!important;                                              /*  Hintergrund aktiv */
    list-style-image: url("chrome://global/skin/icons/check.svg") !important;       /*  Häkchen  */
}
checkbox:hover image.checkbox-check[checked="true"] {
    fill: #000 !important;                                                      /*  Farbe Häkchen  */
    background: #ff9600 !important;                                         /*  Hintergrund hover */
    list-style-image: url("chrome://global/skin/icons/check.svg") !important;       /*  Häkchen  */
}
checkbox:hover image.checkbox-check:not([checked="true"]) {
    fill: #000 !important;
    list-style-image: none !important;
    background: #ff950098 !important;
}
checkbox:hover label.checkbox-label {
    color: #ff9600 !important;                      /*  Text beim Hovern  */
}

Alles anzeigen

So weit, so gut.

Wären dann nur noch die unschönen gepunktete Linien!

Wenn einfach nur makiert!

Wenn man das Feld verlassen hatte und gleich darauf ein Häkchen setzt,

in diesem Fall bei Amazon.

Hätte gerne beide gepunktete Linien weg, oder eben andere Farben.

Das weiß ich halt noch nicht. Finde aber leider nicht das Element (die Bezeichnung) dazu.

Bitte um Hilfe.

Gruß

Mira

Dharkness · 13. Februar 2022

Zitat von Mira_Belle

Wären dann nur noch die unschönen gepunktete Linien!

Teste mal damit ↓.

CSS

tree treechildren::-moz-tree-row,
tree treechildren::-moz-tree-row(selected) {
    border: 0 !important;
}

Mira_Belle · 13. Februar 2022

Zitat von Dharkness

Teste mal damit ↓.

Danke Ralf, aber leider hilft er nix.

Gruß

Mira

2002Andreas · 13. Februar 2022

Zitat von Mira_Belle

aber leider hilft er nix.

Welches Theme nutzt du denn?

Standard ist hier nämlich kein Rahmen vorhanden

Dharkness · 13. Februar 2022

Zitat von Mira_Belle

Danke Ralf, aber leider hilft er nix.

Teste mal damit ↓.

CSS

treechildren::-moz-tree-row,
treechildren::-moz-tree-row(selected),
treechildren::-moz-tree-row(selected, current, focus) {
    outline: 0 !important;
}

milupo · 13. Februar 2022

Zitat von 2002Andreas

Standard ist hier nämlich kein Rahmen vorhanden

Klicke mal auf einen Eintrag drauf. Da erscheint bei mir ebenfalls ein gepunkteter Rahmen. Ich verwende das Systemtheme.

2002Andreas · 13. Februar 2022

Zitat von milupo

Ich verwende das Systemtheme.

Sieht hier dann so aus:

milupo · 13. Februar 2022

Zitat von 2002Andreas

Sieht hier dann so aus:

Ich sehe aber auf deinem Screenshot ebenfalls einen Rahmen. Du bist doch Experte, experimentiere mal mit --default-focusring und --default-focusring-width. Ersteres ist bei mir dotted und letzteres hat den Wert 2px.

Dharkness · 13. Februar 2022

Zitat von milupo

experimentiere mal mit --default-focusring und --default-focusring-width

Ist in diesem Fall kein Focusring, sondern eine Outline, mein 2ter Versuch führte hier endgültig zum Ziel.

milupo · 13. Februar 2022

Hier ist mal ein Bildschirmfoto. ZUr besseren Anschaulichkeit habe ich nicht den Rahmen entfernt, sondern vergrößert und einen gestrichelten Rahmen verwendet:

Hier ist der Code:

CSS

#engineChildren {
    --default-focusring: dashed !important;
    --default-focusring-width: 5px !important;
}

Dharkness · 13. Februar 2022

Zitat von milupo

camp-firefox.de/attachment/36077/

Ergibt eine Fehlermeldung (Seite nicht gefunden!).

milupo · 13. Februar 2022

Sch…, falsche Grafik eingefügt.

Zitat von Dharkness

Ergibt eine Fehlermeldung (Seite nicht gefunden!).

Ja, ja, hatte die falsche Grafik eingefügt und gelöscht. Da bist du dazwischen geraten.

Mit

CSS

#engineChildren {
    --default-focusring: none !important;    
}

ist auch nichts mehr zu sehen.

Dharkness · 13. Februar 2022

Zitat von milupo

Ja, ja, hatte die falsche Grafik eingefügt und gelöscht. Da bist du dazwischen geraten.

Hm, hier funktioniert das nicht, ich muss damit ↓ arbeiten.

CSS

treechildren::-moz-tree-row {
    outline: 5px dotted #B2B2B2 !important;
}

milupo · 13. Februar 2022

Da ist aber alles umrahmt. Es gibt ja original nur einen Rahmen bei dem Eintrag, der gerade angeklickt ist und selbst den will Mira_Belle weghaben. So ist der entsprechende Eintrag ohne jeden Rahmen, nach dem Code von Beitrag #38:

Dharkness · 13. Februar 2022

Zitat von milupo

Da ist aber alles umrahmt.

Jain, es war ja keine Zeile ausgewählt, sieht mit meiner originalen Anpassung, also 1px statt 5px so ↓ aus.

about:preferences anpassen

Teilen

Ähnliche Themen

Addons Manager Code anpassen