Beiträge von Zitronella

gerne. Ich fand die Kurzform von 2002Andreas auch sehr gut und habe sie oben mit eingefügt. Dann ist alles beieinander.

Nur zur Info, wer es braucht kann es gerne verlinken.

Ich habe 3 ausführliche Videos erstellt

1. wie man eine userChrome.css erstellt und einen Beispiel Code einfügt

https://mozhelp.ddnss.de/dateien/forum/ff-userChrome-erstellen.mp4

2. wie man eine userContent.css erstellt und einen Beispiel Code einfügt

https://mozhelp.ddnss.de/dateien/forum/ff-userContent-erstellen.mp4

3. Vorbereitung von Skripten ausgehend von https://github.com/Endor8/userChrome.js/

https://mozhelp.ddnss.de/dateien/forum/ff-vorbereitung-skripte.mp4

Vielleicht hilft dem einen oder anderen ein Video eher.

___________
4. und noch eine kleine Ergänzung: Code aus Forum kopieren und in userChrome.css einfügen

https://mozhelp.ddnss.de/dateien/forum/ff-code-aus-forum-kopieren-und-in-userChrome.css-einfuegen.mp4

Und hier noch schriftlich eine Kurzform von 2002Andreas

Zitat von 2002Andreas

Eine Kurzform davon:

Sollte der Ordner chrome nicht vorhanden sein musst du ihn dir erst erstellen, und in ihm dann eine userChrome.css
Du mußt dir im Profilordner einen neuen Ordner chrome erstellen und in diesem dann eine Textdatei ( mit einem Editor ) in die du den Code kopierst, bzw. einträgst.

Dann schließt du die Datei und speicherst sie als userChrome.css ab.
Danach mußt du den Firefox neu starten.

PS:
Du musst dir dazu die versteckten Dateiendungen anzeigen lassen.

Um das einzustellen klickt man im Windows 10 Explorer (wenn man einen Ordner offen hat) erst oben links auf Ansicht..dann rechts oben auf

"Optionen" > "Ordner und Suchoptionen ändern" > "Ansicht"

und entfernt das Häkchen bei "Erweiterungen bei bekannten Dateitypen ausblenden"

Wo finde ich meinen Profilordner

Zusätzlich muss in about:config der Eintrag:

toolkit.legacyUserProfileCustomizations.stylesheets

auf true stehen.

Alles anzeigen

2002Andreas Das ist aber nicht der Code, den du gepostet hast, sondern der meinige, wo die erste Zeile doppelt drin vor kommt.

EDIT: grisu2099 okay, ich glaube euch

Danke, es funktioniert, ich frage mich gerade was ich da vorhin alles ausprobierte

Wahrscheinlich hat mich verwirrt dass in Notepad++ die Farben beim zweiten Eintrag anders sind also Zeile 2 vs. Zeile 7 sowie Zeile 3 vs. Zeile 8

und links diese Verbindungslinie nicht durchgehend ist, sodass es aussieht als wäre es von der ersten Zeile abgetrennt.

Stimmt das denn wirklich, auch wenns funktioniert, oder kann sich das mit meinen restlichen Codes aus userContent.css beißen?

Da es zum Thema passt hefte ich mich hier mal ausnahmsweise dran.

Der Code

@-moz-document url(about:newtab), url(about:home) {
li.top-site-outer:nth-child(1) > div:nth-child(1) > a:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
    background: url("Icons/01.ico")no-repeat !important;
    background-position:center!important;
    background-size:contain!important;}

@-moz-document url(about:newtab), url(about:home) {
li.top-site-outer:nth-child(2) > div:nth-child(1) > a:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
    background: url("Icons/test02")no-repeat !important;
    background-position:center!important;
    background-size:contain!important;}

funktioniert. Aber kann man die beiden Dinge irgendwie vereinen? Wenn ja, wie sähe dann der Code aus. Ich habs mal wieder nicht hin bekommen, dass oben nur 1x @-moz-document url(about:newtab), url(about:home) steht

Zitat von Drachen

CSS

/* aktiven Tab einfärben */
background-color: transparent !important;
box-shadow: inset 0px 0px 15px 1px #ff0000 !important;
}

Das ist auch kein gültiger Code

Wenn dann

/* aktiven Tab einfärben */
.tab-background[selected="true"]{
background-color:transparent!important;
box-shadow: inset 0px 0px 15px 1px #ff0000 !important;
}

Ich kann das Problem reproduzieren und habe glaube ich auch eine Lösung:

.top-site-outer .tile .icon-wrapper.letter-fallback::before {
content: attr(data-fallback);
display:none !important;}

ah ok. dann notiere ich mir den Wert mal.

Grafikkarten Treiber ist aktualisiert und HWB wieder angeschaltet.

