[Newtabpage] FX-Logo entfernen, Suchfeld verkleinern, Schrift unter Icons hervorheben?!

Hallo,

brauch bitte mal ein paar Ratschläge betr. Optik.
Zum besseren Verständnis hier ein Screenshot:

Das LOGO ist omnipräsent, verdeckt immer das Hintergrundbild, die Schrift dagegen verträgt sich nicht mit allen Hintergründen. Da ich weiß, womit, ich surfe, kann beides gerne ausgeblendet werden.

Sichtbarkeit bei unterschiedlich hellen Hintergründen ist auch ein Problem bei der Schrift unter den Icons. Kann man hier vielleicht das ganze mit einem >>> Rahmen <<< hinterlegen, als eine Art dauerhafter Textmarker?

Nach dem letzten Update wurden die Verknüpfungen / ICONS enger zusammengerückt. Gefällt mir, aber ich hätte gern einen bündigen Abschluss mit der Darüber liegenden Suchleiste. Kann man diese schmaler - also weniger breit - machen?!

LG, J.

Zitat von Sören Hentzschel

Ab Firefox 153 wirst du das Logo über die Option browser.newtabpage.activity-stream.hideLogo ausblenden können.

Ah, auch sehr elegant. Danke für den Hinweis.

Zitat von 2002Andreas

Meinst du das so?

Es geht eher um den dauerhaften >>> Hintergrund <<< vom Textfeld und ich denke wohl auch Schriftfarbe selbst, denn so habe ich ja immer noch das Problem mit den wechselnden Wallpapern...

Zitat von 2002Andreas

Edit:

Muss in die userContent.css eingetragen werden.

Oh, der war gut!!!

Danke. Funktioniert soweit, sieht jetzt so aus:

Kann man das jetzt hellgraue 'Kästchen' noch anpassen, dass es - so wie bei Wetteronline grün umrandet - nur einzeilig den Titel der Verknüpfung abdeckt? Dann wäre es perfekt...

Zitat von 2002Andreas

Du musst die Verknüfungen einzeln bearbeiten, und den Text kürzen.

Ob das auch mit einem CSS-Code geht bin ich überfragt

Aaalso, der Code sieht angepasst bei mir jetzt folgendermaßen aus:

@-moz-document url(about:newtab), url(about:home) {
	
.nova-enabled .logo-and-wordmark {
  display: none !important;
}

.nova-enabled .top-site-outer .title .title-label {
  border: 1px solid black !important;
  background-color: #666666 !important;
  color: lightgrey !important;
}

.nova-enabled .top-site-outer .title .title-label {
   min-height: 1lh !important;
}

.nova-enabled .top-site-outer {
  width:75px !important;
}

Und ergibt ohne weitere Änderungen dieses Bild:

Wahrscheinlich werde ich nun bei jedem neuen Hintergrundbild schauen, welche Farbkombi am besten dazu passt!

Aber danke für die Mühe.

Zitat von 2002Andreas

Dann brauchst du den Text nicht einzeln zu kürzen.

War gar nicht nötig, mit obigem Code
von mir hat er es so übernommen...

Zitat von Jessie

Wahrscheinlich werde ich nun bei jedem neuen Hintergrundbild schauen, welche Farbkombi am besten dazu passt!

Nun ja, ich geb zu, ich hab gestern dann doch noch
ein wenig gebastelt. Es lebe der Neustart - Knopf !!!

So sieht das ganze derzeit aus:

Folgende userContent.css-Anpassungen wurden vorgenommen:

@-moz-document url(about:newtab), url(about:home) {
	
.nova-enabled .logo-and-wordmark {
  display: none !important;
}

.nova-enabled .top-site-outer .title .title-label {
  border: 1px solid grey !important;
  background-color: #0b1b32 !important;
  color: #d3d3d3 !important;
}

.nova-enabled .top-site-outer .title .title-label {
   min-height: 1lh !important;
}

.nova-enabled .top-site-outer {
  width:75px !important;
}

Für die nun schmalere, i.e. weniger breite Suchleiste mit bündigem Abschluss zu den unteren Verknüpfungen habe ich den Eintrag von Sören Hentzschel genommen:

.nova-enabled .search-inner-wrapper {
  width: calc(8 * var(--col-width) + 7 * var(--space-medium)) !important;
}

Letzteres habe ich als neues Thema erstellt:

S.a.

Thema

[Newtabpage] Suchfeld in der Breite verkleinern?!

Hallo,

die Anfrage stammt ursprünglich aus einem anderen Beitrag von mir (s.u. PS). Mir erschien es aber sinnvoller, diese Anpassung als neues Thema einzustellen. Es geht, wie schon geschrieben, hierum: "Nach dem letzten Update wurden die Verknüpfungen / ICONS enger zusammengerückt. Gefällt mir, aber ich hätte gern einen bündigen Abschluss mit der darüber liegenden Suchleiste. Kann man diese schmaler - also weniger breit - machen?!".

Hier sieht man besser, was ich beabsichtige:



Ideal wäre eine…

Jessie

26. Mai 2026 um 22:45

Zitat von 2002Andreas

Das finde ich immer gut, wenn man sich mit so einem CSS-Code auch mal selber etwas beschäftigt, und dann evtl. noch etwas anpasst

Danke. Mir fehlt der Basis-Skill,* um selbst was zu codieren, aber wenn ich bestehende Einträge sehe, probiere ich eben gerne.

So wie hier in der userChrome.css:

.urlbarView-results
{
  max-height: 966px !important;
  overflow: auto !important;
}

Da hab ich so lange experimentiert, bis zwischen Unterkante vom URL-Dropdown und der Taskleiste genau eine Pixelreihe Platz blieb. Sieht man bei hellen Hintergründen im Browser (Dark Mode, so wie Windows) auch sehr schön.

Sowas mag ich eben!

* Nett, da wollte die Autokorrektur gerade 'Basilisk' draus machen!

Zitat von lenny2

Entfernen des Logos. Möglicherweise ist es sinnvoll, url("about:privatebrowsing") hinzuzufügen.
Die Verwendung von visibility: hidden anstelle von display: none verändert (vergrößert) die vertikale Größe des Such-Widgets nicht.

Ich weiss gerade nicht, auf was Du hinaus willst. Obiger userContent.css-Eintrag erfüllt doch seinen Zweck. Und wie in Beitrag #2 vermerkt, ist es ab Version 153 streng genommen obsolet, da es mit Bordmitteln in der about:config auszublenden sein wird...

Zitat von Jessie

Da hab ich so lange experimentiert, bis zwischen Unterkante vom URL-Dropdown und der Taskleiste genau eine Pixelreihe Platz blieb. Sieht man bei hellen Hintergründen im Browser (Dark Mode, so wie Windows) auch sehr schön.

S.a.

Zitat von 2002Andreas

Er meint damit dieses Logo im Privaten Modus auch zu entfernen:

Ah, "about:privatebrowsing", steht ja auch da! Sorry, lenny2 ...