Anpassungen wegen Proton

FuchsFan

Zitat von 2002Andreas

Diesen Code habe ich dazu benutzt:

So hier:

Wie bekomme ich über den Filter die Farbe Greenyellow hin? Ich habe schon so viel probiert, sehe nur noch Schwarz.

milupo

FuchsFan Warum zeigst du denn nicht mal deinen Code, damit man mal herausfinden kann, wo da Fehler sind?

2002Andreas

Zitat von FuchsFan

Wie bekomme ich über den Filter die Farbe Greenyellow hin?

CSS

filter: invert(29%) sepia(195%) saturate(557%) hue-rotate(425deg) brightness(103%) contrast(103%) !important;

Du hast meinen nachträglichen Hinweis unten in Beitrag Nr. 60 gesehen?

FuchsFan

Zitat von 2002Andreas

Du hast meinen nachträglichen Hinweis unten in Beitrag Nr. 60 gesehen?

Habe ich gelesen. Dein letzter Code für den Filter funktioniert, es sind auch die Icons zu sehen.

Eine Sache dazu, auf den Bildern hier RE: Anpassungen wegen Proton ist hinter den Icons ein heller Hintergrund (originale Farbe) zu sehen, bekommst du das raus, wie die heißt?

2002Andreas

Zitat von FuchsFan

bekommst du das raus, wie die heißt?

Den grauen Hintergrund konnte ich auch nur mit dem langen Farbcode entfernen.

FuchsFan

Zitat von milupo

Warum zeigst du denn nicht mal deinen Code, damit man mal herausfinden kann, wo da Fehler sind?

Hi milupo!

Das mache ich, der Code funktioniert in allen Versionen (bis Nightly ohne Proton).

CSS

/*==================================*/
/***** POPUP und KONTEXT Menus ******/
/*==================================*/


arrowscrollbox:not(#tabbrowser-arrowscrollbox), menupopup, popup {
    appearance: none!important;
    width: 350px !important; /* vorgegebene Breite der Popup-Fenster */
    border-radius: 6px !important;
    border: 1px solid blue  !important; /* Umrandung/Farbe */
    padding: 4px 4px 4px 4px !important; /* Ausrichtung */
} 

/* Zeilen anpassen */    
menupopup > menu ,menupopup > menuitem,popup > menu ,popup > menuitem  {
    appearance: none !important;
    min-height: 25px !important; /* vorgegebene Höhe der Zeilen */
    max-height: 25px !important;
    -moz-opacity: 1.0 !important;
    border-radius: 6px !important;
    border: 1px solid #99ccff  !important; /* Umrandung/Farbe */
}

/* Hintergrund/Umrandung/Ausrichtung - aller Popup */
menupopup { 
   border: 2px solid #FF3300 !important; /* Umrandung/Farbe */
   padding: 6px 6px 6px 6px !important; /* Ausrichtung */
   background: #F5F5DC /* #F0F8FF */ !important; /* Hintergrund */
   font-size: 9pt !important; /* Schriftgröße */
   border-radius: 10px !important;
}

/* angewählte Zeilen erhalten farbigen Hintergrund (Lime) und blaue fette Schrift bei Hover */
menupopup.textbox-contextmenu :-moz-any(menu,menuitem)[_moz-menuactive="true"],
popupset > menupopup  :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]),
popupset > menupopup  menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]),
popupset >*:not(menupopup) menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item)  menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#PlacesToolbar :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#main-menubar menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#sourceeditor-context :-moz-any(menu,menuitem)[_moz-menuactive="true"] {
    appearance: none !important;
    background-color: greenyellow !important;
    font-size: 9pt !important; /* Schriftgröße bei Hover */
    font-weight: bold !important;  /* fette Schrift */
    border:1px solid red !important; /* Umrandung bei Hover */
    color: #3300ff !important;
}