Jetzt heißt es abwarten...

Sören Hentzschel bitte noch obige Frage beantworten, denn das wäre das nächste was ich dann ausprobieren würde, falls es mit dem neuen Treiber nicht reicht. Danke.

Beides Nein. Ich werde mich mal auf die Suche begeben.

Du meinst Gfx.webrender.all in about:config auf false?

ja, das ließe sich damit auch machen

Eigentlich braucht man in den Profilordner nur einen Ordner namens chrome erstellen und eine Datei namens userChrome.css und in diese den entsprechenden Code (oder mehrerer Codes) einfügen.

Und am besten vorher noch in about:config den Wert toolkit.legacyUserProfileCustomizations.stylesheets auf true stellen.

Okay, ich brauchte nicht lange warten. Kaum was gemacht und wumms...Abstürze

hab die HWB wieder aus gestellt

3 Tage ohne jegliche Abstürze mit deaktivierter HWB. Allerings gabs auch eine neue Version von Firefox 89.

Ich schalte jetzt einfach die HWB wieder an, mal sehen wie es sich auswirkt und werde berichten nach Tagen...

Lustig, wenn Leute einfach nicht lesen wenn sie was installieren, es kommt nämlich bei jeder Installation dieser Dialog (blau eingerahmt von mir)

Zitat von Drachen

Was bewirkt das

Da das im Bild nicht gut genug zu sehen ist, hier ausführlicher erklärt

Bezogen auf den Tab-Hintergrund = tab-background

background-color =Hintergrundfarbe ist hier transparent

#d35401= ist die Farbe siehe https://www.color-hex.com/color/d35401

box-shadow = Der Schatten der Tabbox, wie diese mit Farbe ausgefüllt wird

inset 0px 0px 40px 0px = wird von allen Seiten vom Rand her eingefärbt mit der angegebenen Anzahl von Pixeln (hier 40)

Nimmt man nur 9 (statt 40) Pixel also inset 0px 0px 9px 0px sähe es so aus

bei inset 9px 0px 0px 0px sähe es so aus

Bei inset 0px 9px 0px 0px

Bei inset 0px 0px 0px 9px

So kann man individuell eine Box (hier einen Tab) gestalten. Mit der Anzhl von Pixeln, der Farbe, von welcher Seite aus usw.

Ich poste der Vollständigkeit halber mal meinen gesamten Code, vielleicht möchte ihn jemand anwenden.

/*Hintergrund bei den Buttons in der Tableiste: +, <, >, v bei Hover und beim draufklicken */
#TabsToolbar {
--toolbarbutton-hover-background:  rgb(83, 77, 78) !important;
--toolbarbutton-active-background:  rgb(105, 100, 101) !important;
}

/*Tab-Leiste Hintergrundfarbe geändert und weiße Schrift */
#TabsToolbar {
color:#fff!important;
background: #221B1C !important;
}

/* < und > Buttons (wenn Tableiste sehr voll) weiß eingefärbt */
#toolbarbutton, #scrollbutton-down,#scrollbutton-up, #tabbrowser-arrowscrollbox::part(scrollbutton-up), #tabbrowser-arrowscrollbox::part(scrollbutton-down) {
fill: rgb(255, 255, 255)!important;
}

/*v-Button für Alle Tabs auflisten (wenn Tableiste sehr voll) weiß eingefärbt */
#alltabs-button {
fill: rgb(255, 255, 255)!important;
}

/* + Button für neuer Tab weiß eingefärbt */
#tabs-newtab-button, #TabsToolbar #new-tab-button {
fill: rgb(255, 255, 255)!important;
}

/*Fette Schrift in URL-Bar */
#urlbar{
font-weight: 600 !important
}

/* Weiße Schrift in allen Tabs, hellrot/kursiv in ungelesenen Tabs und lila/kursiv im privaten ungelesenen Tabs 
Nötig ist Erweiterung https://addons.mozilla.org/de/firefox/addon/tab-flag/ Bei Options ▶ eingestellt */
#main-window .tabbrowser-tab { color:#fff!important; }

#main-window .tabbrowser-tab[titlechanged] {
    font-style: italic;
    color:#db0101!important;
}

#main-window[privatebrowsingmode=temporary] .tabbrowser-tab[titlechanged] {
    font-style: italic;
    color:#911be1!important;
}

/* aktiven Tab einfärben (ab ff 89) */
#main-window .tab-background[selected]{
background-color:transparent!important;
box-shadow: inset 0px 0px 40px 0px #ee0909 !important;
}

