Hintergrundfarbe der Menüpunkte Chronik/Lesezeichen anpassen

scorpie

N'abend

ich hab hier nen kleinen Code

CSS

/*Hintergrund/Schriftfarbe ändern */
menubar, menupopup > * {
  color: #ff9603 !important;
  background-color: #252526 !important;
}

welcher mir die Hintergrund und Textfarbe der Menüpunkte (Datei, Bearbeiten usw und auch das Popupmenü wenn man einen Rechtsklick auf ein Lesezeichen macht) erfolgreich geändert hat. Leider wird der Hintergrund der Menüpunkte Lesezeichen und Chronik nicht geändert. Ich denk mal ein Bild zeigts besser.

Kann mir da wer helfen? Vllt ist der Code ja auch nicht ganz Ff 70 kompatibel

DNKE

AngelOfDarkness

Hi scorpie

ich nutze folgendes CSS dafür:

CSS

.popup-internal-box,
menupopup,
popup{
-moz-appearance: none!important;
border:none!important;
    } 


menupopup > menu ,
menupopup > menuitem,popup > menu ,
popup > menuitem  {
-moz-appearance: none!important;
/* font-weight: bold !important; */
color: #ff00ff !important;
background-color: #252526 !important;
border:none !important;
    }


.popup-internal-box * {
background-color: #ff00ff !important; 
    }

menupopup > * {font-size: 11pt !important;
border-top: 0px solid #ff00ff !important;
border-left: 0px solid #ff00ff !important;
border-right: 0px solid #ff00ff !important;
border-bottom: 0px solid #ff00ff !important;
   }
   
 #context-navigation {
   color: #00ff00 !important;
   background-color: #ff00ff !important;
   }

Alles anzeigen

scorpie

Danke

Klappt fast nur ned so ganz

CSS

/*Hintergrund/Schriftfarbe ändern */
menubar > * {
  color: #ff9603 !important;
  background-color: #252526 !important;
}

meinen musste ich leicht abändern, damit die Menüpunkte selber farblich bleiben.

Mit deinem sind jetzt auch Chronik und Lesezeichen in der gewünschten Farbe, aber leider hab ich jetzt ziemlich dicke weisse Trennlinien und mit Hover über nen Punkt ändert sich leider die Hervorhebung nicht mehr, besser gesagt sie ist nicht mehr vorhanden.

Deinen hab ich so geändert, eigentlich nur die Farben getauscht. Hab ich was übersehen?

CSS

.popup-internal-box,
menupopup,
popup{
-moz-appearance: none!important;
border:none!important;
    } 
menupopup > menu ,
menupopup > menuitem,popup > menu ,
popup > menuitem  {
-moz-appearance: none!important;
/* font-weight: bold !important; */
color: #ff9603 !important;
background-color: #252526 !important;
border:none !important;
    }
.popup-internal-box * {
background-color: ##ff9603 !important; 
    }
menupopup > * {font-size: 11pt !important;
border-top: 0px solid ##ff9603 !important;
border-left: 0px solid ##ff9603 !important;
border-right: 0px solid ##ff9603 !important;
border-bottom: 0px solid ##ff9603 !important;
   }
   
 #context-navigation {
   color: #ff9603 !important;
   background-color: #252526 !important;
   }

Alles anzeigen

AngelOfDarkness

scorpie

die weissen Linien habe ich auch. Also alles soweit richtig. Die Linien habe ich noch nicht angepasst und mich inzwischen damit angefreundet. Ich nutze den Desktop Firefox eh kaum noch. Nutze eh mehr Firefox Preview unter Android

Aber evtl. wird die (und mir) da ein anderer dann helfen können

FuchsFan

Hallo!

Ich habe in dem Code den folgenden Block so angepasst ( Test im Nightly):

CSS

menupopup > * {font-size: 12pt !important;
border-top: none !important;
border-left: 3px solid red !important;
border-right: 3px solid red !important;
border-bottom: 1px solid green !important;
   }

Damit habe ich dann nur die eine Linie in Green. Probiert mal, eventuell sagt es euch zu. Farben müsst ihr auch anpassen. Und danke für den Code.

Grüße

FuchsFan

scorpie

FuchsFan

leider nein immer noch ne dicke weisse Linie und keine Hervorhebung

FuchsFan

Sieht bei mir so aus:

Den Code habe ich farbmäßig dann so verändert:

CSS

.popup-internal-box,
menupopup,
popup{
-moz-appearance: none!important;
border:none!important;

    } 


menupopup > menu ,
menupopup > menuitem,popup > menu ,
popup > menuitem  {
-moz-appearance: none!important;
/*font-weight: bold !important; */
color: black !important;
background-color: #F5F5DC !important;

    }


.popup-internal-box * {
background-color: #F5F5DC !important; 
    }

menupopup > * {font-size: 12pt !important;
border-top: none !important;
border-left: 3px solid red !important;
border-right: 3px solid red !important;
border-bottom: 1px solid green !important;
   }
   
 #context-navigation {
   color: #00ff00 !important;
   background-color: #F5F5DC !important;
   }

Alles anzeigen

scorpie

Hier so, alle scripte deaktiviert, nur dieses und auch ein standart theme eingestellt

so nochmal deinen kompletten code genommen, jetzt hab ich deine Farben , aber leider passt das hervorheben immer noch nicht

FuchsFan

