Beiträge von Fischkopp

Fischkopp

Danke für die weiteren Hinweise.

Zitat von alpha-nbg
Ich hatte dieses Verhalten auch seit dem Update auf 133. Ich benutze eine userChrome.css. Ich hatte dann gleich den Verdacht, dass es an einer meiner css Einstellungen liegt und habe 2 verdächtige Einstellungen auskommentiert.
CSS
#urlbar[breakout][breakout-extend] {
  /*left: 0 !important;*/
  /*width: 100% !important;*/
}
Das war wohl in früheren Versionen erforderlich, seit der Version 133 führt es dazu, dass die Adresszeile die ganze Breite des Fensters einnimmt. Jetzt passt die Breite und die Position wieder.

Genau das hatte ich bei mir auch im Verdacht, aber ein Auskommentieren oder Löschen änderte nichts.

Also musste ich wohl oder übel alles durchgehen und bin dann darauf gestoßen, dass die megabar_expanding_breakout_disabled.css (die ich wohl versehentlich aktiviert hatte, denn in meinder Liste der verwendeten Dateien tauchte sie nicht auf) genau den gleichen Effekt hatte.

Dies sei nur als Hinweis für andere mit dem gleichen Problem gedacht.

Obigen Code auskommentiert und die vorgenannte css deaktiviert und schon funzt alles wieder prima wie vorher.

Zitat von 2002Andreas

Ansonsten, es wird sich niemand alle diese Dateien von Aris jetzt extra installieren.
Da musst du schon selber mal nacheinander alle deaktivieren und testen, bis du die gefunden hast.
Und die Datei dann hier ins nächste Antwortfenster einfügen.

Da hattest Du natürlich absolut Recht, Andreas! Aber manchmal siegt einfach die Bequemlichkeit, sorry.

Hier noch interessehalber der Quelltext des Übeltäters:

CSS

/* Firefox userChrome.css tweaks ********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


/* Megabar: disable breakout / expanding onto toolbar *********************************************/
#urlbar[breakout][breakout-extend] {
  top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  left: 0px !important;
  width: calc(100% - 0px) !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-background {
  animation-name: unset !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-input-container {
  height: var(--urlbar-height) !important;
  padding-block: 1px !important;
  padding-inline: 1px !important;
}

/* disable result item roundness */
#urlbar[breakout] .urlbarView-row-inner {
  border-radius: 0px !important;
}

/* disable 'breakout' animation */
#urlbar[breakout],
#urlbar[breakout] * {
  animation: unset !important;
  duration: 0s !important;
  animation-duration: 0s !important;
}

.urlbarView-body-inner {
  border-top: 0px !important;
}

Alles anzeigen

Also: nochmals Danke an alle, die mir geantwortet und damit geholfen haben!

Schönes Wochenende!

Fischkopp

Ich habe jetzt mal auf die aktuelle "custom_css_for_fx_v4.6.3" upgedatet und alle sonstigen eigenen Anpassungen deaktiviert, aber an der "neuen" Darstellung hat sich nichts geändert. Daraus schließe ich mal, dass es daran nicht liegen kann.

Ich hänge hier mal Screenshots dran wie es vor der 133.0 dauerhaft aus sah (ohne Eingabe) und sie es jetzt nach der Eingabe des ersten Zeichens in das Adressfeld aussieht (nach Eingabe eines Zeichens). Beide Screenshots gehen über die komplette Fensterbreite des Firefox, da ist also nichts nachträglich verändert.

Oder kann/muss ich innerhalb von Aris' Dateien noch etwas ändern/anpassen?

Von den vielen css-Dateien importiere ich nur die folgenden:

Spoiler anzeigen

ac_popup_megabar_title_and_url_50percent_width.css
appbutton_in_titlebar.css
appbutton_in_titlebar_autocolor.css
appbutton_popup_icons.css
appbutton_popup_icons_colorized.css
bookmark_icons_colorized.css
bookmarks_menu_button_localized_label_on_bookmarks_toolbar.css
bookmarks_toolbar_old_height.css
buttons_on_bookmarks_toolbar_classic_appearance.css
classic_squared_tabs.css
close_icon_windows10redv2.css
compact_mode_reduce_fontsize.css
EIGENE_Anpassungen_komplett.css
icons_colorized.css
identitybox_colors.css
identitybox_padlock_icon_classic.css
missing_tab_favicon_restored_default.css
private_mode_indicator_hidden.css
searchbar_glassplus_indicator_hidden.css
starbutton_popup_preview_image_hidden.css
tab_close_always_visible.css
tab_icon_colors.css
tab_throbber_grey_classic.css
tabs_below_navigation_toolbar.css
tabs_toolbar_adjustments.css
toolbars_old_padding.css
urlbar_restore_visible_border.css
whatnew_button_always_hidden.css

