Größe der Adressleiste beibehalten

mpt

mit deinem Code wurden alle Symbole wieder grau. Aber hinter dem.gtrauwn Hamburger Menü ist ein weisses Viereck. Wie kann ich das an den Hintergrund der restlichen Leiste anpassen?

aber so sah es zuvor aus

2002Andreas

Zitat von mpt

Hamburger Menü ist ein weisses Viereck.

CSS

#PanelUI-menu-button {
  background-color: #F9F9FB !important;
}

mpt

danke, du bist der Hammer!

Noch eine kosmetische Frage: kann man einstellen dass die leere Seite beim Start/neuen Tab anstatt weiss die Farbe #EAEAED?

2002Andreas

Zitat von mpt

die leere Seite beim Start/neuen Tab anstatt weiss die Farbe #EAEAED?

Teste bitte:

CSS

@-moz-document url("chrome://browser/content/blanktab.html"), 
               url("about:newtab"),
			   url("about:home") {

body {
  background-color: #EAEAED !important;
   }
}

mpt

das klappt leider nicht, muss der Code an einer bestimmten Stelle rein gesetzt werden oder hat die Anordnung der Zeilen im Code eine Rolle?

bei mir stehen die 3 url Angaben (Zeile 1-3)mnicht wie bei dir direkt untereinander. Die Leerzeile 4 ist notwendig?

2002Andreas

Zitat von mpt

muss der Code an einer bestimmten Stelle rein gesetzt

Nein.

Zitat von mpt

direkt untereinander. Die Leerzeile 4 ist notwendig?

Das ist egal.

Wo hast du den Code eingefügt? Poste die kompl. Datei doch bitte mal.

mpt

Hier mein userChrome.css als Datei

CSS

#TabsToolbar .titlebar-spacer[type="pre-tabs"],
#TabsToolbar .titlebar-spacer[type="post-tabs"] {
  display: none !important;
}

.toolbarbutton-1,
toolbarbutton,
#trust-icon-container,
#identity-box {
  fill: #545454 !important;
}

#page-action-buttons {
  color: #545454 !important;
}
/* Tab-Höhe festlegen */
:root {
  --tab-min-height: 34px !important; /* Höhe anpassen, original: 44px */
  --tab-toolbar-navbar-overlap: 0px !important; /* für Vollbildmodus */
}

/* Tab-Breite festlegen */
.tabbrowser-tab:not([pinned]) {
  flex-grow: 0 !important;
  min-width: 150px !important; /* Breite anpassen, original: 221*/
}

/* Tabs und Suchfeld eckig */
:root {
  --toolbarbutton-border-radius: 3px !important;
}

/* Lesezeichenabstand verringern */
menupopup > menuitem, menupopup > menu {
  padding-block: 3px !important;
}

:root {
  --arrowpanel-menuitem-padding: 4px 8px !important;
}

/* Lautsprechersymbol größer bei Sound */
.tab-icon-overlay[soundplaying] {
  fill: green !important;
  transform: scale(1.4, 1.4) !important;
}

/* Lautsprechersymbol größer bei Stumm */
.tab-icon-overlay[muted] {
  fill: red !important;
  transform: scale(1.4, 1.4) !important;
}

/* Kontextmenü-Einträge entfernen */
#context-openlinkprivate,
#frame-sep,
#context-inspect,
#context-inspect-a11y,
#context-viewsource,
#context-viewpartialsource-selection {
  display: none !important;
}

#ublock0_raymondhill_net-menuitem-_uBlock0-blockElement,
#context-media-eme-separator {
  display: none !important;
}

#_73a6fe31-595d-460b-a920-fcc0f8843232_-menuitem-_noscript-ctx-menu {
  display: none !important;
}

#contentAreaContextMenu menuitem[label="In privatem Fenster suchen"] {
  display: none !important;
}

#contentAreaContextMenu menu[label="KeePassXC-Browser"] {
  display: none !important;
}

#contentAreaContextMenu menuitem[label="Passwörter verwalten"] {
  display: none !important;
}

#context-copy-link-to-highlight {
  display: none !important;
}
#context-copy-clean-link-to-highlight {
  display: none !important;
}

#context-sep-selectall,
#context-sep-screenshots,
#frame-sep {
  display: none !important;
}

/* Hintergrundfarbe aktueller Tab */
.tab-background[selected] {
  background-color: #F9F9FB !important;
  background-image: none !important;
}

#alltabs-button {
  display: none !important;
}