/* nichtanwählbare Zeilen erhalten farbigen Hintergrund (Blue) und dunkle graue fette Schrift bei Hover */
menupopup.textbox-contextmenu :-moz-any([disabled="true"])[_moz-menuactive="true"],
popupset > menupopup  :-moz-any([disabled="true"])[_moz-menuactive="true"]:not([id^="BMB"]),
popupset > menupopup  menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"]:not([id^="BMB"]),
popupset >*:not(menupopup) menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item)  menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
#PlacesToolbar :-moz-any([disabled="true"])[_moz-menuactive="true"],
#main-menubar menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
#sourceeditor-context :-moz-any([disabled="true"])[_moz-menuactive="true"],
#lpt_site-context-menu :-moz-any([disabled="true"])[_moz-menuactive="true"] {
    background-color: #3399ff !important;
    color: #666699 !important;
    font-weight: bold !important;
} 


/********** KONTEXT-MENÜ ***************************/

/* Icon Farbe */
#context-navigation > menuitem > hbox.menu-iconic-left {
    appearance: none !important;
    color:     #3333ff ! important; /* Farbe */
    padding: 0px  4px 0px 4px !important; /* Ausrichtung */
}

/* Hintergrund hinter den Icons */
#context-navigation {
    background: /* #f3e5ab */ #99ccff    /* #ecebbd */ !important; /* Farbe */
    padding: 4px  4px 4px 4px !important; /* Ausrichtung */
    margin-bottom: 4px ! important; /* untere Anpassung */
    min-height: 40px !important; /* vorgegebene Höhe des Hintergrundes */
    max-height: 40px !important;
}

/************* SEPARATOREN *******************************/

/* Separatoren werden entfernt (Querlinien) */
.small-separator,
#organizeBookmarksSeparator,
#bookmarksToolbarSeparator,
#bookmarksMenuItemsSeparator {
    display: none !important;
}    

#contentAreaContextMenu menuseparator {
    display: none !important;
}

menupopup menuseparator {
    display: none !important;
}

/****************** MENÜBAR ********************/

/* Hovereffekt Menübar anpassen */
#main-menubar > menu[_moz-menuactive="true"],
#main-menubar > menu[_moz-menuactive="true"]:-moz-lwtheme-darktext{
    background: #00FF00 !important; /* Hintergrund */
    border: 1px solid #ff6600 !important; /* Umrandung*/
    color: red !important; /* Schriftfarbe */
}
    
#main-menubar > menu{
    padding: 0px 3px 0px 3px !important; }    

/*Höhenverschiebung Menülleiste durch Hovereffekt verhindern*/
#main-menubar {
    height: 22px !important;
    margin-left:2px!important;
}

/* Menübar-Textfarbe-Stil */
menubar > menu { 
   font-family: "helvetica"  !important;
   color: #330066 !important; /* Schriftfarbe */
   font-style: italic !important; /* Schriftstil */
   font-size: 12px !important; /* Schriftgröße */
   /* font-weight: bold !important; */ /* fette Schrift */
}

/*====================================================================================================================*/

Alles anzeigen

Zitat von 2002Andreas

Den grauen Hintergrund konnte ich auch nur mit dem langen Farbcode entfernen

Ich habe ja für Hover Greenyellow, wollte die Farbe auf das komische Grau einrichten, war schon dicht dran, aber der Unterschied war immer noch erkennbar.

2002Andreas

Teste doch bitte mal diesen geänderten Code.

Evtl. kommst du ja damit weiter.

Das Problem bei deinem Code ist, du gibst den Button eine eigene Farbe, wie ich es gesagt hatte:

CSS

/*==================================*/
/***** POPUP und KONTEXT Menus ******/
/*==================================*/


arrowscrollbox:not(#tabbrowser-arrowscrollbox), menupopup, popup {
    appearance: none!important;
    width: 350px !important; /* vorgegebene Breite der Popup-Fenster */
    border-radius: 6px !important;
    border: 1px solid blue  !important; /* Umrandung/Farbe */
    padding: 4px 4px 4px 4px !important; /* Ausrichtung */
} 

