Modification d'un thème
Modérateurs : myahoo, nico@nc, Mori, jpj
-
- Gecko
- Messages : 65
- Inscription : 16 mai 2015, 16:04
Modification d'un thème
Bonjour,
Je suis sous Xubuntu 16.04, Firefox 59.0.2 64 bits.
J'ai pour thème "Green light and Kolibri", et j'aimerais pouvoir modifier ce thème.
En effet, l'image de fond est constituée d'un dégradé de vert qui va de foncé (à gauche) à très clair (à droite), de sorte que le texte et la croix de fermeture (en blanc) ne sont que très peu visibles sur les onglets situés à droite.
Avec quel outil ou quelle méthode puis-je modifier ce thème (ou un autre)? A savoir changer la couleur des onglets ou bien la couleur de la police, ou bien le dégradé de l'image?
Merci d'avance,
Ph.
Je suis sous Xubuntu 16.04, Firefox 59.0.2 64 bits.
J'ai pour thème "Green light and Kolibri", et j'aimerais pouvoir modifier ce thème.
En effet, l'image de fond est constituée d'un dégradé de vert qui va de foncé (à gauche) à très clair (à droite), de sorte que le texte et la croix de fermeture (en blanc) ne sont que très peu visibles sur les onglets situés à droite.
Avec quel outil ou quelle méthode puis-je modifier ce thème (ou un autre)? A savoir changer la couleur des onglets ou bien la couleur de la police, ou bien le dégradé de l'image?
Merci d'avance,
Ph.
- Cucurbitacé
- Animal mythique
- Messages : 5637
- Inscription : 22 juil. 2012, 05:27
Re: Modification d'un thème
Bonjour Tournicotis,
Avec ces 2 fichiers usercontent.css et userchrome.css ; ce qui est chiant, c’est qu’il faut donc savoir programmer.
==> viewtopic.php?f=5&t=55281 <==
Ou alors repiquer le code de personnes qui savent programmer et qui ont déjà créé ces 2 fichiers : https://userstyles.org/styles/browse/browser
Ou encore utilisez une extension telle que Stylich : https://addons.mozilla.org/en-US/firefo ... sh/?src=ss
Il a aussi Stylus : https://addons.mozilla.org/en-US/firefox/addon/styl-us/
Voire changer de Thèmes : https://addons.mozilla.org/en-US/firefox/themes/
Bien à vous.
Avec ces 2 fichiers usercontent.css et userchrome.css ; ce qui est chiant, c’est qu’il faut donc savoir programmer.
==> viewtopic.php?f=5&t=55281 <==
Ou alors repiquer le code de personnes qui savent programmer et qui ont déjà créé ces 2 fichiers : https://userstyles.org/styles/browse/browser
Ou encore utilisez une extension telle que Stylich : https://addons.mozilla.org/en-US/firefo ... sh/?src=ss
Il a aussi Stylus : https://addons.mozilla.org/en-US/firefox/addon/styl-us/
Voire changer de Thèmes : https://addons.mozilla.org/en-US/firefox/themes/
Bien à vous.
Dernière modification par Cucurbitacé le 04 avr. 2018, 15:41, modifié 1 fois.
-
- Gecko
- Messages : 65
- Inscription : 16 mai 2015, 16:04
Re: Modification d'un thème
Bonjour, et merci
Vais regarder ça.
En attendant, je bricole (après sauvegarde) le fichier userChrome.css en me basant sur des infos trouvées ici http://j2m-06.pagesperso-orange.fr/faq_ ... hrome.html et ici http://www.easy-pc.org/2017/11/astuces- ... sions.html
Résultats intéressants, même si je n'ai pas encore trouvé comment gérer la transparence.
Vais regarder ça.
En attendant, je bricole (après sauvegarde) le fichier userChrome.css en me basant sur des infos trouvées ici http://j2m-06.pagesperso-orange.fr/faq_ ... hrome.html et ici http://www.easy-pc.org/2017/11/astuces- ... sions.html
Résultats intéressants, même si je n'ai pas encore trouvé comment gérer la transparence.
- Cucurbitacé
- Animal mythique
- Messages : 5637
- Inscription : 22 juil. 2012, 05:27
Re: Modification d'un thème
Bonjour Tournicotis,
Le 1er lien (J2M-06) est le site du modérateur du Forum, il est aussi le traducteur de l'aide sur le site Mozilla.
==> memberlist.php?mode=viewprofile&u=10530 <==
Bien à vous.
Le 1er lien (J2M-06) est le site du modérateur du Forum, il est aussi le traducteur de l'aide sur le site Mozilla.
==> memberlist.php?mode=viewprofile&u=10530 <==
Bien à vous.
-
- Gecko
- Messages : 65
- Inscription : 16 mai 2015, 16:04
Re: Modification d'un thème
eh bien super boulot!
Merci beaucoup
Merci beaucoup
Re: Modification d'un thème
Bonjour,
Je sais pas où tu en es dans ta déco d'intérieure, mais au cas où, ptêt qu'avec une ptite base comme celle-ci ça pourrait t'aider
C'est un exemple parmi d'autres, mais je pense que c'est mieux d'agir sur la couleur du texte que sur le dégradé de l'image, qui risquerait de faire que du sombre partout. (et bien sûr tu peux changer les valeurs)
Je sais pas où tu en es dans ta déco d'intérieure, mais au cas où, ptêt qu'avec une ptite base comme celle-ci ça pourrait t'aider
Code : Tout sélectionner
/*---couleur texte onglets---*/
tab.tabbrowser-tab {
color: gold !important;
text-shadow: 1px 2px 1px red, 3px -1px 3px black, -1px -2px 3px black, 3px 3px 3px black !important;
}
/*---couleur bouton fermeture---*/
.tab-close-button {
color: black !important;
filter: drop-shadow(1px 2px 0px white ) !important;
}
/*---couleur boutons "nouvel onglet" & "liste des onglets"---*/
#new-tab-button,
#alltabs-button {
filter: drop-shadow(1px 2px 1px black) !important;
}
-
- Gecko
- Messages : 65
- Inscription : 16 mai 2015, 16:04
Re: Modification d'un thème
Merci beaucoup!
J'avais dans un premier temps ajouté:
mais curieusement la modif restait valable seulement jusqu'au treizième onglet. A l'ouverture du suivant, le bouton "nouvel onglet" disparaissait.
J'ai transigé en choisissant un autre thème qui me convient (2 Kolibri) avec la configuration suivante:
et tout va bien pour le moment. Je vais néanmoins étudier ta proposition.
Merci encore!
J'avais dans un premier temps ajouté:
Code : Tout sélectionner
/* Couleur de la croix et du fond du bouton nouvel onglet */
.tabs-newtab-button {
color: red !important;
background: lavender !important; }
J'ai transigé en choisissant un autre thème qui me convient (2 Kolibri) avec la configuration suivante:
Code : Tout sélectionner
/* --- Made by Trustadz --- */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once in userChrome.css */
.bookmark-item{
margin-left: 0 !important;
margin-right: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
toolbarbutton.bookmark-item .toolbarbutton-text{
display: none !important;
}
toolbarbutton.bookmark-item .toolbarbutton-icon{
margin-left: 2px !important;
}
#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon[label]:not([label=""]) {
margin-inline-end: 2px !important;
}
toolbarbutton.subviewbutton.subviewbutton-iconic .toolbarbutton-text{
display: -moz-box !important;
}
/* --- [1] --- */
toolbarbutton.bookmark-item:hover:not(.subviewbutton):not([disabled="true"]):not([open]) .toolbarbutton-text{
display: -moz-box !important;
}
/* --- [/1] --- */
/* --- [2] --- */
toolbarbutton.bookmark-item[type="menu"]{
margin-right: .5em !important
}
toolbarbutton.bookmark-item[type="menu"] .toolbarbutton-text{
display: -moz-box !important;
}
/* --- [/2] --- */
/* --- [4] --- */
#PlacesToolbarItems{
opacity: 0.3;
transition-delay: 3s;
transition-duration: .5s;
}
#PlacesToolbarItems:hover{
transition-delay: 0s;
opacity: 1;
}
/* --- [/4] --- */
/* --- [5] --- */
#PersonalToolbar{
height: 3px !important;
min-height: 3px !important;
max-height: 3px !important;
padding:0;
}
#PersonalToolbar #personal-bookmarks{
opacity: 0;
}
#PersonalToolbar:hover{
height: 2em !important;
min-height: 2em !important;
max-height: 2em !important;
padding: 0 6px 2px;
}
#PersonalToolbar:hover #personal-bookmarks{
opacity: 1;
}
#PersonalToolbar, #PersonalToolbar #personal-bookmarks{
transition-delay: 1s !important; /* Change the 1s to change how long the bookmarkbar stays visible */
}
#PersonalToolbar:hover, #PersonalToolbar:hover #personal-bookmarks{
transition-delay: 0s !important;
}
/* changer la couleur de la croix de fermeture de l'onglet (ok FF58) */
.tab-close-button {
color: red !important;
}
.tab-close-button:not([selected]) {
color: white !important;
}
/* changer la police (taille/couleur...) des onglets (ok FF58) */
.tab-text {
font-size: 120%; font-style: italic; color:e4f9c3
}
/* remettre l'arrondi des onglets (ok FF57) */
.tab-background {
border-radius: 8px 8px 0px 0px !important; border-image: none !important;
}
.tab-line {
display: none;
}
/* --- [/5] --- */
Merci encore!
- lool_lauris
- Animal mythique
- Messages : 7187
- Inscription : 14 mars 2008, 22:51
Re: Modification d'un thème
[modération]
Le post de Xzu a été déplacé vers cette nouvelle discussion.
[/modération]lool-lauris
Le post de Xzu a été déplacé vers cette nouvelle discussion.
[/modération]lool-lauris
Qui est en ligne ?
Utilisateurs parcourant ce forum : Bing [Bot], Google [Bot] et 24 invités