/* Rubrik Empfehlungen in Addons entfernen */
#category-discover {
  display:none !important;
}

/* Abstand der Addon-Icons verringern */
:root {
  --toolbarbutton-outer-padding: 3px !important;
  --toolbarbutton-inner-padding: 6px !important;
}

/* Suchmaschinen-Icon in Adressfeld entfernen */
toolbarbutton.searchmode-switcher {
  display: none !important;
}

/* Firefox-Icon in Tab anzeigen */
tab.tabbrowser-tab img {
  display: block !important;
}

.tab-icon-image {
  &:not([src]), &:-moz-broken {
    content: url("chrome://branding/content/icon32.png")!important;
  }
}

/* Kein Farbverlauf */
:root:not([theme-image-in-toolbox]) body,
:root[theme-image-in-toolbox] #navigator-toolbox {
  background-image: none !important;
}

/* Rahmenfarben Adressleiste */
#urlbar > div {
  border: none !important;
}
:root {
  --focus-outline-color: #7FB0EF !important;
}

/* aktiver Tab ohne Rahmen + mit Hintergrundfarbe */
.tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background {
  background: #F9F9FB !important;
  outline: none !important;
  border: none !important;
}

/* Menüleiste */
#toolbar-menubar {
  background: #F9F9FB !important;
}
#TabsToolbar {
  background-color: #F9F9FB !important;
}

/* Tableiste */
.titlebar-buttonbox-container,
#TabsToolbar-customization-target {
  background: #EAEAED !important;
}

#PanelUI-menu-button {
  background-color: #F9F9FB !important;
}

/* Adressleiste */
#nav-bar-customization-target {
  background: #F9F9FB !important;
}

#urlbar > div:focus-within {
  background-color: white !important;
}

/* Lesezeichenleiste */
#PersonalToolbar {
  background: #F9F9FB !important;
}

/* Abrunden der Ecken */
:root {
  --border-radius-xsmall: 1px !important; /* Minimale Rundung für sehr kleine Elemente */
  --border-radius-small: 2px !important; /* Kleine Rundung (z.B. für Checkboxen/Buttons) */
  --border-radius-medium: 3px !important; /* Mittlere Rundung (z.B. für Popups/Dropdowns) */
  --border-radius-large: 4px !important; /* Standard-Rundung (z.B. für die Adressleiste) */
  --border-radius-xlarge: 6px !important; /* Maximale Rundung für große Oberflächen-Elemente wie Tabs*/
}

#urlbar .urlbar-input-container {
  background-color: #ECECEE !important;
  color: black !important;
}

/* Suchbegriffe nicht darunter anzeigen */
.urlbarView-row {
  &[selected] {
    background-color: #EAEAED !important;
    color: black !important;
  }
}
.urlbarView-row {
  &[selected] {
    display: none !important;
  }
}
.urlbarView-row[dynamicType="actions"] > .urlbarView-row-inner,
[data-l10n-id="urlbar-result-action-search-w-engine"],
.urlbarView-title-separator,
[data-l10n-id="urlbar-group-search-suggestions"] {
  display: none !important;
}


/* Adressfeld ohne weißen Rand */
#urlbar:not(.megabar) #urlbar-results,
#urlbar:not(.megabar) .search-one-offs {
  display: none !important;
}

.urlbar-background {
  .urlbar[popover-open] > & {
    --urlbar-background-overhang-open:none !important;
  }

}
.urlbarView-background {
  .urlbar > .urlbarView > & {
    --urlbar-joint-background-overlap: none !important;
  }

}
.urlbarView-background {
  --urlbarView-joint-background-outset-inline: none !important;
}

/* Farbwahl in den Menüs */
:root {
  --color-accent-primary: lightsteelblue !important;
  --button-background-color-primary-hover: lightsteelblue !important;
  --button-background-color-primary-active: aliceblue !important;
  --button-background-color-ghost-hover: lightsteelblue !important;
  --button-background-color-ghost-active:lightsteelblue !important;
  --button-background-color-hover: #7FB0EF !important;
  --button-background-color-active: #7FB0EF !important;
  --button-text-color-ghost-hover: black !important;
  --button-text-color-ghost-active: aliceblue !important;
  --button-text-color-primary-hover: black !important;
}

@-moz-document url("chrome://browser/content/blanktab.html"), url("about:newtab"), url("about:home") {
  body {
    background-color: #EAEAED !important;
  }
}

Alles anzeigen

2002Andreas

Zitat von mpt