/*Inaktiver Tab Hintergrund eingefärbt (ab ff 89) */
#main-window .tabbrowser-tab:not([hover]) .tab-background:not([selected]):not([multiselected]) {
box-shadow: inset 0px 0px 40px 0px #909090 !important;
opacity: .6 !important;
}
/*Inaktiver Tab Hintergrund eingefärbt aber  bei Hover etwas stärker(ab ff 89) */
#main-window .tabbrowser-tab:hover .tab-background:not([selected]):not([multiselected]) {
box-shadow: inset 0px 0px 40px 0px #909090 !important;
opacity: .9 !important;
}

/* Tabs einfärben wenn alle Tabs ausgewählt sind (ab ff 89) */
#main-window .tab-background[multiselected]:not([selected]) {
background-color:transparent!important;
box-shadow: inset 0px 0px 40px 0px #ee0909 !important;
}

/*im privaten Modus:aktiven Tab einfärben (ab ff 89) */
#main-window[privatebrowsingmode=temporary] .tab-background[selected] {
background-color:transparent!important;
box-shadow: inset 0px 0px 40px 0px #610DAB !important;
}

/*im privaten Modus:Inaktiver Tab Hintergrund eingefärbt (ab ff 89) */
#main-window[privatebrowsingmode=temporary] .tabbrowser-tab:not([hover]) .tab-background:not([selected]):not([multiselected]) {
box-shadow: inset 0px 0px 40px 0px #909090 !important;
opacity: .6 !important;
}

/*im privaten Modus:Inaktiver Tab Hintergrund eingefärbt aber  bei Hover etwas stärker(ab ff 89) */
#main-window[privatebrowsingmode=temporary] .tabbrowser-tab:hover .tab-background:not([selected]):not([multiselected]) {
box-shadow: inset 0px 0px 40px 0px #909090 !important;
opacity: .9 !important;
}

/*im privaten Modus:Tabs einfärben wenn alle Tabs ausgewählt sind (ab ff 89)*/
#main-window[privatebrowsingmode=temporary] .tab-background[multiselected] {
background-color:transparent!important;
box-shadow: inset 0px 0px 40px 0px #610DAB !important;
}

/*Tab Schließen-Kreuz anzeigen bei vielen Tabs wenn gehovert wird */
.tabbrowser-tab:hover .tab-close-button {
display: block !important; 
}

Danke, Link ist korrigiert.

Wahnsinn, wenn du schon länger brauchtest, wie soll ich dann darauf kommen

Eigentlich sollte das "mehr" im Threadtitel auch beeinhalten, dass ich die Icons wieder haben wollte im Menü und Kontextmenü.

Jetzt sind 3 Tage vergangen und ich habe mich dran gewöhnt, da die Menüs doch deutlich aufgeräumter sind. Somit entfällt das.

Jetzt bin ich wieder vollauf zufrieden mit meinem angepassten Firefox und das hauptsächlich durch dich 2002Andreas

Ich model meinen Firefox zwar immer etwas um, wenn es größere Design Änderungen gab, aber letztendlich passe ich mich auch den Neuheiten an, bleibe aber meinen Vorlieben treu.

Mein Firefox im Wandel der Zeit

Firefox 20-? (Apr. 2013)

Firefox 29- ? (Jun 2015)

Firefox 57-88 (Nov 2017-Mai 2021)

Firefox 89-? (Juni 2021)

WOW, sieht genau so aus wie ich es haben möchte.

Vielen lieben Dank

Ich habe den Code noch etwas ergänzt und die beiden Farben abgeändert in

#TabsToolbar {
--toolbarbutton-hover-background:  rgb(83, 77, 78) !important;
--toolbarbutton-active-background:  rgb(105, 100, 101) !important;
}

/*Tab-Leiste Hintergrundfarbe geändert und weiße Schrift */
#TabsToolbar {
color:#fff!important;
background: #221B1C !important;
}

/* < und > Buttons (wenn Tableiste sehr voll) weiß eingefärbt */
#toolbarbutton, #scrollbutton-down,#scrollbutton-up, #tabbrowser-arrowscrollbox::part(scrollbutton-up), #tabbrowser-arrowscrollbox::part(scrollbutton-down) {
fill: rgb(255, 255, 255)!important;
}

/*v-Button für Alle Tabs auflisten (wenn Tableiste sehr voll) weiß eingefärbt */
#alltabs-button {
fill: rgb(255, 255, 255)!important;
}

/* + Button für neuer Tab weiß eingefärbt */
#tabs-newtab-button, #TabsToolbar #new-tab-button {
fill: rgb(255, 255, 255)!important;
}

Verrätst du mir noch wie du letztendlich darauf gekommen bist. Ich hab mich seit 3 Tagen dumm und dusselig gesucht danach.

Zitat von grisu2099

Wenn nicht, umschalten und testen...

Korrigiere: Wenn nicht, umschalten, Browser beenden und dann wieder starten, und testen...