Hintergrundfarben ändern, Photonmenu, URLbar etc.

AngelOfDarkness

Ich würde gerne die Hintergrundfarbe des Bibliotheks-Menüs, des Sandwich-Menüs und des >>-(Overflow) Menüs ändern.
Leider bekomme ich es noch nicht so ganz hin wie ich es möchte, folgende beiden Codes nutze ich bisher dafür (neben dem um die Tabs abzurunden). Die Menüs in der Menü-Leiste sowie Menüs der Lesezeichen-Symbolleiste etc. sollen erstmal aussen vor bleiben.
Was müsste ich da wie und so am ersten Codeblock ändern ?

CSS

/*
.bookmark-item[container="true"] {
   fill:#FF00FF !important;
   color:#00FFFF !important; 
}


toolbarbutton[container="true"] {
   filter:none !important;
   fill:#FF00FF !important;
   color:#FF00FF !important;
}
*/
toolbarbutton {
   filter:none !important;
   fill:#FF00FF !important;
   color:#FF00FF !important;
   background:#000000
}
.toolbarbutton-text {
-moz-appearance: none !important;
color: #00FFFF !important;
} 
menubar{
-moz-appearance: none !important;
color: #00FFFF !important;
}

Alles anzeigen

CSS

#toolbar-menubar,
#nav-bar,
#nav-bar-customization-target,
#PersonalToolbar,
#TabsToolbar{
border:none!important;
background:black!important;}

2002Andreas

Meinst du das so?

CSS

photonpanelmultiview .panel-subview-body{
color:white!important;
background:black!important;}

AngelOfDarkness

Dank dir Andreas :klasse: .. sieht schon fast gut aus ... allerdings, noch ein wenig zu viel weiss drin ...

2002Andreas

Das sieht hier so damit aus :-??

[attachment=0]Screenshot (332).png[/attachment]

Hier sind mal alle Bezeichnungen drin die ich gefunden habe dazu, teste bitte wieder.

CSS

photonpanelmultiview .panel-subview-body,
#appMenu-multiView,
.panel-subview-body,
#appMenu-popup .toolbaritem-combined-buttons,
#appMenu-multiView,
#appMenu-popup{
color:white!important;
background:black!important;}


.panel-arrow{
	display:none!important;
}

Alles anzeigen

AngelOfDarkness

Danke, mit deinem neuen Code kommt es jetzt hin :klasse: Ich hatte schon mit diversen anderen Schnipseln gearbeitet und nur teilweise Erfolg gehabt :oops:
Mein nun momentanes CSS als Theme sieht so aus (ohne Tableiste).

CSS

/*
.bookmark-item[container="true"] {
   fill:#FF00FF !important;
   color:#00FFFF !important; 
}


toolbarbutton[container="true"] {
   filter:none !important;
   fill:#FF00FF !important;
   color:#FF00FF !important;
}


/* Test für Farben im Sandwichmenü */
/*
photonpanelmultiview .panel-subview-body{
color:#00FFFF!important;
background:#000000 !important;
}
#appMenu-zoom-controls{
color:#00FFFF !important;
background:#000000 !important;
}	
#appMenu-edit-controls{
color:#00FFFF !important;
background:#000000 !important;
}
toolbarseparator{
	color:#000000 !important;
	background:#000000 !important;
}
*/


/* Farbe für Schrift und Symbole LesezeichenSymbolleiste, Toolbar und Menübar */
photonpanelmultiview .panel-subview-body,
#appMenu-multiView,
.panel-subview-body,
#appMenu-popup .toolbaritem-combined-buttons,
#appMenu-multiView,
#appMenu-popup{
color:#00FFFF !important;
background:#000000 !important;}


.panel-arrow{
	display:none!important;
}


toolbarbutton {
   filter:none !important;
   fill:#FF00FF !important;
   color:#FF00FF !important;
   background:#000000 !important;
}
.toolbarbutton-text {
-moz-appearance: none !important;
color: #00FFFF !important;
} 
menubar{
-moz-appearance: none !important;
color: #00FFFF !important;
}