Für Hinweise auf den/die Knackpunkt(e) bin ich weiterhin sehr dankbar.

Fischkopp

Oh, Mist, das bedeutet wieder 'ne Menge Arbeit...

Danke!

Fischkopp

Hallo,

ich musste gerade mal die Adressleiste manuell befüllen und konnte im ersten Moment meinen Cursor garnicht wiederfinden. Nach der Eingabe des ersten Buchstabens breitete sich das Adressfeld über die gesamte Breite des Fenster aus, wobei alle Symbole dieser Leiste überdeckt wurden.

Ist das jetzt ein normales Verhalten des Firefox?

Und: kann man das irgendwie abstellen, und - wenn ja - wie?

Ich freue mich auf entsprechende Hinweise.

Herzlichen Dank im voraus und schönes Wochenende!

Fischkopp

Danke Sören!

Ich Töffel (norddeutsch sowas wie Dussel) hatte alle Ordner im Profil durchsucht, aber die Dateien im Profil-Hauptverzeichnis geflissentlich außer acht gelassen.

Danke nochmals!

Fischkopp

Hallo,

ich habe mir inzwischen einen Wolf gesucht, hier und mittels Google.

Entweder habe ich nicht den/die richtige(n) Suchbegriffe(e) gewählt oder es gibt hierüber tatsächlich keine Aussage.

Bei mir haben sich im Laufe dr Zeit in den Einstellungen>Anwendungen viele Dateitypen angesammelt, die ich teilweise garnicht kenne und deren Aktion ich mit Sicherheit nicht selbst bestimmt habe.

Ich möchte diese lange Liste nun mal bereinigen, d.h. die nicht benötigten Dateitypen löschen, weil ich die "anderen Dateien" einfach auf nachfragen gesetzt habe. Mag sein, dass das nicht unbedingt nötig ist, aber ich liebe nun mal ein aufgeräumtes und dadurch übersichtliches System/Programm.

Gibt es dafür eine Möglichkeit?

Ich habe schon mal mein Profil durchgeflönt, ob ich da irgendeine Datei finde, die diese Dateitypen nennt. Auch in about:config habe ich vergeblich gesucht...

Ich bedanke mich schon mal herzlich im voraus für Eure Hinweise/Tipps.

Fischkopp

Uuuuuppps,

auch dicker RIESENfehler auf meiner Seite. Auch ich bin total ins Schleudern geraten. Ich hatte in meiner Liste der benutzten Module nur die "buttons_on_bookmarks_toolbar_classic_appearance.css" statt der "buttons_on_navbar_classic_appearance.css" stehen, bin dann aber beim Deaktivieren und wieder aktivieren und Code kopieren etc. vollends ins Schleudern gekommen. Du hast damit also völlig Recht: hier passte was nicht zusammen.

Die Rahmen etc. werden natürlich von der ...navbar...css eingefügt. Die Deaktivierung DIESES Moduls war der "Heilsbringer".

Asche auf mein Haupt.

Fischkopp

Danke für all die weiteren Antworten.

Horstmann:

"unerwartet" deshalb, weil es bei mir in der "normalen" Toolbar und nicht in der Bookmark-Toolbar auftrat...

Ich kann mit der Deaktivierung bzw. dem Nicht-Importieren leben. Es wundert mich nur, dass mit der älteren Version dieses Verhalten eben nicht auftrat. Möglicherweise hat Aris den Code verändert, was ich jetzt aber nicht im Einzelnen nachprüfen werde.

Mira:

Was soll mir Dein Beitrag sagen? Ich verstehe in diesem Fall wirklich nur Bahnhof. Sorry.

Nochmals danke ann Euch alle. Und bis irgendwann bei einem neuen Problem...

Peter

Fischkopp

Horstmann

Dein code hat nach Hinzufügen von background: none !important funktioniert.

Aber ich folge Andreas' Vorschlag und habe mal alle module deaktiviert und dann nach und nach wieder aktiviert. Und an einer völlig unerwarteten Stelle (aufgrund des Modulnamens) bin ich dann fündig geworden, nämlich in buttons_on_bookmarks_toolbar_classic_appearance.css. Ich füge nachstehend mal den code ein:

