Hallo, bin gerade dabei, mich vorbereitend auf die große Umstellung mit dem FF 57 zu beschäftigen. Dazu habe ich mir mal die "Nightly-Version" installiert. Ich bereite mir auch ein neues Profil mit für den FF 57 kompatiblen Web-Extensions vor. Anstelle der Erweiterung "Stylish" versuche ich nun mit der Extension "Stylus" einige individuelle Anpassungen an den Browser vorzunehmen.
Frage: Gibt es bereits einen Code, der mir ermöglicht, die Farbe der Tabs zu verändern, insbesondere die nicht geöffneten Tabs irgendwie farblich anders hervorzuheben? Obwohl sicherlich noch einige Änderungen zu erwarten sind, frage ich schon mal nach, ob es bereits eine Lösung für die aktuelle Nightly-Version gibt. 
FF57Nightly Tabs
-
Pentomino -
28. August 2017 um 11:05 -
Erledigt
-
mit der Extension "Stylus" einige individuelle Anpassungen an den Browser vorzunehmen.
Damit kannst du nur optische Änderungen an Webseiten machen.
Änderungen am Browser funktionieren (zur Zeit zumindest) nur über die userChrome.css -
ich bin an meinem nightly hier am ausprobieren https://www.camp-firefox.de/forum/viewtopi…art=15#p1043153
Mein momentaner Code für userChrome.css sieht momentan so aus mit dem default Theme: kannst ja mal ausprobieren und verändern nach deinen Wünschen.CSS
Alles anzeigen@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* Tableiste komplett transparent */ @-moz-document url(chrome://browser/content/browser.xul){ #TabsToolbar:not(:-moz-lwtheme)::after, #TabsToolbar:not(:-moz-lwtheme)::before { box-shadow: none !important; } #tabbrowser-tabs .tabbrowser-arrowscrollbox .arrowscrollbox-overflow-start-indicator, #tabbrowser-tabs .tabbrowser-arrowscrollbox .arrowscrollbox-overflow-end-indicator { background-image: none !important;} /* Weiße Schrift in allen Tabs, hellrot/kursiv in ungelesenen Tabs und lila/kursiv im privaten ungelesenen Tabs */ #main-window .tabbrowser-tab[unread], .tabbrowser-tab[titlechanged] {font-style: italic; color:#db0101!important;} .tabbrowser-tab{color:#fff!important} #main-window[privatebrowsingmode=temporary] .tabbrowser-tab[unread], .tabbrowser-tab[titlechanged] {font-style: italic; color:#911be1!important;} .tabbrowser-tab{color:#fff!important} /* aktiven Tab einfärben */ .tab-background{ background-color:transparent!important} #main-window .tabbrowser-tab[selected="true"]{ box-shadow: inset 0px 0px 40px 0px #b60202 !important;} /* aktiven Tab einfärben im privaten Modus */ #main-window[privatebrowsingmode=temporary] .tabbrowser-tab[selected="true"]{ box-shadow: inset 0px 0px 40px 0px #610DAB !important;} /*Weiße Buttons auf: "Einen neuen Tab öffnen","Alle Tabs auflisten", "Vor/Zurück-Pfeil wenn Tabliste voll" */ #main-window .tabs-newtab-button, #main-window #TabsToolbar > #new-tab-button { fill: white!important; } #main-window .alltabs-button, #main-window #TabsToolbar > #alltabs-button { fill: white!important; } #main-window .tabbrowser-arrowscrollbox > .scrollbutton-up, #main-window #TabsToolbar > #scrollbutton-up { fill: white!important; } #main-window .tabbrowser-arrowscrollbox > .scrollbutton-down, #main-window #TabsToolbar > #scrollbutton-down { fill: white!important; } /*rote Linie über Tab wenn ausgewählt und gehovert wird, lila beim privaten Tab*/ .tab-line[selected=true] { background-color: #b60202!important;} .tab-line:not([selected=true]) { background-color: #b60202!important;} #main-window[privatebrowsingmode=temporary] .tab-line[selected=true] { background-color: #610DAB!important;} #main-window[privatebrowsingmode=temporary] .tab-line:not([selected=true]) { background-color: #610DAB!important;} -
@ Zitronella,
Zitat
/* aktiven Tab einfärben */
.tab-background{
background-color:transparent!important}#main-window .tabbrowser-tab[selected="true"]{
box-shadow: inset 0px 0px 40px 0px #b60202 !important;}bei meinem Nightly (Standardprofile ohne Theme) wird der aktive Tab nicht eingefärbt.
Ändere ich "background-color auf "blue" ist der inaktive Tab blau. -
wird der aktive Tab nicht eingefärbt.
Teste bitte:CSS.tab-background[selected="true"]{ background-color:blue!important;} -
@ 2002Andreas. Zitronella,
... beide CSS funktionieren, da hat die (Standard)Dark-Theme in die Suppe gespuckt. Gibt es dort eine Möglichkeit den Tab komplett einzufärben ?
Danke ! -
Bitte mal testen:
CSS
Alles anzeigen@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); @-moz-document url-prefix("chrome://browser/content/browser.xul") { .tabbrowser-tab[selected="true"]{ color: black!important;} .tab-background[selected="true"]{ background:orange!important;} } -
:klasse::klasse: genial, ich danke dir !
-
Gerne doch
-
2002Andreas:
Der Code klappt auch mit meinem Theme einwandfrei :klasse:
Gäbe es auch noch einen Code, der die nicht geöffneten Tabs beliebig einfärben kann ? -
Teste bitte, Farben wenn dann anpassen.
CSS
Alles anzeigen@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); @-moz-document url-prefix("chrome://browser/content/browser.xul") { .tabbrowser-tab[selected="true"]{ color: black!important;} .tab-background[selected="true"]{ background:orange!important;} .tabbrowser-tab:not([selected="true"]){ color: black!important;} .tab-background:not([selected="true"]){ background:red!important;} } -
:klasse::klasse: Einmalig!
Super, dass sich offenbar auch der 57er auf die eigenen Bedürfnisse anpassen lässt. Das verheißt Hoffnung !
Danke nochmal
-
Gern geschehen
-
2002Andreas:
Es funktionieren auch noch andere scripte, die du mir vor einiger Zeit mal übermittelt hast, zB. Farbe der url-bar je nach identity u.s.w., was mich auch noch sehr freut
Jetzt noch eine Zusatzfrage zu den farbigen Tabs :wink: :
Ließe sich auch noch eine bliebig einstellbareTransparenz auf die Farben legen -
Klar.
background: red;
lässt sich ja auch so schreiben:
background: rgb(255, 0, 0);
Wenn du stattdessen RGBA verwendest:
background: rgba(255, 0, 0, 1);
… wobei 0 als vierter Paramter für 0 Prozent Deckkraft (100 Prozent Transparenz) und 1 für 100 Prozent Deckkraft (0 Prozent Transparenz) steht, dann bekommst du mit
background: rgba(255, 0, 0, .5);
Rot mit 50 Prozent Deckkraft.
-
Top :klasse::klasse:
Danke auch für die grundsätzlichen Erklärungen. Das hilft auch bei anderen scripten, von denen ich nicht so viel Ahnung habe! -
Hallo,
ich habe mir die Linie über den Aktivien Tab wie folgt geändertCSS.tab-line[selected=true] { height: 4px!important; background-color: red!important; }wie kann ich das jetzt beim hover Tab machen ?
[attachment=0]Unbenannt-1.png[/attachment] -
Hallo,
weis das echt keiner ? -
Meinst du das so?
CSS
Alles anzeigen@-moz-document url-prefix(chrome://browser/content/browser.xul){ .tab-line[selected=true] { height: 4px!important; background-color: red!important; } .tab-line:not([selected=true]) { height: 4px!important; background-color:blue!important } }