Topic: [FFQuantum] Possibile rendere dark la barra dei segnalibri?

[bobo779256]

Ricontrolla, che non ti sia dimenticato qualche parentesi graffa, quella in fondo a tutto ad esempio

Appena riprovato, con solo i due codici per la sidebar scura e cambio icona cartelle che ho messo io, in qualunque ordine funziona (non il codice del link, che non ho ancora provato)

[michro]

Ho provato giusto per provare (non utilizzo mai le barre laterali) e in effetti funziona (Fx62 su Mac).
L'unico problema nel mio caso è che nella barra laterale sopra il campo "Cerca nei segnalibri" (vedi ultima immagine postata da DMD) la stella, la scritta Segnalibri e la X di chiusura sono nere su sfondo scuro e quindi non visibili in chiaro...

Questo è il codice che ho inserito nell'userChrome.css

Codice: [Seleziona]

/* Cambio colore barra laterale */
#sidebar-box, #sidebar, .sidebar-placesTree{
-moz-appearance: none !important;
color: #f9f9fa !important; /*text color*/
background-color: #1c1c1c !important; /* background color */
}

/* Modifica icona cartelle */
#bookmarks-view treechildren::-moz-tree-image(container),
#PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"] .menu-iconic-icon {
  fill: #e8bb00 !important; /* slightly muted gold */
}
  /* Live Bookmark (RSS Feed) */
#bookmarks-view treechildren::-moz-tree-image(container, livemark),
#PlacesToolbarItems toolbarbutton[container="true"][livemark="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"][livemark="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"][livemark="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"][livemark="true"] .menu-iconic-icon {
  fill: orange !important;
}
  /* Smart bookmark folder */
#bookmarks-view treechildren::-moz-tree-image(container, query),
#PlacesToolbarItems toolbarbutton[container="true"][query="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"][query="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"][query="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"][query="true"] .menu-iconic-icon {
  fill: #69c !important; /* similar to blue smart folder color */
}
  /* These "containers" are SVG in the sidebar, not yet on the menu */
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) {
  fill: olive !important;
}
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) {
  fill: olive !important;
}
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) {
  fill: olive !important;
}

/* Avoid overriding classic Bookmarks Toolbar and Other Bookmarks icons in menus */
#BMB_bookmarksPopup #BMB_bookmarksToolbar.menu-iconic-icon,
#bookmarksMenu #bookmarksToolbarFolderMenu.menu-iconic-icon {
  list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important;
}
#BMB_bookmarksPopup #BMB_unsortedBookmarks.menu-iconic-icon,
#bookmarksMenu #menu_unsortedBookmarks.menu-iconic-icon {
  list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png") !important;
}

[DMD]

Anche con lo script di cui sopra non è male:

[DMD]

Ho inserito il tuo script e funziona alla grande. 
Ho effettuato una ricerca nel forum e ho trovato un vecchio post su come colorare le cartelle della barra laterale del segnalibri https://forum.mozillaitalia.org/index.php?topic=69472.msg482122#msg482122
Inserendo anche il file .png relativo all'immagine della cartella nello stesso percorso di userChrome.
Però le tue cartelle mi sembrano anche meglio, basta solo sostituire l'immagine .png?
Grazie.



Lo script inserito è il seguente:

Codice: [Seleziona]

/*CAMBIARE COLORE FOLDER BARRA LATERALE*/
treechildren::-moz-tree-image(container)
{list-style-image:url("folder.png")!important;
-moz-image-region:auto!important;}


/* CAMBIARE COLORE SIDEBAR.*/
#sidebar-box, #sidebar, .sidebar-placesTree{
-moz-appearance: none !important;
color: #c6c5c4 !important; /*text color*/
background-color: #1c1c1c !important; /* background color */
}

Per correttezza devo segnalare un BUG, di questa configurazione, non so se sia possibile risolvere, questo è lo screen:

[michro]

Non sono esperto di codici quindi non so cosa suggerirti di modificare.

Ho trovato però questo
https://github.com/Izheil/Firefox-57-full-dark-theme-with-scrollbars
da cui puoi scaricare il codice e nella pagina c'è un link che ti indirizza a questo tutorial per l'installazione
https://www.youtube.com/watch?v=FHV1-LbX_Vo&feature=youtu.be

È chiaro che è una cosa completamente diversa dal codice che stai utilizzando ma vedi se è più consono alle tue esigenze