/* Farbe Buttons */
#star-button {
  fill: DeepPink !important;
}
 #back-button:not([disabled="true"]):not([open="true"]):not(:active){
	fill: Cyan !important; 
	}
#forward-button:not([disabled="true"]):not([open="true"]):not(:active){
	fill: Cyan !important; 
	}


/* Hintergrundfarbe Bars */
#toolbar-menubar,
#nav-bar,
#nav-bar-customization-target,
#PersonalToolbar,
#TabsToolbar{
border:none!important;
background:#000000!important;}

Alles anzeigen

Nun fehlt mir nur noch eine Farbanpassung (Hintergrund, Textfarbe etc.) für die Searchbar
Die ist z.Z. im Overflow zu finden bei mir

2002Andreas

Zitat von AngelOfDarkness

für die Searchbar

Teste bitte.

CSS

.searchbar-textbox{
color:white!important;
background:black!important;}

AngelOfDarkness

Dank dir vielmals :klasse: Passt soweit alles :mrgreen:

AngelOfDarkness

Nachdem ich mir heute schon die Kontext- sowie Popup/downmenüfarben [1], sowie die Sidebars [2] angepasst habe, habe ich nun auch die Urlbar anders eingefärbt. Nun fehlt mir zu meinem Wunschtheme noch die Auswahlliste der Urlbar.
Im ersten Bild sieht man ja die diversen Elemente (Text, Stern, Lupe und Weltkugel). Diese sollen jeweils eine andere Farbe bekommen (FavIcons bleiben wie sie sind sowie der Hintergrund (also kein weiss mehr )
Leider habe ich diesbezüglich nix gescheites bisher gefunden. Leider hat wohl auch ArisCTR da nix oder ich verstehe dies nur nicht :mrgreen:

[attachment=0]ausschnitt.png[/attachment]Bild1
[attachment=1]optik07.png[/attachment]Bild2

[1] https://www.camp-firefox.de/forum/viewtopi…067227#p1067227
[2] https://github.com/Aris-t2/Custom…arance_dark.css

2002Andreas

Teste bitte:

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xul){


    #PopupAutoCompleteRichResult {
		border: none !important;}

    #PopupAutoCompleteRichResult .scrollbox-innerbox {
		overflow-y: hidden !important;}

    #PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-normal-text.ac-comment{
	    font-weight: bold !important; 
		font-size: 11.5pt !important;}


    #PopupAutoCompleteRichResult .autocomplete-richlistitem{ 
	    -moz-appearance: none !important; 
	    border: none !important; 
	    background: black !important;  
	    min-height: 25px !important; 
	    max-height: 22px !important;}


#PopupAutoCompleteRichResult > richlistbox,
#PopupAutoCompleteRichResult,
.search-panel-one-offs,
.search-panel-current-input{
       -moz-appearance: none !important; 
	    border: none !important; 
	    background: black !important;  
        color:white!important;}


.ac-title-text{
        color:white!important;}


.ac-site-icon{
        filter:none!important;
        fill:blue!important;}


    #PopupAutoCompleteRichResult .autocomplete-richlistitem:hover{
		-moz-appearance: none !important; 
        background: blue !important; }

    #PopupAutoCompleteRichResult .autocomplete-richlistitem[type="bookmark"]:hover { 
	   -moz-appearance: none !important; 
	   border: none !important; 
	   background: #000 !important;}

    #PopupAutoCompleteRichResult .autocomplete-richlistitem[type="tag"]:hover { 
	  -moz-appearance: none !important; 
	  border: none !important; 
	  background: #32cd32 !important;}


    }

Alles anzeigen

AngelOfDarkness

Und wieder einmal .. DANKE Allerdings müsste nur noch die Farbe der eingeblendeten Lesezeichen-URL geändert werden, sowie die Farbe der Icons "Stern" und "Weltkugel". Ansonsten wäre es soweit schon fast perfekt :klasse:

Bisher ist der von dir genannte Code so angepasst farblich :

CSS