/* Zeilen anpassen */    
menupopup > menu ,menupopup > menuitem,popup > menu ,popup > menuitem  {
    appearance: none !important;
    min-height: 25px !important; /* vorgegebene Höhe der Zeilen */
    max-height: 25px !important;
    -moz-opacity: 1.0 !important;
    border-radius: 6px !important;
    border: 1px solid #99ccff  !important; /* Umrandung/Farbe */
}

/* Hintergrund/Umrandung/Ausrichtung - aller Popup */
menupopup { 
   border: 2px solid #FF3300 !important; /* Umrandung/Farbe */
   padding: 6px 6px 6px 6px !important; /* Ausrichtung */
   background: #F5F5DC /* #F0F8FF */ !important; /* Hintergrund */
   font-size: 9pt !important; /* Schriftgröße */
   border-radius: 10px !important;
}

/* angewählte Zeilen erhalten farbigen Hintergrund (Lime) und blaue fette Schrift bei Hover */
menupopup.textbox-contextmenu :-moz-any(menu,menuitem)[_moz-menuactive="true"],
popupset > menupopup  :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]),
popupset > menupopup  menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]),
popupset >*:not(menupopup) menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item)  menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#PlacesToolbar :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#main-menubar menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#sourceeditor-context :-moz-any(menu,menuitem)[_moz-menuactive="true"] {
    appearance: none !important;
    background-color: greenyellow !important;
    font-size: 9pt !important; /* Schriftgröße bei Hover */
    font-weight: bold !important;  /* fette Schrift */
    border:1px solid red !important; /* Umrandung bei Hover */
    color: #3300ff !important;
}

/* nichtanwählbare Zeilen erhalten farbigen Hintergrund (Blue) und dunkle graue fette Schrift bei Hover */
menupopup.textbox-contextmenu :-moz-any([disabled="true"])[_moz-menuactive="true"],
popupset > menupopup  :-moz-any([disabled="true"])[_moz-menuactive="true"]:not([id^="BMB"]),
popupset > menupopup  menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"]:not([id^="BMB"]),
popupset >*:not(menupopup) menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item)  menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
#PlacesToolbar :-moz-any([disabled="true"])[_moz-menuactive="true"],
#main-menubar menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
#sourceeditor-context :-moz-any([disabled="true"])[_moz-menuactive="true"],
#lpt_site-context-menu :-moz-any([disabled="true"])[_moz-menuactive="true"] {
    background-color: #3399ff !important;
    color: #666699 !important;
    font-weight: bold !important;
} 


/********** KONTEXT-MENÜ ***************************/

#context-bookmarkpage[_moz-menuactive="true"],
#context-reload[_moz-menuactive="true"],
#context-stop[_moz-menuactive="true"],
#context-to-bottom[_moz-menuactive="true"],
#context-to-top[_moz-menuactive="true"],
#context-forward[_moz-menuactive="true"],
#context-back[_moz-menuactive="true"] {
  filter: invert(29%) sepia(195%) saturate(557%) hue-rotate(425deg) brightness(103%) contrast(103%) !important; 
}



/************* SEPARATOREN *******************************/

/* Separatoren werden entfernt (Querlinien) */
.small-separator,
#organizeBookmarksSeparator,
#bookmarksToolbarSeparator,
#bookmarksMenuItemsSeparator {
    display: none !important;
}    

#contentAreaContextMenu menuseparator {
    display: none !important;
}

menupopup menuseparator {
    display: none !important;
}

/****************** MENÜBAR ********************/

/* Hovereffekt Menübar anpassen */
#main-menubar > menu[_moz-menuactive="true"],
#main-menubar > menu[_moz-menuactive="true"]:-moz-lwtheme-darktext{
    background: #00FF00 !important; /* Hintergrund */
    border: 1px solid #ff6600 !important; /* Umrandung*/
    color: red !important; /* Schriftfarbe */
}
    
#main-menubar > menu{
    padding: 0px 3px 0px 3px !important; }    

/*Höhenverschiebung Menülleiste durch Hovereffekt verhindern*/
#main-menubar {
    height: 22px !important;
    margin-left:2px!important;
}