userChrome.css

Der Code gehört wenn dann in die userContent.css

Sören Hentzschel

Ich habe die Datei entfernt und den Inhalt stattdessen in den Beitrag eingefügt. Es gibt keinen Grund, wieso sich jeder eine Datei herunterladen müsste, um den Inhalt zu sehen.

2002Andreas

Zitat von mpt

userChrome.css

Das:

gehört auch in die userContent.css.

Und zwar so dann:

CSS

/* Rubrik Empfehlungen in Addons entfernen */

@-moz-document url-prefix(about:addons) {

#category-discover {
  display: none !important;
  }
}

mpt

Zitat von 2002Andreas

Zitat von mpt

userChrome.css

Der Code gehört wenn dann in die userContent.css

also so?

Edit: Erste Seite bleibt weiterhin weiss, ab dem 2. Tab hat jeder Tab die graue Startseite.🤔

CSS

/* Rubrik Empfehlungen und Plugins entfernen */
[data-l10n-id="addon-category-discover-title"],
[data-l10n-id="addon-category-plugin-title"] {
  display: none !important;
}

/* Mozilla Labs in Einstellungen entfernen */
[data-l10n-id="settings-pane-labs-title"] {
  display: none !important;
}

/* Abrunden der Ecken */
:root {
    --border-radius-xsmall: 1px !important;  /* Minimale Rundung für sehr kleine Elemente */
    --border-radius-small: 2px !important;   /* Kleine Rundung (z.B. für Checkboxen/Buttons) */
    --border-radius-medium: 3px !important;  /* Mittlere Rundung (z.B. für Popups/Dropdowns) */
    --border-radius-large: 4px !important;   /* Standard-Rundung (z.B. für die Adressleiste) */
    --border-radius-xlarge: 6px !important;  /* Maximale Rundung für große Oberflächen-Elemente wie Tabs*/
}

/* Farbwahl in den Menüs */ 
:root {
--color-accent-primary: lightsteelblue !important;
--button-background-color-primary-hover: lightsteelblue !important;
--button-background-color-primary-active: aliceblue !important;
--button-background-color-ghost-hover: lightsteelblue !important;
--button-background-color-ghost-active:lightsteelblue !important;
--button-background-color-hover: #7FB0EF !important;
--button-background-color-active: #7FB0EF !important;
--button-text-color-ghost-hover: black !important;
--button-text-color-ghost-active: aliceblue !important;
--button-text-color-primary-hover: black !important;
	}

/* Farbe Startseite */
@-moz-document url("chrome://browser/content/blanktab.html"), 
               url("about:newtab"),
			   url("about:home") {

body {
  background-color: #EAEAED !important;
   }
}

Alles anzeigen

2002Andreas

Zitat von mpt

Erste Seite bleibt weiterhin weiss

Du hast das so eingestellt?

mpt

2002Andreas

ja per user.js

user_pref("browser.startup.page", 0);
user_pref("browser.newtabpage.enabled", false);

2002Andreas

Zitat von mpt

ja

Zwecks besserer Erkennung habe ich den Hintergrund mal rot gemacht.

So sieht das hier aus, wenn ich den Firefox mit dem Code dann starte:

mpt

und bei mir wie beschrieben 😐️

wenn ich einen neuen Tab öffne, dann blitzt kurz der Hintergrund in weiß auf und wird dann grau.

funkt da was in der userchrome dazwischen?
kann man per user.js darauf Einfluss nehmen?

2002Andreas

Zitat von mpt

ja per user.js

Das macht man in den normalen Einstellungen wenn möglich, und nicht per user.js.

Teste:

CSS

/* Farbe Startseite */
@-moz-document url("chrome://browser/content/blanktab.html"), 
               url("about:newtab"),
			   url("about:blank"),
			   url("about:home") {

body {
  background-color: #EAEAED !important;
   }
}

mpt

vielem Dank. Jetzt passt es.

2002Andreas

Zitat von mpt

Jetzt passt es.

Es ist immer blöd, wenn User Änderungen in der config machen, dass dann aber nicht gleich dazu schreiben.

Die leere Seite nennt sich jetzt nämlich: about:blank

Ansonsten, freut mich wenn es nun funktioniert

Größe der Adressleiste beibehalten

Ähnliche Themen

Nova Anpassungen

JavaScript ist aktiviert, soll aber aktiviert werden

top Leiste verkleinern?

Nach Update: Tabs verdecken das Menü

Rahmen um Adressleiste bei Klick