Nova Anpassungen

Zitat von mpt

Wie bekommt man per userChrome.css

Teste bitte:

#navigator-toolbox,
#PersonalToolbar {
    background-color: #f9f9fb !important;
}

:root {
    --border-radius-xsmall: 0 !important;
    --border-radius-small: 0 !important;
    --border-radius-medium: 0 !important;
    --border-radius-large: 0 !important;
    --border-radius-xlarge: 0 !important;
    --border-radius-circle: 0 !important;
}

Das komplett eckige hat was. Da erscheinen die Tabs auch nicht mehr so klein.

Danke an 2002Andreas

bei mir sieht es jetzt so aus:

Den Abstand zwischen Adressleiste und Tab, sowie zwischen Tab und dem Rest muss ich noch verringern, ich probier es mal.

Sollte ich nicht weiter kommen, melde ich mich in den nächsten Tagen.

Edit: Hoppala, der war Anhang ist doppelt.

Grüße uwe51

Zitat von uwe51

melde ich mich in den nächsten Tagen

mach das, wir sind hier

Zitat von 2002Andreas

Teste bitte:

Sieht schon mal ganz gut aus. Nun noch die feinen Rahmen mit Farbverlauf in den Tabs wegbekommen und die Tableiste ansich noch einen Ticken dunkler grau. Und wieder einen blauen Rahmen um die aktive Adressleiste. Wenn man die Adressleiste nicht ganz eckig haben möchte, kann man statt 0 eine gewünschte Rundung in px eingeben. Achso - beim Hovern über die Tabs auch wieder das dunklere Grau. Dann dürfte es so ziemlich wieder wie ohne Nova aussehen.

Gruß, Nobby

regie510

Nobby, einer geht noch, dann bist Du bei 1000 Beiträgen.

Zitat von uwe51

Nobby, einer geht noch, dann bist Du bei 1000 Beiträgen.

Ui, dann machen wir die gleich mal voll 😉 Ich bin leider in Richtung CSS nicht so der Crack. Aber dafür gibt es hier im Forum sehr gute Leute.

Gruß, Nobby

Top Andreas, vielen Dank!!

Zitat von jd_cort

Top Andreas, vielen Dank

gern geschehen

Zitat von regie510

Nun noch

Teste bitte:

#navigator-toolbox,
#PersonalToolbar {
    background-color: #f9f9fb !important;
}

#tabbrowser-arrowscrollbox, #pinned-tabs-container {
  background-color: lightgrey !important;
}

:root {
    --border-radius-xsmall: 0 !important;
    --border-radius-small: 0 !important;
    --border-radius-medium: 0 !important;
    --border-radius-large: 0 !important;
    --border-radius-xlarge: 0 !important;
    --border-radius-circle: 0 !important;
}

tab.tabbrowser-tab > stack > vbox {
  --tab-border-color-accent: none !important;
}
  
tab.tabbrowser-tab[selected]:hover stack.tab-stack vbox.tab-background {
    background-color: grey !important;
}
  
:root {
	--toolbar-field-border-color-focus: blue !important;
}

Farben wenn dann anpassen.

Zitat von 2002Andreas

Teste bitte:

Danke, das wird immer besser Jetzt nur noch, dass die Tableiste oben wieder durchgängig grau wird. Im Moment sieht es so aus:

Gruß, Nobby

Zitat von regie510

Jetzt nur noch

Teste bitte:

#TabsToolbar {
  background-color: lightgrey !important;
}

statt:

#tabbrowser-arrowscrollbox, #pinned-tabs-container {
  background-color: lightgrey !important;
}

Zitat von Mr. Cutty

Das komplett eckige hat was. Da erscheinen die Tabs auch nicht mehr so klein.

Wenn du nur den Radius veränderst, hat das auf die Größe überhaupt keinen Einfluss.

Zitat von 2002Andreas

Teste bitte:

Perfekt, Andreas - heißen Dank! So sieht es jetzt aus:

Gruß, Nobby

Zitat von regie510

Perfekt, Andreas - heißen Dank!

Gerne wie immer

Folgendes funktioniert bei mir durch Nova nicht mehr. Wer kann hier bitte helfen?

/* ---------------------------------------------------- */
/* Vergrößertes Lautsprecher-Symbol in einem Medien-Tab */
/* ---------------------------------------------------- */

.tab-icon-overlay {
  fill: black !important;
  transform: scale(1.6, 1.6) !important;
}

/* ------------------------------------------ */
/* Aktiver Tab mit fetten Titel und Umrandung */
/* ------------------------------------------ */

.tabbrowser-tab[selected="true"] {
  font-weight: bold !important;
}
.tabbrowser-tab .tab-background[selected="true"] {
  border: 1px solid #8F8F8F !important;
}

Kann man eigentlich den Trennstrich eine andere Farbe und Dicke verpassen?

Zitat von 2002Andreas

Zitat von mpt

Wie bekommt man per userChrome.css

Teste bitte:

CSS

#navigator-toolbox,
#PersonalToolbar {
    background-color: #f9f9fb !important;
}

:root {
    --border-radius-xsmall: 0 !important;
    --border-radius-small: 0 !important;
    --border-radius-medium: 0 !important;
    --border-radius-large: 0 !important;
    --border-radius-xlarge: 0 !important;
    --border-radius-circle: 0 !important;
}

Alles anzeigen

2002Andreas Klasse, Danke, das hilft erstmal richtig gut!

BTW: Sieht so sogar besser als vorher mit diesen "halb"runden Ecken aus!

[edit]

Leider hilft das aber nicht bei den ganzen internen Seiten im Firefox, z. B. Einstellungen.

Da bleibt es leider bei diesem "kugelig-runden"-Fisher-Price-Design...

Zitat von UliBär

bei den ganzen internen Seiten im Firefox, z. B. Einstellungen.

Dann den Code ab Zeile 6 bis 13 auch in die userContent.css eintragen, bzw. in deinen angepassten Seiten mit der @-moz-document url Regel.

2002Andreas Du bist DER Wizard vor dem Herrn! Danke!

Zitat von UliBär

Danke!

gerne wie immer

Zitat von Mr. Cutty

Wer kann hier bitte helfen?

Teste bitte:

/* ------------------------------------------ */
/* Aktiver Tab mit fetten Titel und Umrandung */
/* ------------------------------------------ */

tab.tabbrowser-tab .tab-content[selected] {
  font-weight: bold !important;
}

tab.tabbrowser-tab > stack > vbox[selected] {
  border: 1px solid #8F8F8F !important;
}

/* ---------------------------------------------------- */
/* Vergrößertes Lautsprecher-Symbol in einem Medien-Tab */
/* ---------------------------------------------------- */

.tab-audio-button  {
  fill: black !important;
  transform: scale(1.6, 1.6) !important;
}

Zitat von Mr. Cutty

Kann man eigentlich den Trennstrich eine andere Farbe und Dicke verpassen?

Teste bitte:

#PersonalToolbar {
  border-bottom: 2px solid red !important;
}

Ich hoffe du meintest den