/* Menübar-Textfarbe-Stil */
menubar > menu { 
   font-family: "helvetica"  !important;
   color: #330066 !important; /* Schriftfarbe */
   font-style: italic !important; /* Schriftstil */
   font-size: 12px !important; /* Schriftgröße */
   /* font-weight: bold !important; */ /* fette Schrift */
}

/*====================================================================================================================*/

Alles anzeigen

FuchsFan

Zitat von 2002Andreas

Das Problem bei deinem Code ist, du gibst den Button eine eigene Farbe, wie ich es gesagt hatte:

So ist es, Andreas. Das wollte ich auch wieder umsetzen, aber es will nicht funktionieren. Mit dem letzten Code sieht es dann so aus, mit dem Filter wird alles so blass aussehen, auch die Icons, und das wollte ich vermeiden. Mit dem grauen Hintergrund bei den Icons, wenn man den weg bekäme.

Ich packe erst einmal zusammen, neue Energie tanken, dann neuer Anlauf.

Danke, Andreas!

2002Andreas

Zitat von FuchsFan

dann neuer Anlauf.

Das wird in Zukunft echt fummelig mit manchen Icons und auch anderen Dingen

Evtl. findet ein anderer User ja noch die perfekte Lösung dafür..also mal abwarten

FuchsFan

Zitat von 2002Andreas

Das wird in Zukunft echt fummelig mit manchen Icons und auch anderen Dingen

Das glaube ich dir gern.

Hier noch auf die Schnelle der Code mit dem ich heute früh experimentiert habe, kannst ja mal begutachten. Für mich wäre wichtig, wie ich den blauen Button links/rechts erweitern kann, damit das Feld ausgefüllt ist.

CSS

/*==================================*/
/***** POPUP und KONTEXT Menus ******/
/*==================================*/

menupopup > menuitem,
menupopup > menu {
background-position:8px 7px!important;
    padding-left:36px!important;}

#context-stop,    
#context-bookmarkpage,
#context-reload,
#context-to-bottom,
#context-to-top,
#context-forward,
#context-back
 {
     appearance: none !important;
    background: none !important;
/* margin-right:2px!important;    
max-width: 62px !important; */
border:1px solid lime !important;
 }    
 
 #context-stop:hover,    
#context-bookmarkpage:hover,
#context-reload:hover,
#context-to-bottom:hover,
#context-to-top:hover,
#context-forward:hover,
#context-back:hover
 {
     appearance: none !important;
    background-color: #e3dac9  !important;
/* margin-right:2px!important;    
max-width: 62px !important; */
border:1px solid grey !important;
 }    

arrowscrollbox:not(#tabbrowser-arrowscrollbox), menupopup, popup {
    appearance: none!important;
    width: 350px !important; /* vorgegebene Breite der Popup-Fenster */
    border-radius: 6px !important;
    border: 1px solid blue  !important; /* Umrandung/Farbe */
    padding: 4px 4px 4px 4px !important; /* Ausrichtung */
} 

/* Zeilen anpassen */    
menupopup > menu ,menupopup > menuitem,popup > menu ,popup > menuitem  {
    appearance: none !important;
    min-height: 25px !important; /* vorgegebene Höhe der Zeilen */
    max-height: 25px !important;
    -moz-opacity: 1.0 !important;
    border-radius: 6px !important;
    border: 1px solid #99ccff  !important; /* Umrandung/Farbe */
}

/* Hintergrund/Umrandung/Ausrichtung - aller Popup */
menupopup { 
   border: 2px solid #FF3300 !important; /* Umrandung/Farbe */
   padding: 6px 6px 6px 6px !important; /* Ausrichtung */
   background: #F5F5DC /* #F0F8FF */ !important; /* Hintergrund */
   font-size: 9pt !important; /* Schriftgröße */
   border-radius: 10px !important;
}