CSS

/* Firefox userChrome.css tweaks ********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


/****************************
******* BUTTONS *************
****************************/

/*******************************************/
/* Classic Button ui on bookmarks toolbar **/
/*******************************************/

/* back button adjustment */
#PersonalToolbar #back-button .toolbarbutton-icon {
  border: 0 !important;
}

/* adjust zoom reset and copy buttons position */
#PersonalToolbar :is(#copy-button,#zoom-reset-button) {
  margin-inline-start: -1px !important;
  margin-inline-end: -1px !important;
}
#PersonalToolbar :is(#edit-controls, #zoom-controls) separator {
  visibility: collapse !important;
}

/* button spacing */
#PersonalToolbar .toolbarbutton-1{
  margin-left: 1px !important;
  margin-right: 1px !important;
}

/* classic button style */
#main-window:not([customizing]) #PersonalToolbar .toolbarbutton-1[disabled=true]:is([open],[checked],:hover:active,:active),
#PersonalToolbar toolbarbutton[type="menu-button"],
#PersonalToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#PersonalToolbar .toolbarbutton-1[open] > .toolbarbutton-menubutton-button,
#PersonalToolbar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#PersonalToolbar .toolbarbutton-1:not([checked]):not([open]):not(:active),
#PersonalToolbar .toolbarbutton-1:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon {
  appearance: none !important;
  background: rgba(151,152,153,.05) linear-gradient(rgba(251,252,253,.95), rgba(246,247,248,.47) 49%, 
              rgba(231,232,233,.45) 51%, rgba(225,226,229,.3)) !important;
  border-color: rgba(0,0,0,.12) rgba(0,0,0,.19) rgba(0,0,0,.38) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset,
              0 0 0 2px rgba(255,255,255,.1) inset,
              0 0 0 1px rgba(0,0,0,.4) inset !important;
}
#PersonalToolbar .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-button ,
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover,
#PersonalToolbar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon {
  background-color: hsla(190,60%,70%,.5) !important;
  border-color: hsla(190,50%,65%,.8) hsla(190,50%,50%,.8) hsla(190,50%,40%,.8) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset,
              0 0 0 1.5px rgba(255,255,255,.1) inset,
              0 0 3.5px hsl(190,90%,80%),
              0 0 0 1px rgba(0,0,0,.4) inset !important;
  transition: background-color .3s ease-in,
              border-color .2s ease-in,
              box-shadow .2s ease-in !important;
}
#PersonalToolbar toolbarbutton[type="menu"][open]:not([disabled]),
#PersonalToolbar toolbarbutton[type="menu-button"]:not([open]):hover:not([disabled]):active ,
#PersonalToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):is(:hover:active,:active, [open]),
#PersonalToolbar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) {
  background-color: transparent !important;
  border-color: rgba(0,0,0,.65) rgba(0,0,0,.55) rgba(0,0,0,.5) !important;
  box-shadow: 0 0 6.5px rgba(0,0,0,.4) inset,
              0 0 2px rgba(0,0,0,.4) inset,
              0 1px 0 rgba(255,255,255,.4),
              0 0 0 1px rgba(0,0,0,.4) inset !important;
}
#PersonalToolbar toolbarbutton[disabled=true] > .toolbarbutton-icon {
  opacity: .6 !important;
}

#PersonalToolbar toolbarbutton[disabled=true]{
  opacity: 1.0 !important;
}

#PersonalToolbar toolbarbutton.bookmark-item:not(.subviewbutton, [disabled=true], [open]):hover,
#PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-icon,
#PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-text,
#PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-badge-stack {
  background-color: transparent !important;
}

#PersonalToolbar toolbarbutton.bookmark-item:hover:active:not(.subviewbutton, [disabled="true"]),
#PersonalToolbar toolbarbutton.bookmark-item[open="true"],
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-icon,
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-text,
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-badge-stack {
  background-color: transparent !important;
}

/* deep Fx 109 bs and nonsense override */
#PersonalToolbar :is(toolbarbutton.subviewbutton,.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]),[overflowedItem=true]) > toolbarbutton):not([disabled]):hover {
  background-color: unset !important; 
}

Alles anzeigen

Ich habe bisher keine nachteiligen Auswirkungen durch Deaktivieren festgestellt, so dass ich wohl auch ohne dieses Modul leben könnte.

Nichtdestotrotz würde ich schon gerne wissen. wo der Hase im Pfeffer liegt; alleine schon, um dazuzulernen.