Io invece con il codice che sto utlizzando e riportato nella mia "Risposta #16" continuo ad avere questo problema con la barra laterale
https://immagini.mozillaitalia.org/images/2018/09/14/Barra-laterale-dark.png
ovvero la scritta Segnalibri, la stella e la X di chiusura sopra il campo "Cerca" sono scure su sfondo nero.
Si può aggiungere qualcosa nel codice per renderle chiare/bianche?

[DMD]

Ti ringrazio per l'info. 
Però ho notato un primo "BUG" nella ricerca web, quando ci si posiziona con il tasto DX del mouse mancano 6 opzioni:



Ho risolto eliminando l'ultima istruzione dalla riga 944.
* Send link to device... (including it's separator)*/





Con gli script che utilizzo, il problema della scritta Segnalibri, la stella e la X sono visibili.

             


Questi sono gli script da provare:
http://www.mediafire.com/file/89bw4ilh911cv6c/Full+Theme+Black+mod.1.rar
http://www.mediafire.com/file/u26wj8rh14da5ya/Full+Theme+Black+mod.2.rar

Una volta scaricati, decomprimerli e copiare la cartella "chrome" nel solito percorso "C:\Users\NOME UTENTE\AppData\Roaming\Mozilla\Firefox\Profiles\xxxxxxxx.default".

[michro]

Grazie DMD, ho provato a scaricare i tuoi file .rar ma non so perché su Mac dopo averli scaricati ho problemi a decomprimerli pur avendo RAR Expander...

Non è comunque un problema perché nel mio caso non mi interessa avere tutto "dark" (finestra Libreria, menu contestuali, ecc.)
Mi interessa sistemare solo la questione della barra laterale segnalibri/cronologia. Ormai è più che altro una sfida visto che non le utilizzo praticamente mai...

Il problema della scritta Segnalibri, della stella e della X di chiusura sopra il campo "Cerca" che restavano neri sono riuscito a risolverlo (mi ero dimenticato di inserire un #sidebar-header nel codice) e adesso è tutto ok (vedi immagine) https://immagini.mozillaitalia.org/images/2018/09/15/Schermata-2018-09-15-alle-15.49.06.png

Il nuovo problema è all'apertura della barra laterale della cronologia. La scritta "Visualizza" e il menu contestuale che si apre facendo clic sulla freccetta sono scuri (non si vede la scritta Visualizza e la freccia e il menu contestuale ha le classiche scritte nere su sfondo grigio).
Mi piacerebbe anche avere un colore (mi va benissimo il bianco) fisso per l'iconcina dell'orologio che precede la scritta "Oggi, Ieri, ecc.)
Questa è la situazione all'apertura https://immagini.mozillaitalia.org/images/2018/09/15/Cronologia-laterale.png (icone "orologi" nere e mancata visualizzazione di Visualizza)
e questa invece dopo aver fatto clic (ad esempio) su "Oggi" espandendo e richiudendo l'elenco "Oggi" https://immagini.mozillaitalia.org/images/2018/09/15/Crono-laterale-selezionata.png
Se dopo aver fatto clic su "Oggi" che si colora con sfondo azzurro con scritta e orologio bianchi faccio clic su "Ieri" (è un esempio) l'icona dell'orologio "Oggi" torna scura su sfondo nero.
Non è un grosso problema. Mi piacerebbe però per lo meno capire cosa inserire nel codice (un #qualcosa) per vedere la scritta Visualizza e il suo menu contestuale bianchi su sfondo nero...

Riporto nuovamente il codice che sto utilizzando adesso a cui ho aggiunto quel benedetto #sidebar-header

Codice: [Seleziona]

/* Cambio colore barra laterale */
#sidebar-header, #sidebar-box, #sidebar, .sidebar-placesTree{
-moz-appearance: none !important;
color: #f9f9fa !important; /*text color*/
background-color: #1c1c1c !important; /* background color */
}

/* Modifica icona cartelle */
#bookmarks-view treechildren::-moz-tree-image(container),
#PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"] .menu-iconic-icon {
  fill: #e8bb00 !important; /* slightly muted gold */
}
  /* Live Bookmark (RSS Feed) */
#bookmarks-view treechildren::-moz-tree-image(container, livemark),
#PlacesToolbarItems toolbarbutton[container="true"][livemark="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"][livemark="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"][livemark="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"][livemark="true"] .menu-iconic-icon {
  fill: orange !important;
}
  /* Smart bookmark folder */
#bookmarks-view treechildren::-moz-tree-image(container, query),
#PlacesToolbarItems toolbarbutton[container="true"][query="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"][query="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"][query="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"][query="true"] .menu-iconic-icon {
  fill: #69c !important; /* similar to blue smart folder color */
}
  /* These "containers" are SVG in the sidebar, not yet on the menu */
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) {
  fill: olive !important;
}
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) {
  fill: olive !important;
}
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) {
  fill: olive !important;
}