/* angewählte Zeilen erhalten farbigen Hintergrund (Lime) und blaue fette Schrift bei Hover */
menupopup.textbox-contextmenu :-moz-any(menu,menuitem)[_moz-menuactive="true"],
popupset > menupopup  :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]),
popupset > menupopup  menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]),
popupset >*:not(menupopup) menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item)  menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#PlacesToolbar :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#main-menubar menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#sourceeditor-context :-moz-any(menu,menuitem)[_moz-menuactive="true"] {
    appearance: none !important;
    background-color: greenyellow !important;
    font-size: 9pt !important; /* Schriftgröße bei Hover */
    font-weight: bold !important;  /* fette Schrift */
    border:1px solid red !important; /* Umrandung bei Hover */
    color: #3300ff !important;
}

/* nichtanwählbare Zeilen erhalten farbigen Hintergrund (Blue) und dunkle graue fette Schrift bei Hover */
menupopup.textbox-contextmenu :-moz-any([disabled="true"])[_moz-menuactive="true"],
popupset > menupopup  :-moz-any([disabled="true"])[_moz-menuactive="true"]:not([id^="BMB"]),
popupset > menupopup  menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"]:not([id^="BMB"]),
popupset >*:not(menupopup) menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item)  menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
#PlacesToolbar :-moz-any([disabled="true"])[_moz-menuactive="true"],
#main-menubar menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
#sourceeditor-context :-moz-any([disabled="true"])[_moz-menuactive="true"],
#lpt_site-context-menu :-moz-any([disabled="true"])[_moz-menuactive="true"] {
    background-color: #3399ff !important;
    color: #666699 !important;
    font-weight: bold !important;
} 


/********** KONTEXT-MENÜ ***************************/





/************* SEPARATOREN *******************************/

/* Separatoren werden entfernt (Querlinien) */
.small-separator,
#organizeBookmarksSeparator,
#bookmarksToolbarSeparator,
#bookmarksMenuItemsSeparator {
    display: none !important;
}    

#contentAreaContextMenu menuseparator {
    display: none !important;
}

menupopup menuseparator {
    display: none !important;
}

/****************** MENÜBAR ********************/

/* Hovereffekt Menübar anpassen */
#main-menubar > menu[_moz-menuactive="true"],
#main-menubar > menu[_moz-menuactive="true"]:-moz-lwtheme-darktext{
    background: #00FF00 !important; /* Hintergrund */
    border: 1px solid #ff6600 !important; /* Umrandung*/
    color: red !important; /* Schriftfarbe */
}
    
#main-menubar > menu{
    padding: 0px 3px 0px 3px !important; }    

/*Höhenverschiebung Menülleiste durch Hovereffekt verhindern*/
#main-menubar {
    height: 22px !important;
    margin-left:2px!important;
}

/* Menübar-Textfarbe-Stil */
menubar > menu { 
   font-family: "helvetica"  !important;
   color: #330066 !important; /* Schriftfarbe */
   font-style: italic !important; /* Schriftstil */
   font-size: 12px !important; /* Schriftgröße */
   /* font-weight: bold !important; */ /* fette Schrift */
}

/*====================================================================================================================*/

Alles anzeigen

2002Andreas

Zitat von FuchsFan

kannst ja mal begutachten.

Wie schon gesagt, wenn die Icons eine eigene Farbe bekommen gibt es Probleme.

Und ohne Farbe sind sie blass.

CSS

#context-bookmarkpage[_moz-menuactive="true"],
#context-reload[_moz-menuactive="true"],
#context-stop[_moz-menuactive="true"],
#context-to-bottom[_moz-menuactive="true"],
#context-to-top[_moz-menuactive="true"],
#context-forward[_moz-menuactive="true"],
#context-back[_moz-menuactive="true"] {
filter: invert(29%) sepia(195%) saturate(557%) hue-rotate(425deg) brightness(103%) contrast(103%) !important;
}




/*==================================*/
/***** POPUP und KONTEXT Menus ******/
/*==================================*/

menupopup > menuitem,
menupopup > menu {
background-position:8px 7px!important;
    padding-left:36px!important;}

#context-stop,    
#context-bookmarkpage,
#context-reload,
#context-to-bottom,
#context-to-top,
#context-forward,
#context-back
 {
     appearance: none !important;
    background-color:  none !important;
/* margin-right:2px!important;    
max-width: 62px !important; */
border:1px solid lime !important;
 }    
 
 #context-stop:hover,    
