Größe der Adressleiste beibehalten

mpt

Ich suche den passenden user.js Befehl oder den userChrome.css Code um folgendes zu bewirken:

Die Adressleiste soll bei Eingabe sich nicht vergrößern, sondern die Größe beibehalten. Anbei ein Screenshot von bisherigen Aussehen ("aktuell") und der gesuchten Änderung ("gewünscht", per Grafikprogramm erstellt).

Vielen Dank

2002Andreas

Zitat von mpt

um folgendes zu bewirken:

Das hattest du gelesen?

Beitrag

RE: Nova Anpassungen

[…]

Sollte ich dich falsch verstanden haben, dann sorry.

Meinst du das ganze Popup soll nicht mehr erscheinen?

Wenn ja:

(Quelltext, 4 Zeilen)

PS:

Aber auch hier der Hinweis: Das hat nichts mit Nova zu tun. Darum bitte wie sonst auch, für Fragen einen eigenen Thread zu erstellen.

2002Andreas

4. Oktober 2026 um 10:21

Ansonsten, sollte es um den dicken weißen Rahmen gehen:

Beitrag

RE: Nova Anpassungen

[…]

[…]

Bei euch ist in den Einstellungen unter Erscheinungsbild -> Dichte des Fensters -> Kompakt ausgewählt. Bei "Standard" erscheint dann die Umrandung um das Eingabefeld, wenn das DropDown eingeblendet wird ...

BrokenHeart

3. Oktober 2026 um 20:04

mpt

ja ich habe deine Antwort gelesen, deshalb habe ich einen Thread eröffnet da mein Beitrag thematisch nova-fremd war.

Mit deinem Code ist weiterhin bei Eingabe ein weißes Feld (siehe rote Pfeile) da. Mein Wunschzustand ist, dass dieses bei Eingabe in dem Url-Feld nicht erscheint (siehe Screenshot die Variante darunter).

Das wurde vor einer Weile eingeführt und gab es zuvor nicht. Aber ich kann es nicht besser beschreiben.

2002Andreas

Zitat von mpt

bei Eingabe in dem Url-Feld nicht erscheint

Teste bitte:

CSS

#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;
}

Alles anzeigen

mpt

Genau so!

Vielen Dank!!!

2002Andreas

Zitat von mpt

Vielen Dank!!!

gern geschehen

mpt

was ist denn der Code für den Farbhintergrund der Adressleise wenn man dort tippt?

Bei mir ist der Hintergrund momentan bei inaktiven und aktiven Zustand grau. Und ich hätte es gern klassisch, dass das Adressfeld bei Eingabe weiß ist.

Vielen Dank.

2002Andreas

Zitat von mpt

Bei mir ist der Hintergrund momentan

Welches Theme nutzt du denn?

Hier sieht das so aus:

oder teste bitte mal:

CSS

#urlbar {
  --urlbar-background-color: white !important;
}

oder auch:

CSS

.urlbar-background {
  --urlbar-background-color: white !important;
  --urlbar-background-border: 1px solid grey !important; 
}

mpt

ich habe das standard Theme mir dem Code:

CSS

#TabsToolbar .titlebar-spacer[type="pre-tabs"],
#TabsToolbar .titlebar-spacer[type="post-tabs"] {
display: none !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.3, 1.3) !important;
}

/* Lautsprechersymbol größer bei Stumm */
.tab-icon-overlay[muted] {
fill: red !important;
transform: scale(1.3, 1.3) !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;
}

/* 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;
}

/* Adressleiste */
#nav-bar-customization-target {
background: #F9F9FB !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;
}

.urlbarView-row {
&[selected] {
background-color: #EAEAED !important;
color: black !important;
}
}

#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;
}

Alles anzeigen

2002Andreas

Zitat von mpt

mir dem Code:

Damit hast du den Hintergrund selber grau gemacht:

mpt

ich habe gedacht damit lege ich Farbe bei inaktiver URL Adressleiste fest. Weil ich hätte gern den Effekt:

URL Bar -> keine Eingabe -> #ECECEE
URL Bar -> Eingabe -> white

2002Andreas

Zitat von mpt

URL Bar -> Eingabe -> white

Teste bitte:

CSS

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

mpt

Danke. Und wie bekomme ich die Adressleiste bei Nichteingabe wieder grau?

2002Andreas

Zitat von mpt

die Adressleiste bei Nichteingabe wieder grau?

Ist sie doch mit deinem Code

mpt

leider nein: inaktiv und aktiv ist sie weiss

CSS

  #TabsToolbar .titlebar-spacer[type="pre-tabs"],
#TabsToolbar .titlebar-spacer[type="post-tabs"] {
display: none !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;
}

/* 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: white !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;
	}

Alles anzeigen

2002Andreas

Zitat von mpt

inaktiv und aktiv ist sie weiss

Du hast das .gif mal angeklickt?

Kein Problem hier mit diesem Code:

CSS

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


#TabsToolbar .titlebar-spacer[type="pre-tabs"],
#TabsToolbar .titlebar-spacer[type="post-tabs"] {
display: none !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.3, 1.3) !important;
}

/* Lautsprechersymbol größer bei Stumm */
.tab-icon-overlay[muted] {
fill: red !important;
transform: scale(1.3, 1.3) !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;
}

/* 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;
}

/* Adressleiste */
#nav-bar-customization-target {
background: #F9F9FB !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;
}

.urlbarView-row {
&[selected] {
background-color: #EAEAED !important;
color: black !important;
}
}

#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;
}

Alles anzeigen

mpt

ich habe meinen Beitrag editiert und mein aktuellen Code gepostet. Vielleiicht habe ich was falsch gemacht.

2002Andreas

Zitat von mpt

Vielleiicht habe ich was falsch gemacht.

Ja

du musst dann natürlich hier wieder deine gewünschte Farbe eintragen:

mpt

ich wusste es lag an mir

Aus irgendwelchem Grund ist

1.) Adressleiste-Rahmenfarbe, Lesezeichenordner, Hamburger Menü, Download Icpn, Erweitungen Puzzle, Drucken Symboll alle lila.

2.) Eingegeben Adresse laden-Pfeil, Lesezeichen setzen-Stern, Lesenasicht und Übersetzung Icon in der Adressleiste alle schwarz

Ich will diese ganzen Icons in dunkelgrau....

Kannst du mir bitte anhand meines Codes helfen? Ich verzweifel gerade.

2002Andreas

Zitat von mpt

Symboll alle lila.

K.A. was du gemacht hast

Hier sieht das mit deinem Code so aus:

Da sind keine Icons lila.

Teste bitte:

CSS

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

#page-action-buttons {
  color: #545454 !important;
}

Größe der Adressleiste beibehalten

RE: Nova Anpassungen

RE: Nova Anpassungen

mpt 4. Oktober 2026 um 13:21

Ä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