Menüs dunkel machen?

madmax25

Bei der Einrichtung eines MX-Linux 19.4 KDE mit dem FF-89.0.2 habe ich MX auf das Breeze-Dunkel-Theme gestellt und Firefox läuft auch im Dark-Theme. Leider scheint das die Menüs und die Kontext-Menüs nicht zu interessieren, denn die sind immer noch schwarz auf weiß.

Kann man das in der userChrome.css (oder userContent.css?) korrigieren? Falls ja, wie bitte?

Ich habe es bereits mit folgendem Code von hier versucht, woraufhin die Menüs zwar durchaus dunkel wurden, aber damit rückten leider auch die Menüs in der Menü-Leiste zu eng zusammen.

CSS

menupopup {
    -moz-appearance: none !important;
    background-color: #3c3c3f !important;
    border: 1px solid #333 !important;
    margin: -1px 0 0 0 !important;
}
menuseparator {
    -moz-appearance: none !important;
    max-height: 1px !important;
    border: none !important;
    padding: 0.5px 0 !important;
    margin: 0 10px !important;
    background-color: #2f2f2f !important;
}
menuitem, menu {
    -moz-appearance: none !important;
    color: white !important;
    padding: 0 0 2px 0 !important;
    min-height: 25px !important;
}
menugroup {
    padding: 0 !important;
    background-color: transparent !important;
}
.menu-right {
    -moz-appearance: none !important;
    padding: 7px !important;
    margin-right: 6px !important;
    color: white !important;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(-45deg) scale(.35);
}

Alles anzeigen

Was muss ich bitte tun, um dunkle Menüs zu bekommen, ohne das die Menüs in der Menü-Leiste zusammenrücken?

milupo

Zitat von madmax25

Leider scheint das die Menüs und die Kontext-Menüs nicht zu interessieren, denn die sind immer noch schwarz auf weiß.

Nein, bei mir sind die Menüs unter Verwendung des Dark Themes von Firefox weiß auf schwarz. Allerdings verwende ich Windows. Vielleicht hast du schon die Menüs irgendwie angepasst, was immer noch wirkt? Zum Breeze-Theme kann ich nichts sagen.

madmax25

Vielleicht könntest Du mal kurz meine userCrome.css und die contentChrome.css prüfen, ob Du evtl. einen Grund für das Probiem findest?

Meine userChrome.css sieht bisher so aus:

CSS

#tabbrowser-tabs, #tabbrowser-tabs > #tabbrowser-arrowscrollbox, #tabbrowser-arrowscrollbox{ min-height: 0 !important; }

:root:not([customizing]) #tabbrowser-tabs .tabs-newtab-button,
:root:not([customizing]) #tabs-newtab-button,
:root:not([customizing]) #TabsToolbar-customization-target > .toolbarbutton-1,
:root:not([customizing]) #TabsToolbar .titlebar-button{
  -moz-appearance: none !important;
  height: 0px;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  -moz-box-align: stretch;
  margin: 0 !important;
}

:root:not([customizing]) #TabsToolbar-customization-target > .toolbarbutton-1 > .toolbarbutton-icon{
  padding-block: 0px !important;
  max-height: 28px;
  height: 20px !important
}


/* Hide solo tab */
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
  visibility: collapse;
}
/* Hide New Tab Button immediately next to solo tab */
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] + toolbarbutton {
  visibility: collapse;
}

Alles anzeigen

Und das ist meine content-Chrome.css:

CSS

/*
@-moz-document domain("youtube.com") {
#consent-bump,
#dialog,
iron-overlay-backdrop,
iron-overlay-backdrop.opened
{display: none !important;} 
html img[src="https://www.gstatic.com/youtube/img/promos/growth/dmod_si_horizontal_ver1_240x400.png"]
{display: none !important;} 
}
*/

/* Youtube-Anmelden-Popup entfernen 
@-moz-document domain("youtube.com") {
#consent-bump,
.style-scope.yt-upsell-dialog-renderer,
.style-scope.yt-upsell-dialog-renderer.no-transition,
iron-overlay-backdrop,
iron-overlay-backdrop.opened
{display: none !important;}
}
*/


