Beiträge von Mira_Belle

Mira_Belle

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.

Mira_Belle

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.

Mira_Belle

CSS

.searchmode-switcher-title {
	color: white !important;
}

Bitte testen.

Mira_Belle

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.

Mira_Belle

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

Mira_Belle

2002Andreas

Suuuuper!

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.

Mira_Belle

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.

Mira_Belle

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

Mira_Belle

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

Mira_Belle

CSS

  /* der kleine Pfeil */
  .searchmode-switcher-dropmarker {
    fill: white !important;
  }

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

Beiträge von Mira_Belle

Nova Anpassungen

Nova Anpassungen

Farbe von Adressleiste und Text ändern

Nova Anpassungen

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

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

Neuer Firefox 157 Nova - alte userChrome.css

Neuer Firefox 157 Nova - alte userChrome.css

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

Farbe von Adressleiste und Text ändern

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