#context-bookmarkpage:hover,
#context-reload:hover,
#context-to-bottom:hover,
#context-to-top:hover,
#context-forward:hover,
#context-back:hover
 {
     appearance: none !important;
    background-color: #e3dac9  !important;
/* margin-right:2px!important;    
max-width: 62px !important; */
border:1px solid grey !important;
 }    

arrowscrollbox:not(#tabbrowser-arrowscrollbox), menupopup, popup {
    appearance: none!important;
    width: 350px !important; /* vorgegebene Breite der Popup-Fenster */
    border-radius: 6px !important;
    border: 1px solid blue  !important; /* Umrandung/Farbe */
    padding: 4px 4px 4px 4px !important; /* Ausrichtung */
} 

/* Zeilen anpassen */    
menupopup > menu ,menupopup > menuitem,popup > menu ,popup > menuitem  {
    appearance: none !important;
    min-height: 25px !important; /* vorgegebene Höhe der Zeilen */
    max-height: 25px !important;
    -moz-opacity: 1.0 !important;
    border-radius: 6px !important;
    border: 1px solid #99ccff  !important; /* Umrandung/Farbe */
}

/* Hintergrund/Umrandung/Ausrichtung - aller Popup */
menupopup { 
   border: 2px solid #FF3300 !important; /* Umrandung/Farbe */
   padding: 6px 6px 6px 6px !important; /* Ausrichtung */
   background: #F5F5DC /* #F0F8FF */ !important; /* Hintergrund */
   font-size: 9pt !important; /* Schriftgröße */
   border-radius: 10px !important;
}

/* angewählte Zeilen erhalten farbigen Hintergrund (Lime) und blaue fette Schrift bei Hover */
menupopup.textbox-contextmenu :-moz-any(menu,menuitem)[_moz-menuactive="true"],
popupset > menupopup  :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]),
popupset > menupopup  menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"]:not([id^="BMB"]),
popupset >*:not(menupopup) menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item)  menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#PlacesToolbar :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#main-menubar menupopup :-moz-any(menu,menuitem)[_moz-menuactive="true"],
#sourceeditor-context :-moz-any(menu,menuitem)[_moz-menuactive="true"] {
    appearance: none !important;
    background-color: greenyellow !important;
    font-size: 9pt !important; /* Schriftgröße bei Hover */
    font-weight: bold !important;  /* fette Schrift */
    border:1px solid red !important; /* Umrandung bei Hover */
    color: #3300ff !important;
}

/* nichtanwählbare Zeilen erhalten farbigen Hintergrund (Blue) und dunkle graue fette Schrift bei Hover */
menupopup.textbox-contextmenu :-moz-any([disabled="true"])[_moz-menuactive="true"],
popupset > menupopup  :-moz-any([disabled="true"])[_moz-menuactive="true"]:not([id^="BMB"]),
popupset > menupopup  menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"]:not([id^="BMB"]),
popupset >*:not(menupopup) menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
toolbarbutton:not(#bookmarks-menu-button):not(#alltabs-button):not(.bookmark-item)  menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
#PlacesToolbar :-moz-any([disabled="true"])[_moz-menuactive="true"],
#main-menubar menupopup :-moz-any([disabled="true"])[_moz-menuactive="true"],
#sourceeditor-context :-moz-any([disabled="true"])[_moz-menuactive="true"],
#lpt_site-context-menu :-moz-any([disabled="true"])[_moz-menuactive="true"] {
    
    color: #666699 !important;
    font-weight: bold !important;
} 


/********** KONTEXT-MENÜ ***************************/





/************* SEPARATOREN *******************************/

/* Separatoren werden entfernt (Querlinien) */
.small-separator,
#organizeBookmarksSeparator,
#bookmarksToolbarSeparator,
#bookmarksMenuItemsSeparator {
    display: none !important;
}    

#contentAreaContextMenu menuseparator {
    display: none !important;
}

menupopup menuseparator {
    display: none !important;
}

/****************** MENÜBAR ********************/

