[résolu] Comment ombrer les textes d'un thème pour Firefox

Vos requêtes concernant Mozilla Firefox, le navigateur Gecko alternatif, ne trouvèrent point de réponses lorsque vous cherchâtes ? Toute l'équipe Geckozone est prête à vous aider.

Modérateurs : myahoo, nico@nc, Mori, jpj

Avatar de l’utilisateur
Insamconcept
Lézard à collerette
Messages : 213
Inscription : 11 août 2015, 14:11

[résolu] Comment ombrer les textes d'un thème pour Firefox

Message par Insamconcept »

Bonjour, j'appelle ici l'aide des spécialistes en CSS, afin de pouvoir modifier correctement mon userChrome.

J'ai refait la mise à jour de Firefox avec son souci d'interface sombre, j'ai refait aussi mon thème avec le même bandeau mais avec les polices noires au lieu d'être blanches comme avant, puisque j'ai compris que cétait le facteur déterminant qui indique au logiciel si c'est un mode sombre ou clair.

Seulement avec ce thème ni clair ni foncé juste entre-deux, les lettres blanches se trouvaient ombrées d'office à la validation du thème, ce qui faisait que tous les textes étaient bien visibles, ce n'est pas le cas avec les textes en noir, ce qui les rends beaucoup moins détachés du fond.

J'ai réussi l'ombrage de la barre de menu qui est mieux en texte ombré qu'en texte en gras mais cela n'impacte que les textes du menu, pas les icônes, ni surtout les textes des onglets que je n'ai pu ni agrandir, ni mettre en gras, tout ce que j'ai tenté n'a pas eu d'effet.

Je n'ai donc pas trouvé la bonne formule pour améliorer tout ça.
Est-ce que quelqu'un peut m'aider ?

Mon userChrome modifié pour ma vue est ainsi :

Code : Tout sélectionner

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* taille icones des boutons */
#toolbar-menubar toolbarbutton image {
  scale: 1.3; /* échelle*/
  margin: 4px!important; /*espacement*/
  fill: #38362F !important;  /*couleur*/
}

/* Changer la taille de police Barre de menus et sous menus */
#toolbar-menubar .menubar-text,
#toolbar-menubar menuitem,
#toolbar-menubar menu {
font-size: 19px !important;
text-shadow: 0 0 1em #A7A49B, 0 0 0.2em white; !important; /*Ombrage du texte*/
}

/* Changer la couleur de la bordure des onglets */
#tabbrowser-tabs{ --lwt-tab-line-color: #38362F!important; 
}
Ce qui donne :
Image
Merci d'avance
Dernière modification par Insamconcept le 19 janv. 2022, 15:26, modifié 1 fois.

MX23.2 XFCE (base Debian 12)
Firefox en principe à jour
Thunderbird 52.9.1 (fonctionne parfaitement)

Avatar de l’utilisateur
Insamconcept
Lézard à collerette
Messages : 213
Inscription : 11 août 2015, 14:11

Re: Comment ombrer les textes d'un thème pour Firefox

Message par Insamconcept »

Je me répond à moi- même, pour le texte et l'ombrage des onglets, ça y est c'est fait, je ne sais pas pourquoi ça n'avait pas fonctionné la première fois, peut-être que j'avais juste cru sauvegarder le fichier mais en fait non.

C'est le principal, pour l'ombrage des icônes ça n'est pas important.
pour la résolution, il m'a suffit de copier/coller la taille et l'ombrage du menu dans la rubrique 'tabbrowser'

Édit, j'ai trouvé aussi pour l'ombrage des icônes:

Code : Tout sélectionner

  fill: #38362F; filter: drop-shadow(0 0 0.3rem #ffffff); !important;  /*couleur et ombrage des icônes*/
 }

MX23.2 XFCE (base Debian 12)
Firefox en principe à jour
Thunderbird 52.9.1 (fonctionne parfaitement)

Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 19 invités