Topic: [userChrome] Evidenziare scheda attiva

[patrick25]

Ciao a tutti,

purtroppo con l'aggiornamento di FF non mi è più compatibile l'add-on che usavo per colorare in modo diverso la linguetta della scheda attiva.

Approfitto per chiedere se - magari con una modifica all'userchrome (oppure altro) - sia possibile intervenire oltre che sul colore della linguetta anche sul tipo di font e sull'eventuale grassetto).

Grazie a chi mi aiuterà.

 

[aramis]

Un saluto.
A questo link puoi trovare tutta una serie di istruzioni da usare nel dile userchrome.css per modificare la visualizzazione degli elementi di FF.
http://forum.mozillaitalia.org/index.php?topic=49835.0

Buona giornata.

Aramis

[Iceberg]

Prova seguendo il consiglio di Aramis, in particolare le istruzioni fornite in questo messaggio:

http://forum.mozillaitalia.org/index.php?topic=52004.msg339694#msg339694

[patrick25]

Grazie per le indicazioni,

purtroppo la mia imbranataggine non mi ha fatto risolvere il problema... pasticciando un po' l'unica cosa che sono riuscito a ottenere è cambiare il colore del font per tutte le schede. Quindi ho rimesso tutto come prima.

Chiedo pertanto a qualche anima pia se mi dà indicazioni su come avere almeno:
scheda attiva: colore blu medio/scuro
colore scritta colore attiva (bianco - grassetto).

Poi per gli affinamenti vedo di arragiarmi io (almeno ci provo....  )

[Iceberg]

Usa solo questa parte di codice.
Prima provalo così com'è, poi se va aggiustati i colori.

Codice: [Seleziona]

/* Cambia il colore della scheda attiva */
.tabbrowser-tab[selected="true"] {
   -moz-appearance: none !important;
    background: #FF071C !important;
    color: #FFFFFF !important;
    border: none !important; }

/* Cambia il colore delle schede non attive */
.tabbrowser-tab:not([selected="true"]) {
   -moz-appearance: none !important;
    background: #8F848D !important;
    color: #000000 !important;
    border: none !important; }

/* Effetto al passaggio del mouse sulle schede non attive */
.tabbrowser-tab:not([selected="true"]):hover {
   -moz-appearance: none !important;
    background: #BBACB9 !important; }

[patrick25]

Allora, ho provato, ma solo con la prima parte (in quanto vorrei che le schede non attive restino come sono adesso, e per l'ultima parte non ho capito bene a cosa serve....), ma la scheda, pur cambiando colore (e così il testo) diventa bruttina, perchè diviene rettangolare (senza bordi smussati)  e senza bordi, leggermente più alta delle altre.

[Iceberg]

Ci si arriverà per gradi. 

Prova ad eliminare questa istruzione.

Codice: [Seleziona]

border: none !important;

[patrick25]

Ok, il bordo adesso c'è, ma il colore continua a "sbordare" una paio di pixel sopra, fino a toccare la barra nera... Se fosse poi possibile mettere la scritta in grassetto, solo questa della scheda attiva, perchè si vede pochino con la scheda colorata...

[Iceberg]

Cominciamo dalle cose semplici.
Per avere la scritta in grassetto aggiungi questa riga di codice:

Codice: [Seleziona]

font-weight: bold !important;
Hai ragione, su Linux non ho problemi, ma avendo potuto fare qualche prova con Windows Seven ho notato che vengono aggiunti due pixel di colore di troppo in alto.
Forse proprio per questo l'estensione che usavi non è più compatibile.
Soluzioni non me vengono in mente, inoltre con il mio PC è inutile fare prove visto che il problema non si presenta.

Compromessi.
Scegliere un colore che rende meno visibile questo "sconfinamento", quando ho provato ho notato che il verde si dissimulava meglio degli altri colori: background: green !important;
Limitarsi al testo, evidenziare la scheda attiva con una scritta rossa in grassetto, non toccando il colore di sfondo.
Accettare quei due pixel di troppo con filosofia.

Oppure.
Attendere qualcuno che ci capisca più di me.

[Megabyte]

Un'alternativa può essere l'estensione ColorfulTabs (con cui, tra le altre cose, è possibile "sbiadire" il colore delle linguette non in primo piano).



@Iceberg
Mi puoi suggerire una "modifica" per mettere in grassetto il font della linguetta della scheda attiva (senza influire su tutto il resto)?
Grazie

[Iceberg]

Basta che  prendi solo la parte relativa a "bold":

Codice: [Seleziona]

.tabbrowser-tab[selected="true"] {
    -moz-appearance: none !important;
    font-weight: bold !important; }

@Megabyte... ti tocca rifare la domanda... 

[Megabyte]

Grazie mille, Iceberg… è proprio quello che cercavo!!


P.S.
Oops… per qualche misterioso motivo avevo involontariamente cancellato la domanda.

[patrick25]

Grazie Iceberg per le indicazioni, nel frattempo ho trovato TabMix Plus che fa quello che cerco (e altre opzioni utili per la gestione delle schede); ho provato anche l'add-on suggerito da Megabyte, ma lo trovo un po'... "caotico" per i miei gusti (troppi colori...)...

Grazie a entrambi!