1. Nachrichten
  2. Forum
    1. Unerledigte Themen
    2. Forenregeln
  3. Spenden
  • Anmelden
  • Registrieren
  • Suche
Alles
  • Alles
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. camp-firefox.de
  2. Mira_Belle

Beiträge von Mira_Belle

  • Auf die Schnelle, Nova to Proton => Ein umfassendes CSS

    • Mira_Belle
    • 5. Oktober 2026 um 12:41

    sansnom & mkpcxxl Tut mir, und Euch, einen Gefallen und
    Komentiert erst einmal --border-radius-circle: 8px !important; /* Nova: undefined, Proton: 9999px */ aus:!:

    Ich konnte bisher noch nicht feststellen, ob das Nachteile und/oder Darstellungsfehler mit sich bringt.

  • Addon für das Speichern von AI Chats

    • Mira_Belle
    • 5. Oktober 2026 um 09:53

    :?: Was willst Du eigentlich?
    Kein Mensch hat hier irgendetwas von "Angelegenheiten um FF" geschrieben!

    Wie Sören Hentzschel schon schrieb, melde Dich bei Google an, dann werden die Chats auch gespeichert!
    Und es ist der KI von Google absolut egal, was Du da fragst!
    Ob um Datenbanken, Batchdateien, Skripte geht, egal, jeder Chat wird gespeichert.

    Natürlich kann es in der kostenlosen Version Einschränkungen an der Anzahl und/Größe geben,
    aber als angemeldeter Nutzer hast Du die Möglichkeit die Chats auch lokal zu speichern.

    Ergo, was willst Du eigentlich?

  • Auf die Schnelle, Nova to Proton => Ein umfassendes CSS

    • Mira_Belle
    • 4. Oktober 2026 um 23:17

    Danke für den Hinweis!

    Ich habe das CSS so in Gänze noch nicht ganz durchgetestet!
    Nur das mit den Radien hatte ich schon etwas länger im Testprofil.

    Aber Darstellungsprobleme habe ich bisher nicht festgestellt!
    Auch habe ich diesen Wert auf "0" gesetzt und einen etwas größeren Download angeschmissen,
    der Button mit der ablaufenden "Uhr" wurde ganz normal angezeigt!

    Werde aber mal eine CSS nur mit "border-radius-circle" testen und sehen, ob und wenn ja bei welchen Werten was passiert.

    Ich werde ja ohnehin nicht darum kommen, mich näher mit diesen Variablen zu beschäftigen,
    da es mir in erster Linie um die internen Seiten geht.
    Meine alten CSS zum Anpassen von diesen (about:...) ist hin.
    Zwar kann ich einzelne Seiten, die eigene CSS-Dateien haben wieder "reparieren",
    aber mit den Richtigen Selektoren, bzw. Variablen aus diesem CSS,
    könnte ich für diese Seiten zusammengefasst alles in einem Aufwasch erledigen und anpassen!

    Ich habe da also noch was vor.

  • Auf die Schnelle, Nova to Proton => Ein umfassendes CSS

    • Mira_Belle
    • 4. Oktober 2026 um 22:55
    Zitat von Sören Hentzschel

    Okay, aber wozu? Du hast halt die Variablen aus dem Quellcode geholt. Wofür welche Variable genutzt wird, geht daraus auch nicht hervor. Wieso sollte man sich also die, wenn man es wie angewiesen in beide Dateien kopiert, über 1.000 (!) Zeilen CSS einfügen?

    Auf die Schnelle!!
    Für die, die einfach nur wieder zum alten Design wollen.

    Wer nur spezielle Elemente der Oberfläche geändert haben möchte, muss weiterhin das Board bemühen!

    Und wer sich mit CSS und der Werkzeuge ein wenig auskennt, kann es als Vorlage, oder nur Auszüge daraus nutzen.

    Aber mal davon abgesehen.
    Bis zu der Zeile 22 sind ja nur die Radien angegeben!

    Genau so, wie das hier im Board auch schon "rumfliegt"!
    Ich hab's halt nur zusammen geführt.

    Danach kommt eine "Farbtabelle" und danach die Farben für die verschiedenen Elemente.
    Wer mit z.B. /** button **/ nichts anfangen kann, kann fragen
    oder soll ganz einfach das CSS meiden.

  • Auf die Schnelle, Nova to Proton => Ein umfassendes CSS

    • Mira_Belle
    • 4. Oktober 2026 um 22:28

    Habe etwas länger gebraucht, aber nun ist das CSS fertig.

    Es sollten alle wichtigen und richtigen Selektoren abgedeckt sein.
    Den "Code" einfach in die userChrome.css und in die userContent.css kopieren.


    CSS
    @charset "UTF-8";
    
    @-moz-document url-prefix("about:"), url-prefix("chrome:") {
        :root {
    
            --border-radius-xsmall: 2px !important;	/* Nova: 4px, Proton: 2px */
    		--border-radius-small: 4px !important;	/* Nova: 8px, Proton: 4px */
    		--border-radius-medium: 8px !important;	/* Nova: 12px, Proton: 8px */
    		--border-radius-large: 16px !important;	/* Nova: undefined, Proton: 16px */
    		--border-radius-xlarge: 8px !important;	/* Nova: 24px, Proton: undefined */
          /*  --border-radius-circle: 8px !important;	/* Nova: undefined, Proton: 9999px */
    
            --button-border-radius: 8px !important;         /* Nova: var(-border-radius-xlarge), Proton: var(--border-radius-medium) */
            --card-border-radius: 8px !important;           /* Nova: undefined, Proton: var(--border-radius-large) */
            --card-border-radius-compact: 8px !important;   /* Nova: undefined, Proton: var(--border-radius-medium) */
            --checkbox-border-radius: 0px !important;       /* Nova: undefined, Proton: undefined */
            --input-text-border-radius: 8px !important;     /* Nova: undefined, Proton: var(--border-radius-medium) */
            --input-search-border-radius: 8px !important;   /* Nova: var(--border-radius-circle), Proton: var(var(--input-text-border-radius) */
            --panel-border-radius: 8px !important;          /* Nova: var(--popup-border-radius), Proton: var(--border-radius-medium) */
            --panel-menuitem-border-radius: 0px !important; /* Nova: var(--border-radius-large), Proton: var(--border-radius-small) */
            --popup-border-radius: 8px !important;          /* Nova: var(--border-radius-xlarge), Proton: var(--border-radius-medium) */
    
            --color-gray-0: #fbfbfe !important;
            --color-gray-20: #f0f0f4 !important;
            --color-gray-30: #bac2ca !important;
            --color-gray-50: #bfbfc9 !important;
            --color-gray-60: #8f8f9d !important;
            --color-gray-70: #5b5b66 !important;
            --color-gray-80: #23222b !important;
            --color-gray-90: #1c1b22 !important;
            --color-blue-0: oklch(97% 0.05 260) !important;
            --color-blue-10: oklch(90% 0.13 260) !important;
            --color-blue-20: oklch(83% 0.17 260) !important;
            --color-blue-30: oklch(76% 0.2 260) !important;
            --color-blue-40: oklch(69% 0.22 260) !important;
            --color-blue-50: oklch(62% 0.24 260) !important;
            --color-blue-60: oklch(55% 0.24 260) !important;
            --color-blue-70: oklch(48% 0.2 260) !important;
            --color-blue-80: oklch(41% 0.17 260) !important;
            --color-blue-90: oklch(34% 0.14 260) !important;
            --color-cyan-0: oklch(97% 0.05 205) !important;
            --color-cyan-10: oklch(90% 0.07 205) !important;
            --color-cyan-20: oklch(83% 0.11 205) !important;
            --color-cyan-30: oklch(76% 0.14 205) !important;
            --color-cyan-40: oklch(69% 0.19 205) !important;
            --color-cyan-50: oklch(62% 0.21 205) !important;
            --color-cyan-60: oklch(55% 0.21 205) !important;
            --color-cyan-70: oklch(48% 0.2 205) !important;
            --color-cyan-80: oklch(41% 0.17 205) !important;
            --color-cyan-90: oklch(34% 0.14 205) !important;
            --color-green-0: oklch(97% 0.05 145) !important;
            --color-green-10: oklch(90% 0.1 145) !important;
            --color-green-20: oklch(83% 0.14 145) !important;
            --color-green-30: oklch(76% 0.17 145) !important;
            --color-green-40: oklch(69% 0.19 145) !important;
            --color-green-50: oklch(62% 0.21 145) !important;
            --color-green-60: oklch(55% 0.21 145) !important;
            --color-green-70: oklch(48% 0.2 145) !important;
            --color-green-80: oklch(41% 0.17 145) !important;
            --color-green-90: oklch(34% 0.14 145) !important;
            --color-orange-0: oklch(97% 0.05 50) !important;
            --color-orange-10: oklch(90% 0.1 50) !important;
            --color-orange-20: oklch(86% 0.14 50) !important;
            --color-orange-30: oklch(79% 0.17 50) !important;
            --color-orange-40: oklch(72% 0.19 50) !important;
            --color-orange-50: oklch(65% 0.21 50) !important;
            --color-orange-60: oklch(58% 0.21 50) !important;
            --color-orange-70: oklch(48% 0.2 50) !important;
            --color-orange-80: oklch(41% 0.17 50) !important;
            --color-orange-90: oklch(34% 0.14 50) !important;
            --color-pink-0: oklch(97% 0.05 360) !important;
            --color-pink-10: oklch(90% 0.1 360) !important;
            --color-pink-20: oklch(83% 0.14 360) !important;
            --color-pink-30: oklch(76% 0.17 360) !important;
            --color-pink-40: oklch(69% 0.19 360) !important;
            --color-pink-50: oklch(62% 0.21 360) !important;
            --color-pink-60: oklch(55% 0.21 360) !important;
            --color-pink-70: oklch(48% 0.2 360) !important;
            --color-pink-80: oklch(41% 0.17 360) !important;
            --color-pink-90: oklch(34% 0.14 360) !important;
            --color-purple-0: oklch(97% 0.05 315) !important;
            --color-purple-10: oklch(90% 0.1 315) !important;
            --color-purple-20: oklch(83% 0.14 315) !important;
            --color-purple-30: oklch(76% 0.17 315) !important;
            --color-purple-40: oklch(69% 0.19 315) !important;
            --color-purple-50: oklch(62% 0.21 315) !important;
            --color-purple-60: oklch(55% 0.21 315) !important;
            --color-purple-70: oklch(48% 0.2 315) !important;
            --color-purple-80: oklch(41% 0.17 315) !important;
            --color-purple-90: oklch(34% 0.14 315) !important;
            --color-red-0: oklch(97% 0.05 15) !important;
            --color-red-10: oklch(90% 0.1 15) !important;
            --color-red-20: oklch(83% 0.14 15) !important;
            --color-red-30: oklch(76% 0.17 15) !important;
            --color-red-40: oklch(69% 0.19 15) !important;
            --color-red-50: oklch(62% 0.21 15) !important;
            --color-red-60: oklch(55% 0.21 15) !important;
            --color-red-70: oklch(48% 0.2 15) !important;
            --color-red-80: oklch(41% 0.17 15) !important;
            --color-red-90: oklch(34% 0.14 15) !important;
            --color-violet-0: oklch(97% 0.05 290) !important;
            --color-violet-10: oklch(90% 0.13 290) !important;
            --color-violet-20: oklch(83% 0.17 290) !important;
            --color-violet-30: oklch(76% 0.2 290) !important;
            --color-violet-40: oklch(69% 0.22 290) !important;
            --color-violet-50: oklch(62% 0.24 290) !important;
            --color-violet-60: oklch(55% 0.24 290) !important;
            --color-violet-70: oklch(48% 0.2 290) !important;
            --color-violet-80: oklch(41% 0.17 290) !important;
            --color-violet-90: oklch(34% 0.14 290) !important;
            --color-yellow-0: oklch(97% 0.05 90) !important;
            --color-yellow-10: oklch(93% 0.1 90) !important;
            --color-yellow-20: oklch(86% 0.14 90) !important;
            --color-yellow-30: oklch(79% 0.2 90) !important;
            --color-yellow-40: oklch(72% 0.22 90) !important;
            --color-yellow-50: oklch(65% 0.24 90) !important;
            --color-yellow-60: oklch(58% 0.24 90) !important;
            --color-yellow-70: oklch(51% 0.23 90) !important;
            --color-yellow-80: oklch(41% 0.2 90) !important;
            --color-yellow-90: oklch(34% 0.14 90) !important;
    
            /** color **/
            --color-accent-primary: light-dark(oklch(55% 0.24 260), oklch(76% 0.14 205)) !important;
            /* Nova:    --color-accent-primary: light-dark(var(--color-violet-50), var(--color-violet-30)); */
            /* Proton:  --color-accent-primary: light-dark(var(--color-blue-60), var(--color-cyan-30));     */
            --color-accent-primary-hover: light-dark(oklch(48% 0.2 260), oklch(83% 0.11 205)) !important;
            /* Nova:    --color-accent-primary: light-dark(var(--color-violet-60), var(--color-violet-20)); */
            /* Proton:  --color-accent-primary: light-dark(var(--color-blue-70), var(--color-cyan-20));     */
            --color-accent-primary-active: light-dark(oklch(41% 0.17 260), oklch(90% 0.07 205)) !important;
            /* Nova:    --color-accent-primary-active: light-dark(var(--color-violet-70), var(--color-violet-10)); */
            /* Proton:  --color-accent-primary-active: light-dark(var(--color-blue-80), var(--color-cyan-10)); */ 
            --color-accent-primary-selected: light-dark(oklch(55% 0.24 260), oklch(76% 0.14 205)) !important;
            /* Nova:    --color-accent-primary-selected: var(--button-background-color-primary-active); */
            /* Proton:  --color-accent-primary-selected: light-dark(var(--color-blue-60), var(--color-cyan-30)); */
            --color-accent-attention: light-dark(#2ac3a2, #54ffbd) !important;
            /* Nova:    --color-accent-attention: light-dark(var(--color-green-50), var(--color-green-20)); */
            /* Proton:  --color-accent-attention: light-dark(#2ac3a2, #54ffbd); */
    
            /** focus-outline **/
            --focus-outline: 2px solid var(--focus-outline-color) !important;
            /* Nova:    undefined */
            /* Proton:  --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); */        
            --focus-outline-color: light-dark(oklch(55% 0.24 260), oklch(76% 0.14 205)) !important;
            /* Nova:    undefined */
            /* Proton:  --focus-outline-color: var(--color-accent-primary); */
            --focus-outline-color: var(--color-accent-primary) !important;
            /* Nova:    undefined */
            /* Proton:  --color-accent-primary: light-dark(var(--color-blue-60), var(--color-cyan-30)); */
            --focus-outline-inset: calc(-1 * 2px) !important;
            /* Nova:    undefined */
            /* Proton:  calc(-1 * var(--focus-outline-width)); */
            --focus-outline-offset: 2px !important;
            /* Nova:    undefined */
            /* Proton:  2px */        
            --focus-outline-width: 2px !important;
            /* Nova:    undefined */
            /* Proton:  2px */
    
            /** text-color **/
            --text-color: light-dark(#15141a, #fbfbfe) !important;
            /* Nova:    --text-color: light-dark(var(--color-violet-desaturated-90), var(--color-violet-desaturated-0)); */
            /* Proton:  CanvasText; */
            --text-color-accent-primary-selected: light-dark(#ffffff, #15141a) !important;
            /* Nova:    SelectedItemText; */
            /* Proton:  SelectedItemText; */
            --text-color-error: light-dark(oklch(48% 0.2 15), oklch(83% 0.14 15)) !important;
            /* Nova:    --text-color-error: light-dark(var(--color-red-50), var(--color-red-20)); */
            /* Proton:  --text-color-error: light-dark(var(--color-red-70), var(--color-red-20)); */
    
            /** background-color **/
            --background-color-box: light-dark(#ffffff, #23222b) !important;
            /* Nova:    undefined */
            /* Proton:  --background-color-box: var(--background-color-canvas); */
            --background-color-box-info: light-dark(var(--color-gray-20), var(--color-gray-80)) !important;
            /* Nova:    undefined */
            /* Proton:  --background-color-box-info: var(--background-color-canvas); */
            --background-color-canvas: light-dark(#ffffff, #1c1b22) !important;
            /* Nova:    undefined */
            /* Proton:  --background-color-canvas: Canvas; */
            --background-color-critical: light-dark(var(--color-red-0), var(--color-red-90)) !important;
            /* Nova:    --background-color-critical: light-dark(var(--color-red-10), var(--color-red-70)); */
            /* Proton:  --background-color-critical: var(--background-color-canvas); */
            --background-color-information: light-dark(var(--color-blue-0), var(--color-blue-90)) !important;
            /* Nova:    --background-color-information: light-dark(var(--color-violet-10), var(--color-violet-70)); */
            /* Proton:  --background-color-canvas: Canvas; */
            --background-color-success: light-dark(var(--color-green-0), var(--color-green-90)) !important;
            /* Nova:    --background-color-success: light-dark(var(--color-green-10), var(--color-green-70)); */
            /* Proton:  --background-color-success: var(--background-color-canvas); */
            --background-color-warning: light-dark(var(--color-yellow-0), var(--color-yellow-90)) !important;
            /* Nova:    --background-color-warning: light-dark(var(--color-yellow-10), var(--color-yellow-70)); */
            /* Proton:  --background-color-warning: var(--background-color-canvas); */
    
            /** table **/
            --table-row-background-color-alternate: light-dark(#f0f0f4, var(--color-gray-80)) !important;
            /* Nova:    undefined */
            /* Proton:  --table-row-background-color-alternate: var(--background-color-canvas); */
    
            /** border **/
            --border-color: light-dark(var(--color-gray-50), var(--color-gray-70)) !important;
            /* Nova:    undefined */
            /* Proton:  undefined */        
            --border-color-deemphasized: light-dark(var(--color-gray-30), var(--color-gray-70)) !important;
            /* Nova:    --border-color-deemphasized: color-mix(in srgb, currentColor 24%, transparent); */
            /* Proton:  --border-color-deemphasized: color-mix(in srgb, currentColor 24%, transparent); */        
            --border-color-interactive: light-dark(var(--color-gray-60), var(--color-gray-50)) !important;
            /* Nova:    --border-color-interactive: light-dark(var(--color-gray-45), var(--color-gray-40)); */
            /* Proton:  --border-color-interactive: var(--text-color); */
            --border-color-interactive-hover: var(--border-color-interactive) !important;
            /* Nova:    --border-color-interactive-hover: light-dark(var(--color-gray-50), var(--color-gray-20)); */
            /* Proton:  --border-color-interactive-hover: var(--border-color-interactive); */
            --border-color-interactive-active: var(--border-color-interactive) !important;
            /* Nova:    --border-color-interactive-active: light-dark(var(--color-gray-50), var(--color-gray-15)); */
            /* Proton:  --border-color-interactive-active: var(--border-color-interactive); */
            --border-color-interactive-disabled: var(--border-color-interactive) !important;
            /* Nova:    --border-color-interactive-disabled: light-dark(var(--color-gray-25), var(--color-gray-55)); */
            /* Proton:  --border-color-interactive-disabled: var(--border-color-interactive); */
            --border-color-error: light-dark(var(--color-red-70), var(--color-red-20)) !important;
            /* Nova:    --border-color-error: light-dark(var(--color-red-50), var(--color-red-20)); */
            /* Proton:  --border-color-error: light-dark(var(--color-red-70), var(--color-red-20)); */
            --border-color-selected: light-dark(#0062f9, #00cadb) !important;
            /* Nova:    undefined */
            /* Proton:  --border-color-selected: var(--color-accent-primary); */
    
            /** box-shadow **/
            --box-shadow-color-darker-layer-1: light-dark(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.2)) !important;
            /* Nova:    --box-shadow-color-darker-layer-1: light-dark(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.2)); */
            /* Proton:  --box-shadow-color-darker-layer-1: light-dark(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.2)); */
            --box-shadow-color-darker-layer-2: light-dark(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)) !important;
            /* Nova:    --box-shadow-color-darker-layer-2: light-dark(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)); */
            /* Proton:  --box-shadow-color-darker-layer-2: light-dark(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)); */
            --box-shadow-color-lighter-layer-1: light-dark(rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.15)) !important;
            /* Nova:    --box-shadow-color-lighter-layer-1: light-dark(rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.06)); */
            /* Proton:  --box-shadow-color-lighter-layer-1: light-dark(rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.15)); */
            --box-shadow-color-lighter-layer-2: light-dark(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.2)) !important;
            /* Nova:    --box-shadow-color-lighter-layer-2: light-dark(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.12)); */
            /* Proton:  --box-shadow-color-lighter-layer-2: light-dark(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.2)); */        
    
            /** button **/
            --button-background-color: color-mix(in srgb, currentColor 7%, transparent) !important;
            /* Nova:    --button-background-color: transparent; */
            /* Proton:  --button-background-color: ButtonFace; */        
            --button-background-color-hover: color-mix(in srgb, currentColor 14%, transparent) !important;
            /* Nova:    --button-background-color-hover: SelectedItemText; */
            /* Proton:  --button-background-color-hover: SelectedItemText; */        
            --button-background-color-active: color-mix(in srgb, currentColor 21%, transparent) !important;
            /* Nova:    --button-background-color-active: SelectedItemText; */
            /* Proton:  --button-background-color-active: SelectedItemText; */         
            --button-background-color-ghost: transparent !important;
            /* Nova:    --button-background-color-ghost: var(--button-background-color); */
            /* Proton:  --button-background-color-ghost: ButtonFace; */ 
            --button-background-color-ghost-hover: var(--button-background-color-hover) !important;
            /* Nova:    undefined */
            /* Proton:  --button-background-color-ghost-hover: var(--button-background-color-hover); */
            --button-background-color-ghost-active: var(--button-background-color-active) !important;
            /* Nova:    undefined */
            /* Proton:  --button-background-color-ghost-active: var(--button-background-color-active); */
            --button-background-color-ghost-selected: var(--button-background-color-ghost-active) !important;
            /* Nova:    --button-background-color-ghost-selected: var(--button-background-color-selected); */
            /* Proton:  --button-background-color-ghost-selected: var(--button-background-color-ghost-active); */
            --button-background-color-muted: var(--button-background-color) !important;
            /* Nova:    undefined */
            /* Proton:  --button-background-color-muted: var(--button-background-color); */
            --button-background-color-muted-hover: var(--button-background-color-hover) !important;
            /* Nova:    undefined */
            /* Proton:  --button-background-color-muted-hover: var(--button-background-color-hover); */
            --button-background-color-muted-active: var(--button-background-color-active) !important;
            /* Nova:    undefined */
            /* Proton:  --button-background-color-muted-active: var(--button-background-color-active); */
            --button-background-color-muted-disabled: var(--button-background-color-disabled) !important;
            /* Nova:    undefined */
            /* Proton:  --button-background-color-muted-disabled: var(--button-background-color-disabled); */
            --button-background-color-muted-selected: var(--button-background-color-muted-active) !important;
            /* Nova:    --button-background-color-muted-selected: var(--button-background-color-muted-active); */
            /* Proton:  --button-background-color-muted-selected: var(--button-background-color-muted-active); */
            --button-background-color-primary-disabled: var(--button-background-color-primary) !important;
            /* Nova:    --button-background-color-primary-disabled: light-dark(var(--color-violet-desaturated-50), var(--color-violet-desaturated-40)); */
            /* Proton:  --button-background-color-primary-disabled: var(--button-background-color-primary); */
            --button-background-color-destructive: light-dark(var(--color-red-60), var(--color-red-30)) !important;
            /* Nova:    --button-background-color-destructive: var(--button-background-color-primary); */
            /* Proton:  --button-background-color-destructive: var(--button-background-color-primary); */
            --button-background-color-destructive-hover: light-dark(var(--color-red-70), var(--color-red-20)) !important;
            /* Nova:    --button-background-color-destructive-hover: var(--button-background-color-primary-hover); */
            /* Proton:  --button-background-color-destructive-hover: var(--button-background-color-primary-hover); */
            --button-background-color-destructive-active: light-dark(var(--color-red-80), var(--color-red-10)) !important;
            /* Nova:    --button-background-color-destructive-active: var(--button-background-color-primary-active); */
            /* Proton:  --button-background-color-destructive-active: var(--button-background-color-primary-active); */
            --button-background-color-destructive-disabled: light-dark(var(--color-red-90), var(--color-red-10)) !important;
            /* Nova:    undefined */
            /* Proton:  --button-background-color-destructive-disabled: var(--button-background-color-primary-disabled); */
            --button-border-color: transparent !important;
            /* Nova:    --button-border-color: var(--color-accent-primary); */
            /* Proton:  --button-border-color: transparent; */
            --button-border-color-destructive: transparent !important;
            /* Nova:    --button-border-color-destructive: var(--button-border-color-ghost); */
            /* Proton:  --button-border-color-destructive: var(--button-border-color-primary); */
            --button-border-color-destructive-selected: var(--button-border-color-destructive-active) !important;
            /* Nova:    --button-border-color-destructive-selected: var(--button-border-color-destructive); */
            /* Proton:  --button-border-color-destructive-selected: var(--button-border-color-destructive-active); */
            --button-border-color-ghost: var(--button-border-color) !important;
            /* Nova:    --button-border-color-ghost: transparent; */
            /* Proton:  --button-border-color-ghost: var(--button-border-color); */
            --button-border-color-ghost-hover: var(--button-border-color-hover) !important;
            /* Nova:    --button-border-color-ghost-hover: var(--button-border-color-ghost); */
            /* Proton:  --button-border-color-ghost-hover: var(--button-border-color-hover); */
            --button-border-color-ghost-active: var(--button-border-color-active) !important;
            /* Nova:    --button-border-color-ghost-active: var(--button-border-color-ghost); */
            /* Proton:  --button-border-color-ghost-active: var(--button-border-color-active); */
            --button-border-color-ghost-disabled: var(--button-border-color-disabled) !important;
            /* Nova:    --button-border-color-ghost-disabled: var(--button-border-color-ghost); */
            /* Proton:  --button-border-color-ghost-disabled: var(--button-border-color-disabled); */
            --button-border-color-ghost-selected: var(--button-border-color-ghost-active) !important;
            /* Nova:    --button-border-color-ghost-selected: var(--button-border-color-ghost); */
            /* Proton:  --button-border-color-ghost-selected: var(--button-border-color-ghost-active); */
            --button-border-color-muted: var(--button-border-color) !important;
            /* Nova:    --button-border-color-muted: var(--button-border-color); */
            /* Proton:  --button-border-color-muted: var(--button-border-color); */
            --button-border-color-muted-hover: var(--button-border-color-hover) !important;
            /* Nova:    --button-border-color-muted-hover: var(--button-border-color-hover); */
            /* Proton:  --button-border-color-muted-hover: var(--button-border-color-hover); */
            --button-border-color-muted-active: var(--button-border-color-active) !important;
            /* Nova:    --button-border-color-muted-active: var(--button-border-color-active); */
            /* Proton:  --button-border-color-muted-active: var(--button-border-color-active); */
            --button-border-color-muted-disabled: var(--button-border-color-disabled) !important;
            /* Nova:    --button-border-color-muted-disabled: var(--button-border-color-disabled); */
            /* Proton:  --button-border-color-muted-disabled: var(--button-border-color-disabled); */
            --button-border-color-muted-selected: var(--button-border-color-muted-active) !important;
            /* Nova:    --button-border-color-muted-selected: var(--button-border-color-ghost-active); */
            /* Proton:  --button-border-color-muted-selected: var(--button-border-color-muted-active); */
            --button-border-color-primary: transparent !important;
            /* Nova:    --button-border-color-primary: var(--button-border-color-ghost); */
            /* Proton:  --button-border-color-primary: transparent; */
            --button-border-color-primary-selected: var(--button-border-color-primary-active) !important;
            /* Nova:    --button-border-color-primary-selected: var(--button-border-color-primary-active); */
            /* Proton:  --button-border-color-primary-selected: var(--button-border-color-primary-active); */
            --button-border-color-selected: var(--button-border-color-active) !important;
            /* Nova:    --button-border-color-selected: var(--button-border-color-active); */
            /* Proton:  --button-border-color-selected: var(--button-border-color-active); */
            --button-border-width-split: var(--border-width) !important;
            /* Nova:    --button-border-width-split: 0; */
            /* Proton:  --button-border-width-split: var(--border-width); */
            --button-gap-split: var(--space-xxsmall) !important;
            /* Nova:    --button-gap-split: 0; */
            /* Proton:  --button-gap-split: var(--space-xxsmall); */
            --button-padding-inline-small: var(--button-padding-inline) !important;
            /* Nova:    --button-padding-inline-small: var(--space-medium); */
            /* Proton:  --button-padding-inline-small: var(--button-padding-inline); */
            --button-split-separator-background-color: transparent !important;
            /* Nova:    --button-split-separator-background-color: var(--button-border-color); */
            /* Proton:  --button-split-separator-background-color: transparent; */
            --button-text-color: light-dark(#15141a, #fbfbfe) !important;
            /* Nova:    undefined */
            /* Proton:  undefined */
            --button-text-color-primary: light-dark(#ffffff, #15141a) !important;
            /* Nova:    --button-text-color-primary: light-dark(var(--color-white), var(--color-gray-70)); */
            /* Proton:  undefined */
            --button-text-color-primary-hover: var(--button-text-color-primary);
            /* Nova:    --button-text-color-primary-active: var(--button-text-color-primary-hover); */
            /* Proton:  --button-text-color-primary-hover: var(--button-text-color-primary); */
            --button-text-color-primary-active: var(--button-text-color-primary-hover) !important;
            /* Nova:    --button-text-color-primary-active: var(--button-text-color-primary); */
            /* Proton:  --button-text-color-primary-active: var(--button-text-color-primary-hover); */
            --button-text-color-ghost: inherit !important;
            /* Nova:    undefined */
            /* Proton:  --button-text-color-ghost: inherit; */
            --button-text-color-ghost-hover: inherit !important;
            /* Nova:    --button-text-color-ghost-hover: var(--button-text-color-ghost); */
            /* Proton:  --button-text-color-ghost-hover: inherit; */
            --button-text-color-ghost-active: inherit !important;
            /* Nova:    --button-text-color-ghost-active: var(--button-text-color-ghost); */
            /* Proton:  --button-text-color-ghost-active: inherit; */
            --button-text-color-ghost-disabled: inherit !important;
            /* Nova:    undefined */
            /* Proton:  --button-text-color-ghost-disabled: inherit; */
            --button-text-color-menu-hover: var(--button-text-color-ghost-hover) !important;
            /* Nova:    --button-text-color-menu-hover: -moz-menuhovertext; */
            /* Proton:  --button-text-color-menu-hover: var(--button-text-color-ghost-hover); */
            --button-text-color-menu-active: var(--button-text-color-ghost-active) !important;
            /* Nova:    --button-text-color-menu-active: light-dark(var(--button-text-color-ghost-active), var(--button-text-color-active)); */
            /* Proton:  --button-text-color-menu-active: var(--button-text-color-ghost-active); */
            --button-text-color-menu-disabled: var(--button-text-color-ghost-disabled) !important;
            /* Nova:    --button-text-color-menu-disabled: light-dark(var(--button-text-color-ghost-disabled), var(--button-text-color-disabled)); */
            /* Proton:  --button-text-color-menu-disabled: var(--button-text-color-ghost-disabled); */
            --button-text-color-menu-selected: var(--button-text-color-ghost-selected) !important;
            /* Nova:    --button-text-color-menu-selected: light-dark(var(--button-text-color-ghost-selected), var(--button-text-color-selected)); */
            /* Proton:  --button-text-color-menu-selected: var(--button-text-color-ghost-selected); */
            --button-text-color-muted-hover: var(--button-text-color-hover) !important;
            /* Nova:    --button-text-color-muted-hover: var(--button-text-color-muted); */
            /* Proton:  --button-text-color-muted-hover: var(--button-text-color-hover); */
            --button-text-color-muted-active: var(--button-text-color-active) !important;
            /* Nova:    --button-text-color-muted-active: var(--button-text-color-muted); */
            /* Proton:  --button-text-color-muted-active: var(--button-text-color-active); */
            --button-text-color-muted-disabled: var(--button-text-color-disabled) !important;
            /* Nova:    --button-text-color-muted-disabled: var(--button-text-color-muted); */
            /* Proton:  --button-text-color-muted-disabled: var(--button-text-color-disabled); */
            --button-text-color-selected: var(--button-text-color-active) !important;
            /* Nova:    --button-text-color-selected: var(--button-text-color); */
            /* Proton:  --button-text-color-selected: var(--button-text-color-active); */
            --button-text-color-destructive: light-dark(#ffffff, #15141a) !important;
            /* Nova:    --button-text-color-destructive: light-dark(var(--color-white), var(--button-text-color-primary)); */
            /* Proton:  --button-text-color-destructive: light-dark(var(--color-white), var(--color-gray-100)); */
            --button-text-color-destructive-selected: var(--button-text-color-destructive-active) !important;
            /* Nova:    --button-text-color-destructive-selected: light-dark(var(--button-text-color-destructive), var(--button-text-color-destructive-active)); */
            /* Proton:  --button-text-color-destructive-selected: var(--button-text-color-destructive-active); */
            --button-border: transparent;
            /* Nova:    undefined */
            /* Proton:  --button-border: var(--border-width) solid var(--button-border-color); */
    
            /** card **/
            --card-gap: var(--card-padding) !important;
            /* Nova:    --card-gap: var(--space-medium); */
            /* Proton:  --card-gap: var(--card-padding); */
            --card-header-background-color: initial !important;
            /* Nova:    --card-header-background-color: var(--button-background-color); */
            /* Proton:  --card-header-background-color: initial; */
            --card-header-background-color-hover: var(--button-background-color-hover) !important;
            /* Nova:    undefined */
            /* Proton:  --card-header-background-color-hover: var(--button-background-color-hover); */
            --card-header-background-color-active: var(--button-background-color-active) !important;
            /* Nova:    undefined */
            /* Proton:  --card-header-background-color-active: var(--button-background-color-active); */
            --card-header-border-color: transparent !important;
            /* Nova:    --card-header-border-color: transparent; */
            /* Proton:  --card-header-border-color: transparent; */               
            --card-header-border-color-hover: transparent !important;
            /* Nova:    undefined */
            /* Proton:  --card-header-border-color-hover: transparent; */
            --card-header-border-color-active: transparent !important;
            /* Nova:    undefined */
            /* Proton:  --card-header-border-color-active: transparent; */
    
            /** icon **/
            --icon-color: light-dark(var(--color-gray-70), var(--color-gray-0)) !important;
            /* Nova:    --icon-color: var(--text-color); */
            /* Proton:  --icon-color: light-dark(var(--color-gray-70), var(--color-gray-0)); */
            --icon-color-critical: light-dark(var(--color-red-60), var(--color-red-20)) !important;
            /* Nova:    --icon-color-critical: light-dark(var(--color-red-50), var(--color-red-20)); */
            /* Proton:  --icon-color-critical: light-dark(var(--color-red-60), var(--color-red-20)); */
            --icon-color-information: light-dark(var(--color-blue-60), var(--color-blue-20)) !important;
            /* Nova:    --icon-color-information: light-dark(var(--color-violet-50), var(--color-violet-20)); */
            /* Proton:  --icon-color-information: light-dark(var(--color-blue-60), var(--color-blue-20)); */
            --icon-color-success: light-dark(var(--color-green-60), var(--color-green-20)) !important;
            /* Nova:    --icon-color-success: light-dark(var(--color-green-50), var(--color-green-20)); */
            /* Proton:  --icon-color-success: light-dark(var(--color-green-60), var(--color-green-20)); */
            --icon-color-warning: light-dark(var(--color-yellow-60), var(--color-yellow-20)) !important;
            /* Nova:    --icon-color-warning: light-dark(var(--color-yellow-50), var(--color-yellow-20)); */
            /* Proton:  --icon-color-warning: light-dark(var(--color-yellow-60), var(--color-yellow-20)); */
    
            /** info-bar **/
            --info-bar-border-color: var(--border-color-deemphasized) !important;
            /* Nova:    --info-bar-border-color: light-dark(var(--color-violet-desaturated-20), var(--color-gray-60)); */
            /* Proton:  --info-bar-border-color: var(--border-color-deemphasized); */
            --info-bar-margin: 4px !important;
            /* Nova:    --info-bar-margin: 0; */
            /* Proton:  --info-bar-margin: 4px; */
    
            /** input **/
            --input-search-icon-size: var(--input-text-icon-size) !important;
            /* Nova:    --input-search-icon-size: var(--icon-size-small); */
            /* Proton:  --input-search-icon-size: var(--input-text-icon-size); */
            --input-text-background-color: light-dark(#ffffff, #42414d) !important;
            /* Nova:    --input-text-background-color: var(--background-color-box); */
            /* Proton:  undefined */
            --input-text-background-color-disabled: var(--button-background-color-disabled) !important;
            /* Nova:    --input-text-background-color-disabled: var(--button-background-color-ghost-disabled); */
            /* Proton:  --input-text-background-color-disabled: var(--button-background-color-disabled); */
    
            /** panel **/
            --panel-background-color: light-dark(#ffffff, rgb(66, 65, 77)) !important;
            /* Nova:    --panel-background-color: var(--popup-background-color); */
            /* Proton:  --panel-background-color: light-dark(var(--color-white), rgb(66, 65, 77)); */
            --panel-border-color: light-dark(rgb(240, 240, 244), rgb(82, 82, 94)) !important;
            /* Nova:    --panel-border-color: var(--popup-border-color); */
            /* Proton:  --panel-border-color: light-dark(rgb(240, 240, 244), rgb(82, 82, 94)); */
            --panel-text-color: light-dark(#000000, rgb(251, 251, 254)) !important;
            /* Nova:    --panel-text-color: var(--text-color); */
            /* Proton:  --panel-text-color: light-dark(var(--color-black), rgb(251, 251, 254)); */
    
            /** popup **/
            --popup-border-color: light-dark(rgb(240, 240, 244), rgb(82, 82, 94)) !important;
            /* Nova:    --popup-border-color: var(--border-color-deemphasized); */
            /* Proton:  --popup-border-color: light-dark(rgb(240, 240, 244), rgb(82, 82, 94)); */
            /** popup **/
            --popup-background-color: var(--background-color-box) !important;
            /* Nova:    undefined */
            /* Proton:  --popup-background-color: var(--background-color-box); */
    
            /** popup **/
            --sidebar-border-color: var(--card-border-color) !important;
            /* Nova:    --sidebar-border-color: var(--chrome-content-separator-color); */
            /* Proton:  --sidebar-border-color: var(--card-border-color); */
            --sidebar-background-color: light-dark(white, rgb(28, 27, 34));
            /* Nova:    undefined */
            /* Proton:  --sidebar-background-color: light-dark(white, rgb(28, 27, 34)); */ 
            --sidebar-text-color: light-dark(rgb(21, 20, 26), rgb(249, 249, 250));
            /* Nova:    undefined */
            /* Proton:  --sidebar-text-color: light-dark(rgb(21, 20, 26), rgb(249, 249, 250)); */ 
        }
    
        button {
            border-color: transparent !important;
            /* Nova:    undefined */
            /* Proton:  undefined */        
        }
    
        button:not(:focus-visible) {
            outline: none !important;
            /* Nova:    undefined */
            /* Proton:  undefined */        
        }
    }
    Alles anzeigen
  • Addon für das Speichern von AI Chats

    • Mira_Belle
    • 4. Oktober 2026 um 11:13

    Z.Z. kann ich bei Google keine KI anfragen stellen, warum auch immer!

    Aber ich habe in der Googlesuche eine einfache Frage gestellt,
    eventuell findest Du da ja eine Lösung Deines Problems.

    Google Search

  • userContent.css ohne Funktion?

    • Mira_Belle
    • 4. Oktober 2026 um 10:54

    dribs Darf ich fragen, woher Du das CSS herhast?
    Was hat es mit " XXX: light-dark ( ... " auf sich?

  • Addon für das Speichern von AI Chats

    • Mira_Belle
    • 4. Oktober 2026 um 10:41

    Bisher kein Add-on!

    Für Anpassungen des Firefox (JavaScript & ganz selten mal CSS) nutze ich Mistral.
    Da habe ich einen Account und die Chats werden da automatisch gespeichert!

    Für andere Dinge nutze ich manchmal Goolge (KI) oder auch schon mal Perplexity.
    Da die Anfragen bei anderen "KI's" doch sehr beschränkt sind, sah ich bisher nicht die Notwendigkeit
    mit da was zu suchen! Die Chats werden ja nicht lang, zwei, drei Fragen, bzw. Antworten dann ist eh meist Schluss.

  • Nova Anpassungen

    • Mira_Belle
    • 3. Oktober 2026 um 23:42
    Zitat von BrokenHeart

    Bei euch ist in den Einstellungen unter Erscheinungsbild -> Dichte des Fensters -> Kompakt ausgewählt.

    AHHH, stimmt.
    Danke.

  • Nova Anpassungen

    • Mira_Belle
    • 3. Oktober 2026 um 16:47
    Zitat von Sören Hentzschel

    Dann hast du entweder browser.search.widget.new auf false gesetzt oder eine andere Anpassung ist Schuld daran. Denn so wie im Screenshot von Andreas ist es Standard.

    Mh :/

    Steht bei mir auf true
    Habe kein CSS am Laufen!
    Und habe diesen weißen Rand nicht, egal welches Theme ich nutze.

  • Nova Anpassungen

    • Mira_Belle
    • 3. Oktober 2026 um 15:22

    Mr. Cutty Mal doch mal ein Bild, wie Du Dir das vorstellst.

    Ich könnte Dir jetzt zig Zeilen Code um die Ohren hauen, aber damit wäre Dir auch nicht geholfen
    und zum Ziel würde das auch nur über zig Umwege führen.

    Und am besten für beide Popups. Adressfeld & Suchfeld.

  • Farbe von Adressleiste und Text ändern

    • Mira_Belle
    • 3. Oktober 2026 um 14:00
    CSS
    .searchmode-switcher-title {
    	color: white !important;
    }

    Bitte testen.

  • Nova Anpassungen

    • Mira_Belle
    • 2. Oktober 2026 um 00:04
    CSS
    /* Eckige statt abgerundete Elemente */
       :root {
         --border-radius-xsmall: 0 !important;
         --border-radius-small: 0 !important;
         --border-radius-medium: 0 !important;
         --border-radius-large: 0 !important;
         --border-radius-xlarge: 8px !important;
         --border-radius-circle: 0 !important;
       }

    Bitte testen.

  • Änderungen am Theme nach dem Update auf die 157.0 rückgängig machen

    • Mira_Belle
    • 2. Oktober 2026 um 00:02

    Bitte testen.

    CSS
    /* Eckige statt abgerundete Elemente */
       :root {
         --border-radius-xsmall: 0 !important;
         --border-radius-small: 0 !important;
         --border-radius-medium: 0 !important;
         --border-radius-large: 0 !important;
         --border-radius-xlarge: 8px !important;
         --border-radius-circle: 0 !important;
       }
    
    /* ================================================== */
    /* Toolbar-Hintergründe                                */
    /* ================================================== */
    
    /* Menüleiste */
    #toolbar-menubar {
      background: #ffff00 !important;
    }
    
    /* Tableiste */
    #TabsToolbar-customization-target {
      background: #00ff00 !important;
    }
    
    /* Adressleiste */
    #nav-bar-customization-target {
      background: #00ffff !important;
    }
    
    /* Lesezeichenleiste */
    #PersonalToolbar {
      background: #ff00ff !important;
    }
    
    /* ================================================== */
    /* Feine Linie: Unterkante der Tab-Leiste              */
    /* (wird vom aktiven Tab unterbrochen)                 */
    /* ================================================== */
    
    /* Linie als Pseudo-Element am unteren Rand der Tab-Leiste */
    #TabsToolbar {
      position: relative !important;
      border-bottom: none !important;
    }
    
    #TabsToolbar::before {
      content: "" !important;
      position: absolute !important;
      bottom: 0 !important;
      left: 0 !important;
      right: 0 !important;
      height: 1px !important;
      background: gray !important;
      z-index: 0 !important;
    }
    
    .tabbrowser-tab[visuallyselected] .tab-background {
      box-shadow: 0 15px 0 0 #00ffff !important;
      margin-bottom: -15px !important;
    }
    /* ================================================== */
    /* Tabs                                                */
    /* ================================================== */
    
    /* Basis aller Tabs – kein Rahmen hier! */
    .tabbrowser-tab .tab-background {
      background-color: yellow !important;
      outline: none !important;
      border: none !important;
    }
    
    /* aktiver Tab mit Rahmen, unten offen */
    .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background {
      background-color: #00ffff !important;
      border: 1px solid gray !important;
      border-bottom: none !important;
    }
    
    /* multiselektierte Tabs */
    .tabbrowser-tab:not([visuallyselected])[multiselected] .tab-background {
      background-color: blue !important;
      border: 1px solid gray !important;
      border-bottom: none !important;
    }
    
    /* multiselected hover */
    .tabbrowser-tab:not([visuallyselected]):hover .tab-background {
      background-color: lime !important;
    }
    
    /* unselektiert hover */
    .tabbrowser-tab:not([visuallyselected], [multiselected]):hover .tab-background {
      background-color: orange !important;
    }
    
    /* ---------------------------------------------------------------------------------- */
    Alles anzeigen
  • Rahmen um Suchleiste - CSS zum Färben geht nicht mehr

    • Mira_Belle
    • 1. Oktober 2026 um 22:24

    2002Andreas

    Suuuuper! :* :love:

    Und hier sind die anderen:

    CSS
      .searchmode-switcher {
        /* Hintergrund */
      --button-background-color-muted: rgba(224, 224, 224, 0.5) !important;         /* Normalzustand */
      --button-background-color-muted-hover: rgba(224, 224, 224, 0.7) !important;   /* Hover */
      --button-background-color-muted-active: rgba(255, 165, 0, 0.7) !important;    /* Klick / gedrückt */
      --button-background-color-muted-disabled: #00ffff !important;                 /* ? I donn't know */
    
      /* Textfarbe */
      --button-text-color-muted: white !important;              /* Normalzustand */
      --button-text-color-muted-hover: black !important;        /* Hover */
      --button-text-color-muted-active: white !important;       /* Klick / gedrückt */
      --button-text-color-muted-disabled: gray !important;      /* ? I donn't know */
    
      /* Ecken & Größe */
      --button-border-radius: 4px !important;
      --button-min-height: 24px !important;
    }
    Alles anzeigen

    Und selbstverständlich darf mit den Farbwerten gespielt werden. 8o

  • Neuer Firefox 157 Nova - alte userChrome.css

    • Mira_Belle
    • 1. Oktober 2026 um 21:33

    So und was den Rahmen betrifft,
    Zeile 33 (/* Suchfeld in weiß */) bis Zeile 49, Achtung! (/* Adressfeld und Suchfeld ohne Rahmen */)
    durch folgendes Ersetzen.

    CSS
    /* Adressfeld in weiß */
       #urlbar {
        background-color: #ffffff !important;
        color: #000000 !important;                /* Schriftfarbe */
       }
    /* Suchfeld in weiß */
       #searchbar-new.urlbar div.urlbar-background {
        background-color: #ffffff !important;
    	color: #000000 !important;                /* Schriftfarbe */
       }
    
    /* Eigener Rahmen um Adress- und Suchfeld */
      #urlbar,
      #searchbar-new.urlbar div.urlbar-background {
        border: 1px solid red !important;
        border-radius: 8px !important;
      }
    
    /* Adressfeld und Suchfeld ohne Rahmen */
    Alles anzeigen

    Den wert für die Strichdicke sowie für die Farbe bitte anpassen.

  • Neuer Firefox 157 Nova - alte userChrome.css

    • Mira_Belle
    • 1. Oktober 2026 um 21:09

    Zu 1 CSS ändern!

    CSS
    /* Eckige statt abgerundete Elemente */
       :root {
         --border-radius-xsmall: 0 !important;
         --border-radius-small: 0 !important;
         --border-radius-medium: 0 !important;
         --border-radius-large: 0 !important;
         --border-radius-xlarge: 8px !important;
         --border-radius-circle: 0 !important;
       }

    Zu 2
    Da muss viel mehr geändert werden!
    Zeilen 19 bis 31 komplett raus, löschen!!
    Ersetzen durch:

    CSS
       /* Menüleiste */
       #toolbar-menubar {
        background: #ffff00 !important;
       }
    
       /* Tableiste */
       #TabsToolbar-customization-target {
        background: #00ff00 !important;
       }
    
       /* Adressleiste */
       #nav-bar-customization-target {
        background: #00ffff !important;
       }
    
       /* Lesezeichenleiste */
       #PersonalToolbar {
        background: #ff00ff !important;
       }
    Alles anzeigen

    Farbwerte Deinen Vorstellungen entsprechend anpassen,
    ist z.Z. zur Veranschaulichung sehr bunt:!:

    Und für die Tabs, nimm dies hier:

    CSS
        /*  basis all tabs  */
        .tabbrowser-tab .tab-background {
          background-color: yellow !important;
          outline: none !important;
        }
        /* tabs selected base */
        .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background {
            background-color: greenyellow !important;
        }
        /* tabs multiselected */
        .tabbrowser-tab:not([visuallyselected])[multiselected] .tab-background {
            background-color: blue !important;
        }
        /* tabs multiselected hover */
        .tabbrowser-tab:not([visuallyselected]):hover .tab-background {
          background-color: lime !important;
        }
        /* tabs unselected hover */
        .tabbrowser-tab:not([visuallyselected], [multiselected]):hover .tab-background {
          background-color: red !important;
        }
    Alles anzeigen

    Auch hier wieder die Farbwerte anpassen:!:

  • Rahmen um Suchleiste - CSS zum Färben geht nicht mehr

    • Mira_Belle
    • 1. Oktober 2026 um 19:53

    2002Andreas Weil Du gerade dabei bist,
    wie kann ich hier den Button um die Lupe ansprechen?

  • Farbe von Adressleiste und Text ändern

    • Mira_Belle
    • 1. Oktober 2026 um 13:00
    CSS
      /* der kleine Pfeil */
      .searchmode-switcher-dropmarker {
        fill: white !important;
      }
  • Neuer Firefox 157 Nova - alte userChrome.css

    • Mira_Belle
    • 30. September 2026 um 21:45

    Mir ist nichts Besonderes aufgefallen.

    Habe mir aber mal erlaubt, kleine Ungereimtheiten zu korrigieren.

    CSS
    @-moz-document url-prefix(chrome://browser/content/browser.xhtml) {
    
       #TabsToolbar { -moz-box-ordinal-group: 2;
       }
    
       #nav-bar{ border-top-width: 0px !important;
       }
    
        /* Menüleiste und Tabs Farbe */
       #toolbar-menubar, #menubar-items, #main-menubar 
          {
       color: #000000 !important;
       background-color: #cccccc !important;
       } 
    
        /* Hintergrundfarbe inaktives Tab */  
       .tab-background {background: #cccccc !important;
       }
    
        /* Hintergrundfarbe aktives Tab */
       .tab-background[selected]{background-color:#ffffff !important;
       }
    
        /* Inaktiver Tab Hover Farbe Weiß */
       .tabbrowser-tab:not([visuallyselected]):hover > .tab-stack > .tab-background {
       background: #ffffff !important;      
       }
    
        /* Adressfeld und Suchfeld in weiß */
       #urlbar,
       #urlbar *,
       #searchbar,
       #searchbar *
       {
        background-color: #ffffff !important;
        color: #000000 !important;
       }
    
        /* Rahmen von Adressfeld und Suchfeld transparent */
       #urlbar-container {
        --toolbar-field-focus-border-color: transparent !important;
       }
       #search-container {
        --toolbar-field-focus-border-color: transparent !important;
       }   
    
        /* Tab-Schließen-Button weniger Abstand, etwas größer */
       #TabsToolbar .tab-close-button {
       margin-right: -2px !important;
       padding: 0 !important;
       height: 15px !important;
       width: 15px !important;
       color: #000000 !important;
       }
    
        /* Tab-Schließen-Button immer sichtbar */
       .tab-close-button {
       display: flex !important;
       }
    
        /* Anwendungsmenü Zeilenabstände */
       #appMenu-popup .subviewbutton {padding-top: 0px !important;
       }
    
        /* Kontextmenü Zeilenabstände*/
       menupopup > menuitem,
       menupopup > menu 
            {
        padding-block: 2px !important;
        padding-inline-start: 14px !important;
    	}
    
        /* Lesezeichen - Ordnericon gelb */
            .bookmark-item[container="true"] {
                list-style-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0IxNUY5NjNFRkY0MTFFN0EwMjNCOEY1NDJGNTM0MUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0IxNUY5NjRFRkY0MTFFN0EwMjNCOEY1NDJGNTM0MUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQjE1Rjk2MUVGRjQxMUU3QTAyM0I4RjU0MkY1MzQxRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQjE1Rjk2MkVGRjQxMUU3QTAyM0I4RjU0MkY1MzQxRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpiI9NIAAAHKSURBVHjalFJNaxRBEH3VXT07u2MkKgREb4GA4CUQz8EfIAS95u7JS075CQEFvebsISd/gH8gCkogHuIxEAj5IAkJuonZzUz7umZ21w0k4DA1XTP95tWr1yU/P79c6vfKRecchMEbAs8cyO5MfQohfHw8934HN1z6++R48enzN0z5h0s/Bouzgy2c7X551Qt3J7i5fBOBfFub35iZfYbyzw7E53CaQ7QD7Uzj9LiLi6NNmKwEFqkjlVNh6KqO88WGFqj6e5i8X+DBoxcEtuvPLCA+o8IWizzE/ubb13req7Cx/tX690GRvFD1yLMMGhL/d6j37E6RtQtiJpB17lFCYZU0p5TZhQ+IZTeVIBGDK8ty1Xp12rTAle7avlxi/8c72M7F3pp54HyS1jYPnBZwgcFcQmEEPu15tqPEhSdUGKDjDojJMsskDnweptFUpESGXrnxM4kjK5tHrDkt5BqOp3CN4D+v5Nc4QUxnPDhKaeTHW0lGBI2+Gi/DkRh0ExtQ/Aecnupc/eLzaTocbEhsGjk0kIqiWiRtvC4Z1RX65SFxXZsdPT08WNnd3l6OVWXDEmOFVoejnAUzqZW3bcBGfY+qX57/Wv0rwAApZm2AlTI82wAAAABJRU5ErkJggg==')
                !important;
                -moz-image-region: rect(0px 16px 16px 0px) !important; 
            }
    
    
    /*Hamburgermenü eigene Icons*/
    /* Icon Abstand + Farbe weiß/schwarz je nach Theme */
    #appMenu-multiView .subviewbutton > .toolbarbutton-icon {
        margin-inline: 0 6px !important;
        fill: currentColor;
        -moz-context-properties: fill;
        }
    
    /*Sync*/
    #appMenu-fxa-status2::before {
        margin-right: 6px !important; 
        margin-left: -5px !important;
        content: '' !important;
        display: block !important;
        width: 19px !important;
        height: 15px !important;
        background-image: url("chrome://browser/skin/fxa/avatar-empty.svg") !important;
        background-repeat: no-repeat !important;
        background-position: 0px 0px !important;
        background-size: 15px 15px !important;
        fill: currentColor;
        -moz-context-properties: fill;
        }
    
    /* Neuer Tab */
    #appMenu-new-tab-button2 {
        list-style-image: url("chrome://browser/skin/sidebar-collapsed.svg");
        }
    
    /* Neues Fenster */
    #appMenu-new-window-button2 {
        list-style-image: url("chrome://browser/skin/window.svg");
        }
    
    /* Neues privates Fenster */
    #appMenu-new-private-window-button2 {
        list-style-image: url("chrome://browser/skin/tab.svg");
        }
    
    /* Lesezeichen */
    #appMenu-bookmarks-button {
        list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
        }
    
    /* Chronik */
    #appMenu-history-button {
        list-style-image: url("chrome://browser/skin/history.svg");
        }
    
    /* Download */
    #appMenu-downloads-button {
        list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
        }
    
    /* Passwörter */
    #appMenu-passwords-button {
        list-style-image: url("chrome://browser/skin/login.svg");
        }
    
    /* Add-ons und Themes */
    #appMenu-extensions-themes-button {
        list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
        }
    
    /* Drucken */
    #appMenu-print-button2 {
        list-style-image: url("chrome://global/skin/icons/print.svg"); 
        } 
    
    /* Seite speichern unter */
    #appMenu-save-file-button2 {
        list-style-image: url("chrome://browser/skin/import.svg");
        }
        
    #appMenu-save-file-button2 image {
        transform:rotate(90deg)!important;
        }
        
    /*Seite übersetzen*/
    #appMenu-translate-button {
        list-style-image: url(chrome://browser/skin/translations.svg) !important;    
        }
    
    /*In Seite suchen*/
    #appMenu-find-button2 {
        list-style-image: url("chrome://global/skin/icons/search-glass.svg");
        }
    
    /* Zoom */
    #appMenu-zoom-controls > label {
        padding-bottom: 27px !important;
        padding-left: 22px !important;
        content: '' !important;
        display: block !important;
        width: 19px !important;
        height: 16px !important;
        background-image: url("chrome://browser/skin/fullscreen.svg") !important;
        background-repeat: no-repeat !important;
        background-position: 0px 4px !important;
        background-size: 15px 21px !important;
        fill: currentColor;
        -moz-context-properties: fill;
        }
        
    #appMenu-zoom-controls > label:hover {
        background-color: green !important;
        border-radius: 8px !important;
        }
    
    /* Vollbild */
    #appMenu-fullscreen-button2::before {
        content: "Vollbild" !important;
        color: unset !important;
        font-size: 14px !important;
        margin-right: 9px !important;
        }
    
    /* Hintergrund bei hover über Sync + Zoom */
    panelmultiview .toolbaritem-combined-buttons:hover {
        background-color: #52525e !important; /*Dark Theme*/
        /* background-color: rgba(207,207,216,.66) !important; */ /*Hell Theme*/
        border-radius: 5px !important;
        }
    
    /*Einstellungen */
    #appMenu-settings-button {
        list-style-image: url("chrome://global/skin/icons/settings.svg");
        }
    
    /*Weitere Werkzeuge */
    #appMenu-more-button2 {
        list-style-image: url(chrome://browser/skin/permissions.svg);
        }
    
    /* Hilfe */
    #appMenu-help-button2 {
        list-style-image: url("chrome://global/skin/icons/help.svg");
        }
    
    /* Beenden */
    #appMenu-quit-button2 {
        list-style-image: url("chrome://global/skin/icons/close.svg");
        }
    
    }
    Alles anzeigen

Unterstütze uns!

Jährlich (2026)

76,1 %

76,1% (589,79 von 775 EUR)

Jetzt spenden
  1. Kontakt
  2. Datenschutz
  3. Impressum
Community-Software: WoltLab Suite™
Mastodon