Danke vielmals bis hierhin!

Fischkopp

Ok, dann mach ich mich mal an die Arbeit...

Fischkopp

Macht es denn Sinn, diese Module alle hier als code reinzuladen?

Fischkopp

Danke für Eure Antworten.

@ Andreas:

Weil ich schon vor ein paar Tagen angefangen habe, "rumzudoktern". Deshalb habe ich noch die "alte" 4.3.4.

Ich dachte schon, dass die Module aus der custom_css_for_fx_v4.3.4 hier bekannt sind. Aber ich lade sie gerne nochmal hier hoch, wenn es der Problemlösung hilft...

Horstmann:

Ich werde Deinen code mal testen und dann berichten.

Peter

Fischkopp

Hallo,

nach dem Fx-Update von 111 auf 112 funktionierten Teile von custom_css_for_fx_v4.1.3 nicht mehr so richtig. Erst machte ich mich auf die Suche nach Korrekturen und entschied mich dann aber auf custom_css_for_fx_v4.3.4 umzusteigen. War 'ne gute Idee, denn jetzt waren die vorherigen "Fehler" behoben.

Allerdings: mit der neuesten custom_css bekommen die icons einen hässlichen Rahmen. Wie kann ich den wegbekommen bzw. wo in der custom_css kann ich ansetzen, um ihn wegzubekommen?

Meine userChrome.css importiert folgende Module von custom_css:

Code

ac_popup_megabar_title_and_url_50percent_width.css
appbutton_in_titlebar.css
appbutton_in_titlebar_autocolor.css
appbutton_popup_icons.css
appbutton_popup_icons_colorized.css
bookmark_icons_colorized.css
bookmarks_menu_button_localized_label_on_bookmarks_toolbar.css
bookmarks_toolbar_old_height.css
buttons_on_bookmarks_toolbar_classic_appearance.css
classic_squared_tabs.css
compact_mode_reduce_fontsize.css
EIGENE_Anpassungen_komplett.css
icons_colorized.css
identitybox_colors.css
identitybox_padlock_icon_classic.css
missing_tab_favicon_restored_default.css
private_mode_indicator_hidden.css
searchbar_glassplus_indicator_hidden.css
starbutton_popup_preview_image_hidden.css
tab_close_always_visible.css
tab_icon_colors.css
tab_throbber_grey_classic.css
tabs_below_navigation_toolbar.css
tabs_toolbar_adjustments.css
toolbars_old_padding.css
urlbar_restore_visible_border.css
whatnew_button_always_hidden.css

Alles anzeigen

und meine "EIGENE_Anpassungen_komplett.css" hat folgenden Inhalt:

CSS

/****************************************************************************************/
/* DEN HIER BENUTZTEN VARIABLEN WERTE ZUWEISEN                                          */
/****************************************************************************************/