/* bei Youtube Popup für Anmeldung ausblenden */
/* Video mit einem Klick abspielen */

@-moz-document domain("youtube.com") {
#consent-bump,
.style-scope.yt-upsell-dialog-renderer,
.style-scope.yt-upsell-dialog-renderer.no-transition,
iron-overlay-backdrop,
iron-overlay-backdrop.opened {
    display: none !important; }
html img[src="https://www.gstatic.com/youtube/img/promos/growth/dmod_si_horizontal_ver1_240x400.png"] {
    display: none !important;} 
}

Alles anzeigen

Ansonsten wüsste ich nicht, was noch Ursache sein könnte.

In Win10 (auf einer anderen Partition meines PC's) sind meine FF-Menüs übrigens ebenfalls schwarz auf weiß.

milupo

Zitat von madmax25

Meine userChrome.css sieht bisher so aus:

Dieser Code betrifft nur die Tableiste bzw. Tabs. Er hat nichts mit den Menüs zu tun.

Zitat von madmax25

Und das ist meine content-Chrome.css:

Dieser Code ist ganz irrelevant, weil die userContent.css nur auf Webseiten wirkt, nicht auf die Oberfläche von Firefox.

Zitat von madmax25

In Win10 (auf einer anderen Partition meines PC's) sind meine FF-Menüs übrigens ebenfalls schwarz auf weiß.

Und du hast für Firefox wirklich das Dark Theme eingestellt und nicht das System-Theme? Letzteres übernimmt hell bzw. dunkel aus dem Betriebssystem. Jedenfalls unter Windows.

madmax25

Firefox steht sowohl in MX als auch iin Win10 auf dem Dunkel-Theme.

Habe in MX gerade mal probehalber auf das System-Theme gestellt, da war komischerweise alles wie im hellen FF-Theme.

milupo

Zitat von madmax25

Habe in MX gerade mal probehalber auf das System-Theme gestellt, da war komischerweise alles wie im hellen FF-Theme.

Zu Linux kann ich nichts sagen. Da müsstest du auf einen Linuxer des Forums warten. Ich weiß auch nicht, von wo die Einstellung da kommt: von der Distribution oder von KDE.

2002Andreas

Zitat von madmax25

die sind immer noch schwarz auf weiß.

Evtl. kannst du damit ja etwas anfangen

CSS

 menupopup#contentAreaContextMenu menuseparator {
  display: none !important;
}

menupopup menuitem:hover,
menupopup menu:hover {
  background: lightgray !important;
  color: black !important;
}

menupopup, popup, menupopup >  menu,
menupopup menuitem, popup menu, popup menuitem{
  color: white !important;
  background: black!important;
}

Alles anzeigen

madmax25

Ich würde auf "MX-Linux KDE" tippen, da ich auf dem gleichen PC auch noch ein Kubuntu 21.04 habe, das auch ein KDE ist, welche auf Ubuntu basiert.

Da ist aber "theme-technisch" ok.

MX basiert dagegen auf Debian. Möglicherweise ist das eine Spur. Wobei das eigentlich auch nicht sein kann, denn auf meinen Laptop ist u.a. ein MX-Linux 19.4 XFCE drauf. Da ist auch alles ok.

Das wiederum würde auf KDE deuten, was aber ebenfalls unwahrscheinlich zu sein scheint, da dann Kubuntu Probleme machen würde.

Also ich kann es mir derzeit nicht erklären, was da los ist.

Hättest Du vielleicht einen Codeblock (oder einen entsprechenden Link), so ähnlich wie den, den ich eingangs gepostet habe, der die Menüs dunkel macht, aber ohne die Menüs der Menü-Leiste zusammenzuschieben? Vielleicht würde das das Problem lösen.

EDIT:

2002Andreas war schneller.

milupo

Zitat von madmax25

2002Andreas war schneller.

Er ist auch besser als ich.

madmax25

@ 2002Andreas

Gerade getestet. Geht leider nicht, da wird nur die Menü-Schrift weiß, aber der Menü-Hintergrund bleibt weiß.

milupo

Zitat von madmax25

Ich würde auf "MX-Linux KDE" tippen, da ich auf dem gleichen PC auch noch ein Kubuntu 21.04 habe, das auch ein KDE ist, welche auf Ubuntu basiert.

Das will auch nichts besagen, weil das sicherlich auf bestimmten Einstellungen beruht, die ja unterschiedlich sein können. Ebenso wie das in Firefox-Profilen unterschiedlich sein kann.

2002Andreas

Zitat von madmax25

Geht leider nicht

Sieht hier so aus:

Wobei ich kein Theme aktiviert habe, denn dann wäre es hier Standard schwarz.

Zitat von milupo

Er ist auch besser als ich

Achwas..ich bin auch nur ein kleiner Bastler

milupo

Zitat von madmax25

Geht leider nicht, da wird nur die Menü-Schrift weiß, aber der Menü-Hintergrund bleibt weiß.

Deinen Code aus dem Startbeitrag hast du gelöscht?

2002Andreas

Jetzt mit Theme dunkel.

Den HG extra mal in rot:

Dharkness

Hi madmax25,

probiere es mal damit ↓.

CSS

menupopup {
    appearance: none !important;
    border: 1px solid #888 !important;
    background: #000 !important;
    padding: 0 !important;
}

menupopup menuseparator {
    appearance: none !important;
    border: 0 !important;
    padding: 1px 0 0 0 !important;
    margin: 3px 0 !important;
    background: #888 !important;
}

menupopup menuitem,
menupopup menu {
    appearance: none !important;
    background: #F20 !important;
    color: white !important;
    padding: 2px 5px !important;
    min-height: 25px !important;
    margin: 1px 4px 0 4px !important;
}
menupopup menuitem:hover,
menupopup menu:hover {
    background: #D1E2F2 !important;
}

menupopup menuitem > .menu-text,
menupopup menuitem > .menu-iconic-text,
menupopup menu > .menu-text {
    color: #FFF !important;
}
menupopup menuitem:hover > .menu-text,
menupopup menuitem:hover > .menu-iconic-text,
menupopup menu:hover > .menu-text {
    color: #000 !important;
}

menupopup menu > .menu-right > image {
    appearance: none !important;
    fill: #FFF !important;
}
menupopup menu:hover > .menu-right > image {
    appearance: none !important;
    fill: #000 !important;
}

Alles anzeigen

milupo

Die Möglichkeiten von CSS schön und gut, aber eigentlich sollte das Sache des Themes sein.

Dharkness

Zitat von milupo

eigentlich sollte das Sache des Themes sein.

Es sei denn, es soll ganz anders aussehen, als vorgegeben.

milupo

Zitat von Dharkness

Es sei denn, es soll ganz anders aussehen, als vorgegeben.

Das ist ein anderes Ding. Aber nachbasteln, was eigentlich funktionieren sollte, ist nicht ideal.

madmax25

Zitat von milupo

Deinen Code aus dem Startbeitrag hast du gelöscht?

Ja, ist weg.

Dharkness

Den Code habe ich probiert. Damit sieht es nun so aus:

Wenn jetzt noch Rot ein Grauton wäre (so wie die Lesezeichen-Symbolleiste) und ohne die schwarzen Ränder, aber der Pfeil bei "Browser-Werkzeuge" sichtbar bleiben würde, wäre es perfekt.

milupo

Meine Annahmen zur Distribution bzw. KDE beruhen darauf, dass du in Firefox das System-Theme aktiviert hast. Wenn du in Firefox das Dark Theme eingestellt, sollten die Farben auch vom Dark Theme kommen. Wenn nicht, sind bereits vorhandene Anpassungen verdächtig, aber keine aus Beitrag #3. Verwendest du eigentlich Benutzerskripte?

madmax25 4. Juli 2021 um 14:01