/* Avoid overriding classic Bookmarks Toolbar and Other Bookmarks icons in menus */
#BMB_bookmarksPopup #BMB_bookmarksToolbar.menu-iconic-icon,
#bookmarksMenu #bookmarksToolbarFolderMenu.menu-iconic-icon {
  list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important;
}
#BMB_bookmarksPopup #BMB_unsortedBookmarks.menu-iconic-icon,
#bookmarksMenu #menu_unsortedBookmarks.menu-iconic-icon {
  list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png") !important;
}

[DMD]

Non sono riuscito a trovare il comando colore del testo "Visualizza", tentare di schiarire il backgrond non so se potrebbe andare (riga 5).

Codice: [Seleziona]

background-color: #565656 !important; /* background color */
}

[michro]

Grazie @DMD ma lo "schiarimento" del colore di background era una soluzione che non soddisfaceva rispetto al nero che fa risaltare di più i caratteri
Sembra che a forza di dai e dai, da totale inesperto di codici e userChrome, sia riuscito a risolvere il problema del pulsante Visualizza e della freccetta per aprire il menu contestuale di quel pulsante che restavano scuri nella barra laterale della Cronologia.

Ho provato tutte le varianti partendo dal fatto che il nostro "Visualizza" poteva essere solo un "view" e alla fine dopo svariati tentativi tra #, -, view, history, e compagnia bella ho risolto con un #viewButton che era apparentemente la soluzione più logica... Avevo provato di tutto, anche un #viewbutton (con la "b" di "button" minuscola e non funzionava ma, come detto, sono ignorante in materia).

Cercando poi in giro ho scoperto anche come evitare che la freccetta fosse nera su sfondo nero... (è la parte /* Freccia giù sul pulsante "Visualizza" barra laterale Cronologia */ nel tag code)

Codice: [Seleziona]

/* Cambio colore barra laterale */
#viewButton, #sidebar-header, #sidebar-box, #sidebar, .sidebar-placesTree{
-moz-appearance: none !important;
color: #f9f9fa !important; /*text color*/
background-color: #1c1c1c !important; /* background color */
}

/* Freccia giù sul pulsante "Visualizza" barra laterale Cronologia */
 
.button-menu-dropmarker,
.button-menubutton-dropmarker {
  filter: invert(85%);
}e questo è il risultato



Se adesso riesco a capire anche come dare un colore (anche bianco) all'icona dell'orologio a sinistra delle scritte "Oggi, Ieri, Ultimi 7 giorni, ecc." posso ritenermi soddisfatto.
Finora non ne sono venuto a capo. Se si riesce a dare un colore alle cartelle nella barra laterale dei segnalibri, ci dovrà essere un modo di farlo anche per quella fetentissima icona... 

[DMD]

Sei stato bravo, complimenti è perfetto. 

[bobo779256]

Per le icone orologio è da provare questi codici coi comandi historyTree e treechildren, combinazioni o singoli
L'icona nuova deve essere nella cartella chrome
togliere /* e */ all'inizio e fine delle righe per provare le varie combinazioni, ovviamente comprese le altre parti di codice già trovate in questa discussione

Codice: [Seleziona]

#historyTree treechildren::-moz-tree-image
{
/* list-style-image: url('Appunti-16.png') !important; */ /* sostituisce l'icona originale con un'altra messa nella cartella chrome */
-moz-image-region: auto !important;
fill: yellow !important; /* colora di giallo l'icona */
/* background-color: blue !important; */ /* sfondo blu icona */
/* color: green !important; */ /* colore testo */
}
/* #historyTree * {font-size: 23px;} */ /* modifica dimensione caratteri */
 

[DMD]

Ottimo anche queste varianti, simpatica la cartella a forma di papiro.

[bobo779256]

In verità dovrebbe rappresentare una mappa, ma è talmente piccola...

Messa, se si vuole provare...

[DMD]

Scusami. lo script relativo alla cartella "mappa" è quello di sopra?

[bobo779256]

Si, il codice che ho messo ha attivo solo il rigo che comincia con fill e l'altro rigo prima, gli altri righi vanno attivati togliendo i delimitatori  /* e */ ad iniziio-fine che trasformano quel rigo in 'commento' non eseguibile

Quindi, click destro sull'immagine dell'icona che ho messo, salva nella cartella chrome e poi attivare la relativa linea di codice che inizia con list-style-image che specifica dov'è e come si chiama il file che sostituisce l'icona orologio