:root {
  --tab_min_width: 50px;
  --tab_max_width: 200px;
 
  --classic_squared_tabs_tab_height: 26px !important;
  --classic_squared_tabs-border-radius: 10px !important;
  --default_tab_border_roundness: 5px  !important;
 
  --general_toolbar_color_toolbars: linear-gradient(#E5F3FF,#E5F3FF) !important;
  --general_toolbar_color_navbar: linear-gradient(#E5F3FF,#E5F3FF) !important;
  --colored_menubar_background_image: linear-gradient(#E5F3FF,#E5F3FF) !important;
}

/****************************************************************************************/
/* TAB_MIN_WIDTH UND TAB_MAX_WIDTH SETZEN                                               */
/****************************************************************************************/

/* tab max-width */
.tabbrowser-tab:not([pinned]) {
  min-width: var(--tab_min_width) !important;
  clip-width: var(--tab_min_width) !important;
}

/* tab max-width */
#tabbrowser-tabs:not([overflow="true"]):not([using-closing-tabs-spacer="true"]) .tabbrowser-tab[fadein]:not([pinned]) {
  max-width: var(--tab_max_width) !important;
  overflow: hidden !important;
}


/****************************************************************************************/
/* EIGENE HINTERGRUNDFARBEN FÜR DIE TOOLBARS                                            */
/****************************************************************************************/

/* hierfür ist folgender Code aus "tab_toolbar_colors_force_menubar_color.css" nötig:   */
/****************************************************************************************/
#TabsToolbar-customization-target,
#navigator-toolbox-background, 
#nav-bar,
#TabsToolbar,
#PersonalToolbar{
  -moz-appearance: none !important;
  background: var(--colored_menubar_background_image, inherit) !important;
}

/****************************************************************************************/
/* EIGENE FARBEN FÜR DIE TABS                                                           */
/****************************************************************************************/

/*******************************************/
/* selected tab ****************************/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected] .tab-content {
  background: linear-gradient(to bottom,#66FFFF,#33CCFF) !important;  /*RGB(102,255,255),RGB(51,204,255)*/
}

/*******************************************/
/* default tab *****************************/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab .tab-content {
  background: linear-gradient(to bottom,#E5F3FF,#E5F3FF) !important;
  border: 1px solid black !important;
  border-bottom: none !important;
}

/*******************************************/
/* hovered tab ****************************/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:hover:not([selected]) .tab-content {
  background: linear-gradient(to bottom,#FFFAF0,#FFFAF0) !important;
}

/*******************************************/
/* unloaded/pending tab ********************/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[pending] .tab-content {
  background: linear-gradient(to bottom,#E5F3FF,#E5F3FF) !important;
}

/*******************************************/
/* unread tab ******************************/

#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[unread] .tab-content {
  background: linear-gradient(to bottom,#E5F3FF,#E5F3FF) !important;
}

/*******************************************/
/* new tab *********************************/
#TabsToolbar #tabbrowser-tabs .tabs-newtab-button {
  background: linear-gradient(to bottom,#E5F3FF,#E5F3FF) !important;
}

#TabsToolbar #tabbrowser-tabs .tabs-newtab-button:hover {
  background: linear-gradient(to bottom,#FFFAF0,#FFFAF0) !important;
}


/****************************************************************************************/
/* FLEXIBLER ZWISCHENRAUM AUF MINIMALE UND MAXIMALE (ALSO FESTE) BREITE SETZEN          */
/****************************************************************************************/

toolbarspring {
    -moz-box-flex: 1;
    min-width: 10px!important;
    max-width: 10px!important;
}

toolbarpaletteitem[id^="wrapper-customizableui-special-spring"] {
    min-width: 10px!important;
    max-width: 10px!important;
}


/****************************************************************************************/
/* DEN ZOOM DER ADRESSLEISTE AUSSCHALTEN                                                */
/****************************************************************************************/

#urlbar[breakout][breakout-extend] {
  top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  left: 0 !important;
  width: 100% !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-input-container {
  height: var(--urlbar-height) !important;
  padding-block: 0 !important;
  padding-inline: 0 !important;
}

#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
  animation-name: none !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-background {
  box-shadow: none !important;
}


/****************************************************************************************/
/* ZEILENABSTÄNDE IN DEN MENÜS UND LESEZEICHEN WIEDER AUF DAS ALTE MASS REDUZIEREN      */
/****************************************************************************************/

menupopup > menuitem,
menupopup > menu {
  padding-block: 2px !important;
  padding-inline-start: 14px !important;
}


/****************************************************************************************/
/* SCHRIFTGRÖSSE IN MENÜLEISTE UND LESEZEICHENLEISTE ANPASSEN                           */
/****************************************************************************************/

#main-menubar > menu {
   font-size: 14px !important;
}

#PersonalToolbar .toolbarbutton-text {
font-size: 14px !important;
}

Alles anzeigen

Zur Veranschaulichung hier die Screenshots vorher/nachher (siehe Beschriftung):

Herzlichen Dank für Eure Mühe und vielleicht auch Hilfe!

Peter

Fischkopp

Zitat von 2002Andreas

Mit dem Code aus Beitrag Nr. 13 sollte es wieder passen.

Das tut es auch! 1000 Dank Andreas!!!

Aber: könntest Du mir verraten, woran es gelegen hat? Nur an "#TabsToolbar-customization-target," ??

milupo

Danke für Deinen Kommentar! Nein, ich hatte in meinem ersten Beitrag dem Kind nur einen falschen Namen gegeben und verschwiegen - Asche auf mein Haupt! -, dass ich meinen code in die userChrome.css importiere nachdem schon einige andere css-Dateien importiert wurden. "Mein" code wird also nur einmal aufgerufen und ausgeführt.

Dank Andreas ist aber inzwischen alles wieder "in Butter".

Peter

Fischkopp

Danke für die weiteren Kommentare und Entschuldigung, dass ich

1. entgegen meiner Ankündigung die Liste der von mir genutzten css-Dateien nicht beigefügt habe, und

2. ich nicht auf die Idee gekommen bin, diese genutzten Dateien als zip-Datei anzuhängen.

dejavu

hier also mal die Liste zu 1

Code

/* Firefox userChrome.css tweaks ****************************************************************/
/* Based on 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons CSS code ***************/
/* Github: https://github.com/aris-t2/customcssforfx ********************************************/
/************************************************************************************************/

/************************************************************************************************/
/* Custom CSS for Firefox 91+ *******************************************************************/
/* Version 4.1.3 ********************************************************************************/
/************************************************************************************************/

@import "./css/buttons/icons_colorized.css"; /**/
@import "./css/buttons/buttons_on_bookmarks_toolbar_classic_appearance.css"; /**/
@import "./css/buttons/bookmarks_menu_button_localized_label_on_bookmarks_toolbar.css"; /**/
@import "./css/buttons/whatnew_button_always_hidden.css"; /**/
@import "./css/appbutton/appbutton_popup_icons.css"; /**/
@import "./css/appbutton/appbutton_popup_icons_colorized.css"; /**/
@import "./css/appbutton/appbutton_in_titlebar.css"; /**/ /* <-- label only */
@import "./css/appbutton/appbutton_in_titlebar_autocolor.css"; /**/
@import "./css/tabs/classic_squared_tabs_australized.css"; /**/
@import "./css/tabs/tabs_below_navigation_toolbar.css"; /**/
@import "./css/tabs/missing_tab_favicon_restored_default.css"; /**/
@import "./css/tabs/tab_throbber_grey_classic.css"; /**/
@import "./css/tabs/tab_close_always_visible.css"; /**/
@import "./css/tabs/tab_icon_colors.css"; /**/
@import "./css/generalui/private_mode_indicator_hidden.css"; /**/
@import "./css/generalui/bookmark_icons_colorized.css"; /**/
@import "./css/generalui/close_icon_windows10redv2.css"; /**/
@import "./css/generalui/searchbar_glassplus_indicator_hidden.css"; /**/
@import "./css/toolbars/toolbars_old_padding.css"; /**/
@import "./css/toolbars/tabs_toolbar_adjustments.css"; /**/
@import "./css/toolbars/bookmarks_toolbar_old_height.css"; /**/
@import "./css/locationbar/compact_mode_reduce_fontsize.css"; /**/
@import "./css/locationbar/identitybox_colors.css"; /**/
@import "./css/locationbar/identitybox_padlock_icon_classic.css"; /**/
@import "./css/locationbar/starbutton_popup_preview_image_hidden.css"; /**/
@import "./css/locationbar/megabar_expanding_breakout_disabled.css"; /**/
@import "./css/locationbar/urlbar_restore_visible_border.css"; /**/
@import "./css/locationbar/ac_popup_megabar_title_and_url_50percent_width.css"; /**/
@import "./css/eigene/EIGENE_Anpassungen_komplett.css"; /**/

Alles anzeigen

und die zip-Datei mit allen obigen Dateien als Anhang.

Zitat von .DeJaVu

Deswegen gibt es hier (und auch in Aris Sammlung) eine Korrekturdatei

Und was ist das für eine Datei und was bewirkt die? Wahrscheinlich ist meine Frage etwas dumm, aber ich weiß damit wirklich nichts anzufangen, und würde mich deshalb über eine Erklärung sehr freuen.

Vielleicht kann einer von Euch Experten mal drüber schauen und mir einen Tipp geben, wo ich was ändern muss, damit auch die Tab-Leiste den gewünschten Hintergrund bekommt.

Vielen Dank für Eure Hilfe!

Peter

Fischkopp

Lieben Dank für Deine Hilfe und Geduld, Andreas!

Mit der "direkten" Einfärbung ändert sich nichts, die Tab-Leiste bleibt grau...

Ich versteh's auch nicht, dass mit meinem "alten" CSS-code die Tab-Leiste blau war, die anderen grau, und mit dem "neuen" genau umgekehrt.

Wenn sonst niemand eine Idee hat, dann muss ich wohl mit dem jetzigen Aussehen leben.

Gruß

Peter

Fischkopp

Hallo Andreas,

Du bist ja schneller als der Schall!

Ich habe auch mal den letzten Code probiert, keine Änderung. Und auch eigenes Probieren und Suchen hat mich nicht weitergebracht.

Jetzt könnte nur noch sein, dass ein Code aus der "CustomCSSforFx" stört, denn daraus lade ich auch noch einige Einstellungen. Aber auch da bin ich nicht fündig geworden...

Könntest Du freundlicherweise mal drüberschauen, in welcher Datei der Hund begraben sein könnte? Ich füge meine komplette userChrome.css mal hier bei, allerdings nicht die dadurch importierten Dateien; denn ich vermute mal, dass Du diese userChrome.css mit den zu importieren Dateien selbst hast...?

Wenns nicht anders geht, muss ich eben mit der grauen Tableiste leben.

Danke nochmals,

Peter

Fischkopp

Hi Andreas,

tausend Dank! Ja, so sollte es aussehen und Dein Code funktioniert (fast) super: der Tab-Leisten-Hintergrund ist jetzt grau statt hellblau.

Ich werde Deinen Code mal mit meinem alten Code vergleichen und das dann wohl (hoffentlich) selbst auf die Reihe bekommen...

Peter

Fischkopp

Hallo zusammen,

seit bereits längerer Zeit färbe ich mir den Hintergrund der Menüzeile, der Symbol-/Adress-Leiste, der Lesezeichenleiste und der Tab-Leiste in hellblau ein, weil ich es für meine Augen als angenehmer empfinde. Nach dem Update auf die 96.0.1 (von der letzten 95.?) wird leider nur noch die Tab-Leiste eingefärbt.

"Mein" Fx sieht jetzt nach dem Update aus wie auf dem Screenshot:

Vorher waren alle genannten Leisten hellblau wie jetzt nur noch die Tab-Leiste...

Der CSS-code für die chrome.css ist folgender:

CSS

/****************************************************************************************/
/* DEN HIER BENUTZTEN VARIABLEN WERTE ZUWEISEN                                          */
/****************************************************************************************/

:root {
  --tab_min_width: 50px;
  --tab_max_width: 180px;
 
  --classic_squared_tabs_tab_height: 26px !important;
  --classic_squared_tabs-border-radius: 10px !important;
  --default_tab_border_roundness: 5px  !important;
 
  --general_toolbar_color_toolbars: linear-gradient(#E5F3FF,#E5F3FF) !important;
  --general_toolbar_color_navbar: linear-gradient(#E5F3FF,#E5F3FF) !important;
  --colored_menubar_background_image: linear-gradient(#E5F3FF,#E5F3FF) !important;
}

/****************************************************************************************/
/* TAB_MIN_WIDTH UND TAB_MAX_WIDTH SETZEN                                               */
/****************************************************************************************/

/* tab max-width */
.tabbrowser-tab:not([pinned]) {
  min-width: var(--tab_min_width) !important;
  clip-width: var(--tab_min_width) !important;
}

/* tab max-width */
#tabbrowser-tabs:not([overflow="true"]):not([using-closing-tabs-spacer="true"]) .tabbrowser-tab[fadein]:not([pinned]) {
  max-width: var(--tab_max_width) !important;
  overflow: hidden !important;
}


/****************************************************************************************/
/* EIGENE HINTERGRUNDFARBEN FÜR DIE TOOLBARS                                            */
/****************************************************************************************/

/* hierfür ist folgender Code aus "tab_toolbar_colors_force_menubar_color.css" nötig:   */
/****************************************************************************************/
#main-window:not(:-moz-lwtheme) #navigator-toolbox #TabsToolbar {
  -moz-appearance: none !important;
  background: var(--colored_menubar_background_image, inherit) !important;
}

/****************************************************************************************/
/* EIGENE FARBEN FÜR DIE TABS                                                           */
/****************************************************************************************/

/*******************************************/
/* selected tab ****************************/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected] .tab-content {
  background: linear-gradient(to bottom,#66FFFF,#33CCFF) !important;  /*RGB(102,255,255),RGB(51,204,255)*/
}

/*******************************************/
/* default tab *****************************/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab .tab-content {
  background: linear-gradient(to bottom,#E5F3FF,#E5F3FF) !important;
  border: 1px solid black !important;
  border-bottom: none !important;
}

/*******************************************/
/* hovered tab ****************************/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:hover:not([selected]) .tab-content {
  background: linear-gradient(to bottom,#FFFAF0,#FFFAF0) !important;
}

/*******************************************/
/* unloaded/pending tab ********************/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[pending] .tab-content {
  background: linear-gradient(to bottom,#E5F3FF,#E5F3FF) !important;
}

/*******************************************/
/* unread tab ******************************/

#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[unread] .tab-content {
  background: linear-gradient(to bottom,#E5F3FF,#E5F3FF) !important;
}

/*******************************************/
/* new tab *********************************/
#TabsToolbar #tabbrowser-tabs .tabs-newtab-button {
  background: linear-gradient(to bottom,#E5F3FF,#E5F3FF) !important;
}

#TabsToolbar #tabbrowser-tabs .tabs-newtab-button:hover {
  background: linear-gradient(to bottom,#FFFAF0,#FFFAF0) !important;
}


/****************************************************************************************/
/* FLEXIBLER ZWISCHENRAUM AUF MINIMALE UND MAXIMALE (ALSO FESTE) BREITE SETZEN          */
/****************************************************************************************/

toolbarspring {
    -moz-box-flex: 1;
    min-width: 10px!important;
    max-width: 10px!important;
}

toolbarpaletteitem[id^="wrapper-customizableui-special-spring"] {
    min-width: 10px!important;
    max-width: 10px!important;
}


/****************************************************************************************/
/* DEN ZOOM DER ADRESSLEISTE AUSSCHALTEN                                                */
/****************************************************************************************/

#urlbar[breakout][breakout-extend] {
  top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  left: 0 !important;
  width: 100% !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-input-container {
  height: var(--urlbar-height) !important;
  padding-block: 0 !important;
  padding-inline: 0 !important;
}

#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
  animation-name: none !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-background {
  box-shadow: none !important;
}


/****************************************************************************************/
/* ZEILENABSTÄNDE IN DEN MENÜS UND LESEZEICHEN WIEDER AUF DAS ALTE MASS REDUZIEREN      */
/****************************************************************************************/

menupopup > menuitem,
menupopup > menu {
  padding-block: 2px !important;
  padding-inline-start: 14px !important;
}


/****************************************************************************************/
/* SCHRIFTGRÖSSE IN MENÜLEISTE UND LESEZEICHENLEISTE ANPASSEN                           */
/****************************************************************************************/

#main-menubar > menu {
   font-size: 14px !important;
}

#PersonalToolbar .toolbarbutton-text {
font-size: 14px !important;
}

Alles anzeigen

Den Code habe ich mir aus Aris-t2's "CustomCSSforFx" selbst "zusammengestoppelt.

Kann mir hier freundlicherweise jemand helfen, die Farbgebung wieder auf den alten Stand zu bringen? Was muss ich dazu am Code ändern?

1000 Dank im voraus und schöne Grüße

Peter

Fischkopp

Danke für Eure Kommentare und Hinweise, die ich leider erst jetzt lesen konnte.

Ich werde mich morgen mal näher mit Kubuntu auseinandersetzen. Ich vermute schon, dass Ihr Recht habt mit einer systemweit vom Windowmanager vorgegebenen Menüleiste...

Ich werde das Resultat dann hier posten und den Beitrag dann ggf. auf erledigt setzen.

Beiträge von Fischkopp

"neue" Adressleiste in Version 133 ?

"neue" Adressleiste in Version 133 ?

"neue" Adressleiste in Version 133 ?

"neue" Adressleiste in Version 133 ?

Einstellungen > Anwendungen

Einstellungen > Anwendungen

custom_css_for_fx_v4.3.4 "vermurkelt" mir die Fx-Icons

custom_css_for_fx_v4.3.4 "vermurkelt" mir die Fx-Icons

custom_css_for_fx_v4.3.4 "vermurkelt" mir die Fx-Icons

custom_css_for_fx_v4.3.4 "vermurkelt" mir die Fx-Icons

custom_css_for_fx_v4.3.4 "vermurkelt" mir die Fx-Icons

custom_css_for_fx_v4.3.4 "vermurkelt" mir die Fx-Icons

custom_css_for_fx_v4.3.4 "vermurkelt" mir die Fx-Icons

In Fx 96.0.1 funktioniert die Hintergrundfarbe für die diversen Leisten nicht mehr...

In Fx 96.0.1 funktioniert die Hintergrundfarbe für die diversen Leisten nicht mehr...

In Fx 96.0.1 funktioniert die Hintergrundfarbe für die diversen Leisten nicht mehr...

In Fx 96.0.1 funktioniert die Hintergrundfarbe für die diversen Leisten nicht mehr...

In Fx 96.0.1 funktioniert die Hintergrundfarbe für die diversen Leisten nicht mehr...

In Fx 96.0.1 funktioniert die Hintergrundfarbe für die diversen Leisten nicht mehr...

Classic CSS tweaks for Firefox Quantum v3.1.7