userChrome - czy można zmienić wygląd różnych menu na raz

[Anatol]

Są z grubsza dwa rodzaje menu :
pull-down - np. w pasku narzędzi menu Plik - wybrane rozwija się do dołu
pop-up - np. prawy klawisz myszy na odnośniku strony otwiera menu kontekstowe
W Firefoxie oba rodzaje menu wyglądają jednakowo i dziedziczą wygląd z systemu operacyjnego, zatem prawdopodobnie ich wygląd jest zdefiniowany w jednym miejscu (np. przy pomocy klas).
Zatem czy istnieje sposób zmiany wyglądu tych menu wszystkich na raz, bez używania #id dla każdego menu z osobna.
Konkretnie to chcę zmienić kolor tła menu (wszystkich jednakowo), a pozycje w menu wyróżnić własnymi tłami, zmieniającymi się gdy kursor nad nie najedzie (hover).
Dodam, że szukałem rozwiązania (na tym forum i w internecie), ale zawsze to były rozwiązania dla konkretnych menu.

[krystian3w]

Na pewno się da, przecież to tak jakby divy na stronach WWW.

Mógłbym popróbować, nawet znam metodę na niezamykanie się tych większości menu i ich opcje debugowania.

[Anatol]

Serdeczne dzięki, bo już naprawdę nie wiem gdzie dalej szukać.
Chcę zrobić sobie kompletną (w miarę kompletną) skórkę do Firefoxa, bo bardzo nie podoba mi się styl Chrome, a panoszy się wszędzie.

[Anatol]

Szczęśliwy traf - szukałem czegoś innego, a znalazłem kod dla popupów. Działa w zasadzie OK, ale ma też parę niedoróbek.
Poniżej kod:

/* --- Popup Menus --- https://www.reddit.com/r/FirefoxCSS/com ... chormecss/ */

menupopup, popup,
popup > menu > menupopup,
menupopup > menu > menupopup {
-moz-appearance: none !important;
color: #1f0202 !important;
border: 1px solid #70855d !important;
background-color:#70855d !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
margin :1px !important;
}

menupopup menuseparator {
-moz-appearance: none !important;
background-color: #78b38e !important;
margin: 2px 0px 2px 0px !important;
padding-top: 5 !important;
padding-bottom: 5 !important;
border-color: transparent !important;
}

menupopup menu, menuitem{
-moz-appearance: none !important;
color: #1f0202 !important;
border: 1px solid #70855d !important;
border-radius: 20px !important;
background-color: #78b38e !important;
padding: 3px !important;
margin-top :1px !important;
margin-bottom :1px !important;
margin-right :7px !important;
margin-left :7px !important;
}

menupopup menu:hover, menuitem:hover {
-moz-appearance: none !important;
color: #1f0202 !important;
border: 1px solid #70855d !important;
border-radius: 20px !important;
background-color: #a6debb !important;
padding: 3px !important;
margin-top :1px !important;
margin-bottom :1px !important;
margin-right :7px !important;
margin-left :7px !important;
}

Jak na razie wykryłem trzy niedoróbki:
1. Opcje nieaktywne oryginalnie są szare - po zmianie koloru tekstu wszystkie są jednakowe, czyli co zrobić by nadać np. szary kolor napisowi nieaktywnej opcji.
2. Niektóre opcje nie mają zmienionego tła, np. w menu Plik opcja "Pracuj w trybie ofline" nie ma zmienionego tła, a najechanie kursorem podświetla na kolor systemowy.
3. Nie działa ustawienie padding-top i padding-bottom dla całego menu, jakkolwiek marginesy lewy i prawy daje się ustawić.

[krystian3w]

Kod: Zaznacz cały

menuitem[disabled="true"]

taki selektor dopisać do CSS z szarym kolorem.

Kod: Zaznacz cały

menu[disabled="true"], menuitem[disabled="true"], menu[_moz-menuactive="true"][disabled="true"], menuitem[_moz-menuactive="true"][disabled="true"] {
    color: GrayText !important;
    text-shadow: none !important;
}

Domyślny CSS z Firefox 63 na wygaszanie pół, z dodanym wymuszeniem, możesz spróbować ograniczyć do opisywanego 1 selektora, reszta chyba dużo rzadsza pewnie.

Niektóre opcje nie mają zmienionego tła, np. w menu Plik opcja "Pracuj w trybie ofline" nie ma zmienionego tła, a najechanie kursorem podświetla na kolor systemowy.

Jak namierzę to spróbuje pomóc.

Nie działa ustawienie padding-top i padding-bottom dla całego menu, jakkolwiek marginesy lewy i prawy daje się ustawić.

Dziwadło pewnie jakieś cechy co nie została zresetowana i trzeba spróbować może margin-top / margin-bottom.

[Anatol]

Dzięki krystian3w.
Twój kod załatwił sprawę szarego koloru nieaktywnych opcji.