Teilweise braucht es 2 Einträge dafür:
Es gibt insgesamt sieben: origin-controls-state-no-access, origin-controls-state-always-on, origin-controls-state-when-clicked, origin-controls-state-hover-run-visit-only, origin-controls-state-runnable-hover-run, origin-controls-state-runnable-hover-open, origin-controls-state-temporary-access.
Wieso nicht einfach die CSS-Klasse ansprechen?
CSS.unified-extensions-item-message { color: orange !important; }
Danke. Jetzt passt das auch.
Was muss ich hier ändern
Meinst du das so?
dann habe ich das Hamburger-Menü mal verändert.
Teste bitte mal.
CSS/********************* Hamburger Menü********************************************/ /*Größe des Panels*/ /*Abstände in Einstellungsmenüleiste verringern*/ #appMenu-popup .subviewbutton:not(#appMenu-fxa-status2) { --arrowpanel-menuitem-padding: 0 !important; --arrowpanel-menuitem-margin: 0 !important; padding-left: 10px!important; font-size: 12px !important; min-height: 22px !important; max-height: 22px !important; } #appMenu-fxa-status2 { font-size: 12px !important; } #appMenu-protonMainView > vbox:nth-child(1) > toolbarseparator:nth-child(n+1) { margin-top: 0 !important; margin-bottom: 0 !important; } /*Schrift- und Hintergrundfarbe*/ /*Schrift und Hintergrund*/ #appMenu-popup toolbarbutton, #appMenu-popup .toolbaritem-combined-buttons, #appMenu-popup .subviewbutton, #appMenu-popup .widget-overflow-list .toolbarbutton-1 { background-color: #00016E !important; color: white !important; } /*Schriftfarbe von Einträgen mittig in Untermenüs*/ #appMenu-popup .subview-subheader { font-size: inherit; font-weight: inherit; color: white !important; } /*Farbe in header und footer*/ #appMenu-popup panelview, #PanelUI-fxa { width: 22.5em; background-color: #00016E !important; color: white !important; } /*Hover*/ /* Hover Schrift und Hintergrund Hamburger Menü */ #appMenu-mainView toolbarbutton:hover, #appMenu-mainView .toolbaritem-combined-buttons:hover, #appMenu-multiView .subviewbutton:hover, #appMenu-multiView .widget-overflow-list .toolbarbutton-1:hover { background-color: #F0F0F0 !important; color: black !important; }
Danke, das passt. Punkt 1 meiner Frage ist nun erledigt. Was hast du in dem Code jetzt geändert?
Im Erweiterungsmenü ist bei dir nur der Name der Erweiterung in weißer Schrift. Hast du eine Idee, wie man den Text darunter auch weiß bekommt? So ist er nur schwer zu lesen.
Hallo,
ich habe folgenden Code für das Hamburger Menü in Verwendung:
/********************* Hamburger Menü********************************************/
/*Größe des Panels*/
/*Abstände in Einstellungsmenüleiste verringern*/
.subviewbutton:not(#appMenu-fxa-status2) {
--arrowpanel-menuitem-padding: 0 !important;
--arrowpanel-menuitem-margin: 0 !important;
padding-left: 10px!important;
font-size: 12px !important;
min-height: 22px !important;
max-height: 22px !important;
}
#appMenu-fxa-status2 {
font-size: 12px !important;
}
#appMenu-protonMainView > vbox:nth-child(1) > toolbarseparator:nth-child(n+1) {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/*Schrift- und Hintergrundfarbe*/
/*Schrift und Hintergrund*/
#appMenu-mainView toolbarbutton,
#appMenu-mainView .toolbaritem-combined-buttons,
.subviewbutton,
.widget-overflow-list .toolbarbutton-1 {
background-color: #00016E !important;
color: white !important;
}
/*Schriftfarbe von Einträgen mittig in Untermenüs*/
.subview-subheader {
font-size: inherit;
font-weight: inherit;
color: white !important;
}
/*Farbe in header und footer*/
#appMenu-popup panelview, #PanelUI-fxa {
width: 22.5em;
background-color: #00016E !important;
color: white !important;
}
/*Hover*/
/* Hover Schrift und Hintergrund Hamburger Menü */
#appMenu-mainView toolbarbutton:hover,
#appMenu-mainView .toolbaritem-combined-buttons:hover,
.subviewbutton:hover,
.widget-overflow-list .toolbarbutton-1:hover {
background-color: #F0F0F0 !important;
color: black !important;
}Jetzt habe ich das Problem, dass sich dieser Code auch auf das neue Erweiterungsmenü auswirkt. Besonders nervig ist hierbei, dass ich die Zeilenabstände im Hamburger Menü verkleinert habe und bei mir nun auch das Erweiterungsmenü "zusammengestaucht" ist. D.h. ich sehe dort nicht mehr alles. Wie bekomme ich das (=neues Erweiterungsmenü) wieder auf Normalgröße?
2. Für das Erweiterungsmenü habe ich folgenden Code zusammengebastelt:
/* Erweiterungsmenü */
#unified-extensions-view .panel-header {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: var(--arrowpanel-menuitem-margin-inline);
min-height: var(--arrowpanel-header-height);
background-color: #00016e !important;
border-color: #00016e !important;
color: #fff !important;
}
.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]), [overflowedItem="true"]) > toolbarbutton {
border: 0;
margin: 0;
-moz-box-flex: 1;
padding-block: var(--arrowpanel-menuitem-padding-block);
-moz-box-orient: horizontal;
color: #fff !important;
background-color: #00016e !important;
}
.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]), [overflowedItem="true"]) > toolbarbutton:hover {
border: 0;
margin: 0;
-moz-box-flex: 1;
padding-block: var(--arrowpanel-menuitem-padding-block);
-moz-box-orient: horizontal;
color: #fff !important;
background-color: #1f2080 !important;
}
#newtaboverride_agenedia_com-browser-action #wrapper-edit-controls:is([place="palette"], [place="panel"]) > #edit-controls, #wrapper-zoom-controls:is([place="palette"], [place="panel"]) > #zoom-controls, :is(panelview, #widget-overflow-fixed-list) .toolbaritem-combined-buttons {
margin: var(--arrowpanel-menuitem-margin);
color: #fff !important;
background-color: #00016e !important;
}
.cui-widget-panelview {
-moz-box-orient: vertical;
background: #00016e !important;
padding: 0;
color: #fff !important;
}Was muss ich hier ändern, damit auch die Schrift, die aktuell noch Schwarz ist, auch noch weiß wird?
Bin ich der einzigste, für den das neue Thunderbird-Design wie eine Kopie von Outlook aussieht?
@Connywolli2617 das hier ist ein privates Forum, in dem sich Firefox-Nutzer gegenseitig helfen. Daher kann auch keiner auf die Daten eines anderen Users zugreifen.
Alle Daten, die Firefox bei dir noch gespeichert hat, kannst über die Eingabe von about:cache in der url-Leiste aufrufen.
Wie kann ich in about:preferences die drop-down menüs im offenen Zustand anpassen?
Du musst in den Browser-Werkzeugen einstellen, dass die Popups nicht sofort wieder ausgeblendet werden.
Danke. Dachte, diese Einstellung in den Browser-Werkzeugen nur für die Elemente gilt, die mit den Browser-Werkzeugen untersucht werden können.
Wie kann ich in about:preferences die drop-down menüs im offenen Zustand anpassen?
falsch geschrieben hatte
Kann passieren
Schön wenn dein Problem jetzt behoben ist.
Könntest du mal folgenden Code testen:
/*about:preferences*/
@-moz-document url(about:preferences),
url(about:preferences#general),
url(about:preferences#home),
url(about:preferences#advanced),
url(about:preferences#containers),
url(about:preferences#content),
url(about:preferences#applications),
url(about:preferences#privacy),
url(about:preferences#search),
url(about:preferences#security),
url(about:preferences#sync){
/*Hintergrund gesamte Seite*/
.main-content {
padding-top: 0;
scroll-padding-top: 90px;
contain: inline-size;
background-color: #ffd700 !important;
}
.sticky-inner-container {
-moz-box-flex: 1;
max-width: var(--main-pane-width);
background-color: #ffd700 !important;
}
.sticky-container {
position: sticky;
background-color: #ffd700 !important;
top: 0;
z-index: 1;
width: calc(100% + 8px);
margin-inline: -4px;
padding-inline: 4px;
}
/*Suchfeld*/
#policies-container, #searchInput {
min-height: 32px;
margin: 20px 0 30px;
margin-right: 0px;
background-color: #00016e !important;
color: #fff !important;
margin-right: 435px !important;
}
/*Überschriften*/
h1 {
font-size: 1.46em;
font-weight: 800 !important;
line-height: 1.3em;
margin: 0;
margin-left: 0px;
color: #00016e !important;
background-color: #ffd !important;
margin-left: 80px !important;
width: 600px !important;
text-align: center;
border-radius: 15px !important;
}
h2 {
margin: 16px 0 4px;
font-size: 1.14em;
line-height: normal;
background-color: #9c1818 !important;
}
/*Checkbox*/
.checkbox-check[checked] {
border-color: #9c1818 !important;
background-color: #9c1818 !important;
background-image: url("chrome://global/skin/icons/check.svg");
background-position: center;
background-repeat: no-repeat;
-moz-context-properties: fill;
fill: #fff !important;
color: var(--checkbox-checked-color, AccentColorText);
color-adjust: exact;
}
}Ergänzend zum Ursprung müssten:
die Unterüberschriften (z.B. "Start") rot hinterlegt sein. Jedoch wird der Codeteil dafür (h2) nicht erkannt.
Fehler gefunden:
Aufgrund der Übersichtlichkeit binde ich die Dateien für die einzelen Seiten per
@import Befehl in die UserContent.css ein. Obwohl ich da schon mind 5x nachgeschaut hatte, ist mir jetzt aufgefallen, dass ich den Dateinamen nach dem @import falsch geschrieben hatte (Endung .css vergessen). Jetzt funktioniert es bei mir auch.
Ich versuche aktuell die Einstellungsseite anzupassen.
Doch irgendwie werden die Änderungen der css nicht übernommen:
/*about:preferences*/
@-moz-document url(about:preferences), url-prefix(about:preferences#privacy)
{
/*Hintergrund gesamte Seite*/
.main-content {
padding-top: 0;
scroll-padding-top: 90px;
contain: inline-size;
background-color: #ffd700 !important;
}
.sticky-inner-container {
-moz-box-flex: 1;
max-width: var(--main-pane-width);
background-color: #ffd700 !important;
}
.sticky-container {
position: sticky;
background-color: #ffd700 !important;
top: 0;
z-index: 1;
width: calc(100% + 8px);
margin-inline: -4px;
padding-inline: 4px;
}
/*Suchfeld*/
#policies-container, #searchInput {
min-height: 32px;
margin: 20px 0 30px;
margin-right: 0px;
background-color: #00016e !important;
color: #fff !important;
margin-right: 435px !important;
}
/*Überschriften*/
h1 {
margin: 0 0 8px;
font-size: 1.46em;
font-weight: 800 !important;
line-height: 1.3em;
background-color: #ffd !important;
color: #00016e !important;
width: 600px !important;
text-align: center !important;
border-radius: 15px !important;
}
}Hat jemand eine Idee, woran das liegen könnte?
Hallo,
welche Firefox Version nutzt du genau? Es gibt keine mit dem Namen "letzte". Des weiteren solltest du dein veraltetes Win 7 auf Windows 10 upgraden. Für verwaltete Systeme (Browser oder Betriebssystem) gibt es laut den Forenregeln hier keine Hilfe.
Nur ich finde nichts funktionierendes für :hover der einzelnen Einträge.
Teste bitte das ↓.
CSSaddon-options > panel-list > panel-item:hover, plugin-options > panel-list > panel-item:hover { fill: #000 !important; background-color: #D1E2F2 !important; color: #000 !important; }
Danke. Hat nicht 100% funktioniert, war aber eine große Hilfe.
Hier die (bei mir) funktionierende Lösung:
addon-options > panel-list > panel-item:hover,
plugin-options > panel-list > panel-item:hover {
fill: #9c1818 !important;
--in-content-button-background-hover: #ffd700 !important;
--in-content-button-text-color-hover: #9c1818 !important;
}rechts oben im Kasten der einzelnen Erweiterungen (u.a. "Auf Updates prüfen") anzusprechen?
Genau den meine ich jetzt.
Den Code für den Hintergrund und die Schrift habe ich selber gefunden. Nur ich finde nichts funktionierendes für :hover der einzelnen Einträge.
Brauche noch einmal Hilfe:
Wie lautet der Code, um das :hover der Elemente im drop-down menü rechts oben im Kasten der einzelnen Erweiterungen (u.a. "Auf Updates prüfen") anzusprechen?
in der .css für diese Seite getestet
Ja
CSS@-moz-document url-prefix(about:addons) { .search-label { margin-inline-end: 8px; background-color: #9c1818 !important; width: 200px !important; text-align: center !important; color: #ffd700 !important; border-radius: 15px !important; font-weight: 600 !important; } input { border: none; padding: 0 1px; outline: none; font: inherit; font-size: inherit; text-shadow: inherit; box-sizing: border-box; -moz-box-flex: 1; min-width: 0; text-align: inherit; background-color: #00016e !important; color: #fff !important; font-size: 17px !important; } .textbox-search-icon .deck-selected { color: red !important; } search-addons > search-textbox { min-height: 32px; padding-inline: 8px; background-color: #00016e !important; color: #fff !important; } .search-addons > .search-textbox { margin: 0; width: 20em; min-height: 32px; background-color: #00016e !important; color: #fff !important; } }Es reicht auch oben:
@-moz-document url(about:addons) {
Danke. Ich hatte oben als Adressierung noch "@namespace url(http://www.w3.org/1999/xhtml);" drin. Das habe ich jetzt entfernt und der Code funktioniert auch bei mir.
Kannst du mir bitte noch sagen, wie ich bei dem drop-down Menü bei :hover den border-radius ändern kann?
#page-options panel-list {
font: menu;
background-color: #00016e !important;
border-radius: 5px !important;
border-color: #00016e !important;
color: #ffd700 !important;
}
#page-options panel-item {
--in-content-button-background-hover: #ffd700 !important;
--in-content-button-text-color-hover: #9c1818 !important;
--in-content-button-border-radius: 30px !important;
}den vollständigen Hintergrund der oberen Suchleiste
Keine Ahnung warum das bei dir alles nicht funktioniert
Hier funktioniert das einwandfrei.
Hast du den Code auch in der .css für diese Seite getestet, oder nur im Inspektor eingegeben?
Wenn du das in der css hast, kannst du dann bitte die vollständige Datei zur verfügung stellen, also auch mit dem "Kopf" in dem die Adresse der Seite eingetragen ist?
Hast du #1147 mal probiert?
Ja. Funktioniert leider nicht.
Setze ich das dann in die css Datei, funktioniert der Code nicht...
In welche CSS Datei hast du das denn gesetzt?
Funktioniert hier einwandfrei.
Der Code für das Drop-Down Menü funktioniert bei mir auch sehr gut (wie kann man da den border-radius verändern?).
Hauptsächlich ging und geht es mir jedoch um den vollständigen Hintergrund der oberen Suchleiste (siehe dazu Beitrag #1145).
Alles anzeigenBei mir macht der Code jedoch nur folgendes:
Eigenartig
Extra nur in die Entwickler-Werkzeuge eingetragen ergibt:
Nur der eine Code mit anderen Farben ergibt:
Bei mir ist es auch so, dass der Code nur in die Entwickler-Werkzeuge eingetragen funktioniert. Setze ich das dann in die css Datei, funktioniert der Code nicht...
Der Hintergrund der Box soll vollständig in #00016e sein.
Meinst du das so?
Wenn ja, dann teste bitte:
CSS.search-label { margin-inline-end: 8px; background-color: #9c1818 !important; width: 200px !important; text-align: center !important; color: #ffd700 !important; border-radius: 15px !important; font-weight: 600 !important; } input { border: none; padding: 0 1px; outline: none; font: inherit; font-size: inherit; text-shadow: inherit; box-sizing: border-box; -moz-box-flex: 1; min-width: 0; text-align: inherit; background-color: #00016e !important; color: #fff !important; font-size: 17px !important; } .textbox-search-icon .deck-selected { color: red !important; } search-addons > search-textbox { min-height: 32px; padding-inline: 8px; background-color: #00016e !important; color: #fff !important; } .search-addons > .search-textbox { margin: 0; width: 20em; min-height: 32px; background-color: #00016e !important; color: #fff !important; }
Mein Ziel ist, dass es am Ende so aussieht, wie auf deinem Bild. Bei mir macht der Code jedoch nur folgendes:
Hallo,
ich bin gerade dabei, about:addons für mich anzupassen. Hier komme ich aber bei der oberen Suchleiste überhaupt nicht weiter.
Hier mein Code dafür:
.search-label {
margin-inline-end: 8px;
background-color: #9c1818 !important;
width: 200px !important;
text-align: center !important;
color: #ffd700 !important;
border-radius: 15px !important;
font-weight: 600 !important;
}
input {
border: none;
padding: 0 1px;
outline: none;
font: inherit;
font-size: inherit;
text-shadow: inherit;
box-sizing: border-box;
-moz-box-flex: 1;
min-width: 0;
text-align: inherit;
background-color: #00016e !important;
color: #fff !important;
font-size: 17px !important;
}
.textbox-search-icon .deck-selected {
color: red !important;
}
.search-textbox {
min-height: 32px;
padding-inline: 8px;
background-color: #00016e !important;
color: #fff !important;
}
.search-addons > .search-textbox {
margin: 0;
width: 20em;
min-height: 32px;
background-color: #00016e !important;
color: #fff !important;
}Der Hintergrund der Box soll vollständig in #00016e sein. Jedoch bekomme ich nur das "innere" Feld hin.
Des weiteren: Was muss man einstellen, damit Drop-down Menüs offen bleiben, damit man diese mit dem Inspektor entsprechend anschauen und anpassen kann?