Beiträge von Mira_Belle

Mira_Belle

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

Mira_Belle

Zitat von Maurizio

Hm, irgendwas mach ich falsch mit den Klammern.

Nimm den fertigen Code von Sören!
Mach einfach aus den "12px" eine "0".

Mira_Belle

Zitat von .DeJaVu

CSS

@media -moz-pref("browser.nova.enabled") {
  #tabbrowser-tabpanels > :not(.split-view-panel) .browserContainer {
    border-block-start: 0 !important; /* <-- */
  }
}
}

Bekomme ich Dich irgendwann mal zwischen die Finger dann
Wie halt von Sören Hentzschel empfohlen ohne @media -moz-pref("browser.nova.enabled").

Mira_Belle

Zitat von 2002Andreas

welches Theme nutzt du denn, bzw. womit hast du den Hintergrund schwarz gemacht?

Nutzen tu ich https://addons.mozilla.org/de/firefox/add…range-and-blue/

Damit man es besser erkennen kann, habe ich das

Black by MaDonna – Holen Sie sich dieses Theme für 🦊 Firefox (de)

Laden Sie Black by MaDonna für Firefox herunter. 🦊 Designed by MaDonna🦊

addons.mozilla.org

genommen.

Aber es gibt noch viele weitere Themes, wo ich diese Linie habe.

Interessant ist, dass bei diesem Theme die feine Linie schwarz ist!

Stock Dark (no purple tint) – Holen Sie sich dieses Theme für 🦊 Firefox (de)

Laden Sie Stock Dark (no purple tint) für Firefox herunter. Classic dark firefox theme without purplish accent. Based on old Thunderbird.

addons.mozilla.org

Summa Summarum, bei fast allen Themes habe ich so eine feine Linie.
Bei nahezu allen dunklen Themes ist diese feine Linie weis.
Bei hellen Themes eher schwarz.
Es gibt auch Themes, da ist die feine Linie eher grau.

Nutze ich aber so ein neues Design, wie z.B. "Asche", NUR bei "Asche" ist diese Linie nicht vorhanden!
Bei "Dunkel" habe ich eine feine dunkle Linie, bei "Hell" entsprechend eine feine helle Linie.

Mira_Belle

Weder in der userChrome.css noch in der userContent.css haben was bewirkt.

Schade.

Mira_Belle

Wie man unschwer erkennen kann habe ich zwischen Fensterinhalt und "#navigator-toolbox" eine feine weise Linie.
Egal was ich auch bisher versucht habe, ich bekomme sie einfach nicht weg!

Kann mir dabei bitte jemand helfen?

Mira_Belle

sansnom Grundsätzlich ja!
Aber mach dafür bitte ein neues Thema auf.

Mira_Belle

Zitat von V_B

Bis jetzt sind alle meine Scripte (die ich netterweise von hier habe) NUR in der userChrome.css abgelegt.

Habe ich übersprungen!
Deine Scripte hast Du bisher in einem Ordner abgelegt! Wahrscheinlich direkt in Chrome.
Die userChrome.css und die userContent.css sind zwei Dateien,
die ebenfalls sich im Ordner Chrome befinden.

Mira_Belle

V_B Weil auch in der Benutzeroberfläche die Farben genutzt werden, z.B. in den Menüs!
Aber für die Seiten about: ... muss der Code eben in die userContent.css !
Im Übrigen gilt das auch für das CSS der Radien!

Mira_Belle

Zitat von uwe51

Wo soll das zu finden sein in

Nirgends!
Das ist das Grau, das helle Grau was Du suchst!
Also anstatt background: lightgrey; einfach background: #f8f8fa !important;

CSS

#nav-bar {
    background: #f8f8fa !important;
}

Mira_Belle

Für Anpassungen der Oberfläche ist die userChrome.css gedacht.
Für diverse Seiten die userContent.css

Alle about: .... sind zwar intern, aber es sind Seiten.

Mira_Belle

#f8f8fa

Mira_Belle

Überall wo irgendwelche Farben eingetragen sind, die Du einfach nicht haben willst,
trage doch einfach anstatt einer Farbe einfach "transparent" ein!

Und da wo Du dieses schöne blau (#0078D7) haben möchtest eben diesen Wert!
Die entsprechenden Zeilen (Selektoren) wurden Dir ja schon genannt!

Mira_Belle

Erste Zeile!
--color-accent-primary: red !important; Ändere die Farbe in eine Deiner Wahl.

Vierte Zeile!
--button-background-color-ghost-hover: lime !important; Ändere die Farbe in eine Deiner Wahl.

Mira_Belle

Ich war etwas voreilig!
Aber dennoch hast Du mich auf eine Idee gebracht!

CSS

	:root {
		--color-accent-primary: red !important;
		--button-background-color-primary-hover: yellow !important;
		--button-background-color-primary-active: orange !important;
		--button-background-color-ghost-hover: lime !important;
		--button-background-color-ghost-active: cyan !important;
		--button-background-color-hover: DeepSkyBlue !important;
		--button-background-color-active: cyan !important;
		--button-text-color-ghost-hover: magenta !important;
		--button-text-color-ghost-active: cyan !important;
	}

Alles anzeigen

Einer von den "cyan" ist der von mir gesuchte!

Mira_Belle

Zitat von 2002Andreas

Stimmt
--button-background-color-primary-active: orange !important;

oder auch einfach: Danke

Mira_Belle

Mir fehlt da dann noch die Angabe für "Aktiv"!
Also wenn die Schaltfläche oder der Button gedrückt wird.

Zitat von 2002Andreas

Teste bitte in der userContent.css
....

Mira_Belle

Firefox_94.0.1 Da schau bitte nach.

Beitrag

Border-radien in NOVA global ändern

Als Vorbereitung auf die kommende Woche mit dem Update auf 157 stable:

Nicht jeder mag die großen Radien des neuen Designs. Diese kurze 'Variablen-Lösung' kann die meisten Radien anpassen (sofern die entsprechenden border-radien der Id's und classes nicht manuell geändert wurden).

(Quelltext, 35 Zeilen)

Mitleser

26. September 2026 um 09:15

Mira_Belle

Nur ein Versuch!
Einstellungen/Erscheinungsbild/Dichte des Fensters
Da dann "Kompakt" aktivieren.

Mira_Belle

Merci chao Thank you.

Beiträge von Mira_Belle

Neuer Firefox 157 Nova - alte userChrome.css

Weiße feine Linie nach Nova

Weiße feine Linie nach Nova

Weiße feine Linie nach Nova

Weiße feine Linie nach Nova

Weiße feine Linie nach Nova

Nova Anpassungen

Farbe Violett in Version 157 tauschen

Farbe Violett in Version 157 tauschen

Nova Anpassungen

Farbe Violett in Version 157 tauschen

Nova Anpassungen

Farbe Violett in Version 157 tauschen

Farbe Violett in Version 157 tauschen

Farbe Violett in Version 157 tauschen

Farbe Violett in Version 157 tauschen

Farbe Violett in Version 157 tauschen

FF Nova Radius per background-radius ändern funktioniert nicht mehr?

Border-radien in NOVA global ändern

Schmalerer Zeilenabstand im Urlbar-Dropdown?!

Multi Tab Rows (MultiTabRows@Merci.chao.uc.js) | Mehrzeilige Tableiste