/* Anpassung PopupAutoComplete */
    #PopupAutoCompleteRichResult {
		border: none !important;}

    #PopupAutoCompleteRichResult .scrollbox-innerbox {
		overflow-y: hidden !important;}

    #PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-normal-text.ac-comment{
	    font-weight: bold !important; 
		font-size: 11.5pt !important;}


    #PopupAutoCompleteRichResult .autocomplete-richlistitem{ 
	    -moz-appearance: none !important; 
	    border: none !important; 
	    background: #FF00FF !important;  
	    min-height: 25px !important; 
	    max-height: 22px !important;}


#PopupAutoCompleteRichResult > richlistbox,
#PopupAutoCompleteRichResult,
.search-panel-one-offs,
.search-panel-current-input{
       -moz-appearance: none !important; 
	    border: none !important; 
	    background: #00FFFF !important;  
        color:#000000 !important;}


.ac-title-text{
        color:#000000 !important;}


.ac-site-icon{
        filter:none !important;
        fill:#000000 !important;}


    #PopupAutoCompleteRichResult .autocomplete-richlistitem:hover{
		-moz-appearance: none !important; 
        background: #FFFF00 !important; }

    #PopupAutoCompleteRichResult .autocomplete-richlistitem[type="bookmark"]:hover { 
	   -moz-appearance: none !important; 
	   border: none !important; 
	   background: #FF69B4 !important;}

    #PopupAutoCompleteRichResult .autocomplete-richlistitem[type="tag"]:hover { 
	  -moz-appearance: none !important; 
	  border: none !important; 
	  background: #FF69B4 !important;}


    }

Alles anzeigen

2002Andreas

Zitat von AngelOfDarkness

der eingeblendeten Lesezeichen-URL

Teste bitte:

CSS

.ac-url-text{
color:white!important;}

AngelOfDarkness

Jepp, passt :klasse: Danke

Fehlt nur noch die Farbe für den Stern und die Weltkugel

2002Andreas

Der Stern wäre:

CSS

.ac-type-icon{
         fill:blue!important;}

Die Weltkugel ist das Favicon für Webseiten die kein eigenes haben, das ist Standard so im Fx.

AngelOfDarkness

Und nochmals vielen vielen Dank, auch dies hat gut geklappt :klasse: Die Weltkugel könnte durchaus auch standardweit im Firefox eine andere Farbe bekommen, nutze ich doch eh (bald) überall das gleiche neue Farbschema

2002Andreas

Zitat von AngelOfDarkness

Und nochmals vielen vielen Dank

Gern geschehen...dir dann einen Guten Rutsch ins neue Jahr 2018

genetic

Hallo,

kannst Du mir ggf. auch noch den ein oder anderen Tipp geben?

Ich möchte nur die Schriftfarbe ändern und bräuchte die "Schalter" für:

Dropdown-Einträge der Menüleiste
Einträge der Bookmarkliste
Einträge im Kontextmenü (Rechtsklick) für sämtliche Szenarien

Kannst Du helfen?

Danke im Voraus.

2002Andreas

Meinst du das so?

CSS

menupopup > menu,
menupopup > menuitem  {
color: red !important;
}

AngelOfDarkness

Hi genetic

schaue mal im Beitrag #8 den ersten Link.

genetic

Zitat von 2002Andreas
Meinst du das so?
CSS
menupopup > menu,
menupopup > menuitem  {
color: red !important;
}

Ich würde sagen, da hat's einer drauf :klasse:

Es fehlen nur noch: Einträge der Bookmarkliste (links außen)

@AoD: Auch Dir Danke, aber bei dem Link habe ich mich spontan nicht so einfach zurecht gefunden, wie bei den Script von Andreas.

2002Andreas

Zitat von genetic

(links außen)

Du meinst die Sidebar!?

Code

@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 
url("chrome://browser/content/browser.xul"),
url("chrome://browser/content/history/history-panel.xul") {


.sidebar-placesTreechildren,
sidebarheader,
#sidebar-search-label{
color:red!important}}