So, nun habe ich den Code noch mal in v.70 probiert, genau das gleiche Erscheinungsbild wie oben zu sehen. Kannst Du als Hintergrund nicht auch eine hellere Farbe verwenden, dann werden die Linien evtl. abgeglichen.

Für den Hoover-Effect verwende ich noch einen extra Code (im Bild Lime).

CSS

/**************** Hover-Farbe der Menüleisteneinträge ändern **************/

#main-menubar > menu:hover {
    background: lime !important;
    }

Grüße

FuchsFan

BrokenHeart

Teste das hier bitte mal:

CSS

.popup-internal-box, menupopup, hboxpopup{
    -moz-appearance: none!important;
    border:none!important;
    background-color: #252526 !important;
    } 

menupopup > menu:not([disabled="true"]), 
menupopup > menuitem:not([disabled="true"]),
popup > menu:not([disabled="true"]) , 
descriptionpopup > menuitem:not([disabled="true"])   {
    color: #ff9603 !important;
}

menupopup > menu:hover:not([disabled="true"]),
menupopup > menuitem:hover:not([disabled="true"]), 
popup > menu:hover:not([disabled="true"]),
descriptionpopup > menuitem:hover:not([disabled="true"])   {
    color: #ffffff !important;
}

Alles anzeigen

scorpie

FuchsFan

deiner war mit rumprobieren der Farben sehr nahe dran, hatte dann auch dünne Trennlinien. Vielen Dank

BrokenHeart

Das isses, für den Hover Effekt der Menüpunkte (Datei usw) selber hab ich das von Fuchsfan genommen. Leider bleibt da durch meinen Codeschipsel die Textfarbe immer orange und ändert sich nicht beim drüberfahren.

99% erfüllt, Rest wär gut is aber kein muss. Ginge die Schrift de Menüpunkte noch in weiss so wie bei den Lesezeichen. Dann wären es 100%

CSS

/*Hintergrund/Schriftfarbe ändern */
menubar > * {
  color: #ff9603 !important;
  background-color: #252526 !important;
}

.popup-internal-box, menupopup, hboxpopup{
    -moz-appearance: none!important;
    border:none!important;
    background-color: #252526 !important;
    } 
menupopup > menu:not([disabled="true"]), 
menupopup > menuitem:not([disabled="true"]),
popup > menu:not([disabled="true"]) , 
descriptionpopup > menuitem:not([disabled="true"])   {
    color: #ff9603 !important;
}
menupopup > menu:hover:not([disabled="true"]),
menupopup > menuitem:hover:not([disabled="true"]), 
popup > menu:hover:not([disabled="true"]),
descriptionpopup > menuitem:hover:not([disabled="true"])   {
    color: #ffffff !important;
}

   /**************** Hover-Farbe der Menüleisteneinträge ändern **************/
#main-menubar > menu:hover {
    background: #A0A0A0 !important;
    }

Alles anzeigen

So siehts aus

Vielen Dank an alle

Frank

2002Andreas

Zitat von scorpie

ziemlich dicke weisse Trennlinien

Das sind alles Seperatoren.

Damit werden sie pauschal entfernt:

CSS

#contentAreaContextMenu menuseparator {
       display: none !important;
}

menupopup menuseparator {
      display: none !important;
}

Und das sind die Originalbezeichnungen der einzelnen Seperatoren im Lesezeichenpopup:

CSS

.small-separator,
#organizeBookmarksSeparator,
#bookmarksToolbarSeparator,
#bookmarksMenuItemsSeparator {
    display: none !important;
}

FuchsFan

Danke, Andreas, wieder was gelernt. Nun habe ich den letzten Block im Nightly mit eingefügt, die Linien sind alle weg. Auf deinem Bild sind aber immer noch die green-Linien zu sehen. Wie dieses?

Grüße

FuchsFan

scorpie

2002Andreas

Och entfernen möcht ich die ja gar nicht, für die Übersicht sind sie ja nützlich. in orange wären die toll, aber dann halt für alle und nicht nur bei den Lesezeichen

2002Andreas

Zitat von FuchsFan

Wie dieses?

Ich habe einfach den Code aus Beitrag Nr. 3 wohl verwendet.

Mir ging es nur darum, diese Seperatoren auszublenden, und den Screenshot dann zu erstellen.

Den Hintergrund und die Schriftfarbe hatte ich auch verändert, damit es besser zu erkennen ist.

2002Andreas

Zitat von scorpie

in orange wären die toll,

Die Werte musst du dir anpassen:

CSS

menupopup menuseparator {
       -moz-appearance: none !important;
       border: 1px solid orange !important;
       padding: 1px !important;
       min-height: .9px !important;
       max-height: .9px !important;
}

BrokenHeart

Zitat von scorpie

99% erfüllt, Rest wär gut is aber kein muss. Ginge die Schrift de Menüpunkte noch in weiss so wie bei den Lesezeichen. Dann wären es 100%

Das sollte reichen:

CSS

#main-menubar > menu:hover
{
   color: #ffffff !important;
}

FuchsFan

Zitat von 2002Andreas

einfach den Code aus Beitrag Nr. 3 wohl verwendet

Danke, Andreas, jetzt hat's gefunkt.

2002Andreas

Zitat von FuchsFan

jetzt hat's gefunkt.

scorpie

Danke Andreas, BrokenHeart und FuchsFan und natürlich auch AngelOfDarkness - Wünsche 100%tig erfüllt

scorpie 14. November 2019 um 20:32