/* Hovereffekt Menübar anpassen */
#main-menubar > menu[_moz-menuactive="true"],
#main-menubar > menu[_moz-menuactive="true"]:-moz-lwtheme-darktext{
    background: #00FF00 !important; /* Hintergrund */
    border: 1px solid #ff6600 !important; /* Umrandung*/
    color: red !important; /* Schriftfarbe */
}
    
#main-menubar > menu{
    padding: 0px 3px 0px 3px !important; }    

/*Höhenverschiebung Menülleiste durch Hovereffekt verhindern*/
#main-menubar {
    height: 22px !important;
    margin-left:2px!important;
}

/* Menübar-Textfarbe-Stil */
menubar > menu { 
   font-family: "helvetica"  !important;
   color: #330066 !important; /* Schriftfarbe */
   font-style: italic !important; /* Schriftstil */
   font-size: 12px !important; /* Schriftgröße */
   /* font-weight: bold !important; */ /* fette Schrift */
}

/*====================================================================================================================*/

Alles anzeigen

grisu2099

Ihr habt da bei den äußeren Buttons eine andere Breite als bei den mittleren.

Das habe ich mit folgenden Code weggekriegt:

CSS

#context-navigation:not([hidden]) {
    padding: 0 !important;
    }
#context-navigation > .menuitem-iconic {
    flex: 0 1 auto !important;
    }
#context-navigation > .menuitem-iconic:first-child {
    -moz-box-pack: end !important;
    }
#context-navigation > .menuitem-iconic:last-child {
    -moz-box-pack: start !important;
    }

Alles anzeigen

2002Andreas

Zitat von grisu2099

bei den äußeren Buttons eine andere Breite als bei den mittleren.

Nur mal auf die Schnelle getestet.

milupo

Es will vielleicht nichts bedeuten, aber in Zeile 62 sind die Kommas doch etwas eigenartig gesetzt. In Zeile 66: Warum -moz-opacity? Firefox sollte opacity verstehen. Ebenso sollte :-moz-any durch :is ersetzt werden. Irgendwann fällt :-moz-any weg.

milupo

2002Andreas Mal noch zu Zeile 102: Seit Fx 84 ist es möglich, komplexes :not zu verwenden, das heißt, :not kann mehrere Parameter haben. Man muss dann nicht mehr mehrere :not hintereinander schreiben. Es müsste in Zeile 102 auch :not(#bookmarks-menu-button, #alltabs-button, .bookmark-item) funktionieren.

https://developer.mozilla.org/en-US/docs/Moz…fox/Releases/84

2002Andreas

Zitat von milupo

Mal noch zu Zeile 102

Danke für den Hinweis

Ich habe mir den Code nicht genauer angesehen.

Es ging mir nur um die Funktion bei hover anzupassen.

milupo

Zitat von 2002Andreas

Danke für den Hinweis
Ich habe mir den Code nicht genauer angesehen.

Gern geschehen. War ja auch für die Zukunft gedacht. Altlasten zu beseitigen, wird ein Weilchen dauern und das auch noch, wo jetzt Proton ins Haus steht.

2002Andreas

Zitat von milupo

wo jetzt Proton ins Haus steht.

Ja, furchbar.

Ewig diese vielen Änderungen am Fx.

Erst neulich den ganzen Umstand mit Quantum, jetzt schon wieder Proton.

Man kommt kaum noch dazu, den Fx mal ganz normal nur zum surfen zu verwenden.

grisu2099

So sieht das bei mir aus, wenn ich den genannten Code deaktiviere:

Der Bookmark-Button ist gar nicht sichtbar, sondern erscheint erst, wenn ich mit der Maus weit genug nach rechts gehe. Dann verschiebt das ganze Kontext-Menü nach links...

Mit dem Code keine Probleme...

P.S.: Das Ganze bei aktivierten Proton-Einstellungen...

2002Andreas

Zitat von grisu2099

Mit dem Code keine Probleme

Ich denke mal, das muss jeder exakt an seine genutzten Codes anpassen.

Könnte ja auch sein, dass ein anderer Code dazwischen funkt.