Ce site est optimisé pour être consulté depuis un navigateur moderne dans lequel JavaScript est activé.

[Tuto] Modifier le thème Greybird pour lui donner quelques couleurs

Poun64

Bonjour toul'monde,

En attendant la sortie de Xubuntu 18-04-1 fin juillet, j'ai retravaillé son thème Greybird par défaut à partir de sa mouture sortie en avril.
Toute cette grisaille initiale me donnait le bourdon, aussi j'en ai tricoté deux exemplaires : l'un bleuté (à la Windows 7), l'autre couleur beige (mode Ubuntu).
Edit : ma dernière mouture du 15/08/2018 comprend aussi un thème verdâtre...

Les fichiers de configuration sont annotés, vous pouvez ainsi faire vos propres bidouilles.

Si vous suivez à la lettre le tuto (fichier "Lisez-moi") vous ne toucherez pas au thème Greybird initial, mais vous en ajouterez trois autres.
A noter que ces modifs fonctionnent également sur le Live-USB, à tester donc avec encore moins de risques...

Attention, ça ne fonctionne à priori que sur une Xubuntu 18-04 toute neuve, pas sur une migration ni sur une version précédente (les configurations Gtk2 et Gtk3 sont différentes).
Enfin, ces modifications ont été optimisées pour le Gestionnaire de fenêtres "Kokodi" (pour une meilleure accroche des bords de fenêtres) et des Icônes Ubuntu-Mono-Dark (bien visibles).
Edit : pour les nostalgiques, ma mouture du 15/08/2018 a également été testée avec le Gestionnaire de fenêtres "RedmondXP" (disponible après l'installation du paquet supplémentaire "xfwm4-themes")...

~~Vous trouverez tout ça dans un dossier "zippé" ici..., à décompresser bien-sûr !~~
Edit du 3 nov. 2018 : une nouvelle mouture comprenant quatre thèmes est en phase de test, je posterai le lien dès que possible.

========================================================
========================================================

Edit du 19 novembre 2018

Vous pouvez télécharger ici ma dernière mouture... (ne tenez pas compte du message signalant l'impossibilité d'afficher un aperçu - c'est normal) !
Elle comprend quatre variantes au thème Greybird initial (bleuté - beige - vert et gris-sombre) avec un petit bonus (2 thèmes "flashy" pour les notifications).
Pour installation ou tests sur un live CD/USB, décompressez le fichier "Thèmes_18-04.zip" et suivez les indications du fichier "Lisez-moi.txt" (pour aller au plus simple, je vous invite de suivre la "méthode à la volée".
Remercions tous nam1962 et jlfh0816 pour l'aide qu'ils m'ont apportée 🙂 !
Allez, bonne bidouille et n’ayez pas peur de faire vos remarques, on est bien plus intelligents à plusieurs.

Amicalement

LukePerp

Bonjour, peux tu ajouter des captures d'écran avant/après tes modifications du thème stp

nam1962

+1
(et je suis le fil 🙂 )

Poun64

Coucou toul'monde,
Sans problème, c'est vrai que j'aurai pu le faire avant... désolé...
Dans l'ordre : Greybird initial, puis le Beige à la Ubuntu, enfin le mode Bleuté à la Windows...
Pour les vrais nostalgiques, on peut même écrire "Démarrer" à la place de "Applications". Le bouton s'éclaire déjà en vert au survol de la souris 😃 !
On ne le voit pas sur les copies d'écran, mais le fond des menus déroulants sont passés au jaune et j'ai mis aussi un peu de couleur au survol des applications du tableau de bord... J'ai également un peu épaissi les "sroll-bars" (ascenseurs).

Edit : puisque https://pix.toile-libre.org/ semble planté, voici 3 autres liens en remplacement : Gris Beige Bleu

Edit :
Ah j'oubliais..., si certains utilisent des logiciels qui utilisent les bibliothèques Qt5 (VLC et K3B par exemple), il faut faire une petite manip pour qu'ils aillent chercher le nouveau paramétrage de Gtk2.
Plus d’informations ici : https://forum.ubuntu-fr.org/viewtopic.php?id=2024449

Installation de la bibliothèque nécessaire :
	~$ sudo apt-get install qt5ct qt5-style-plugins gtk2-engines

Créer un fichier /etc/X11/Xsession.d/100qt-qt5ct :
	~$ sudo mousepad /etc/X11/Xsession.d/100qt-qt5ct

Y coller les instructions suivantes :
export QT_QPA_PLATFORMTHEME=qt5ct
export QT_PLATFORMTHEME=qt5ct
export QT_PLATFORM_PLUGIN=qt5ct

Lancer dans un terminal la commande :
	~$ export QT_QPA_PLATFORMTHEME=qt5ct qt5ct

Lancer en ligne de commande Qt5 : 
	~$ qt5ct

Puis le configurer à l’image des autres paramètres :
	Onglet Apparence => Style gtk2
	Onglet Police => Général : Noto Sans 10  Largeur fixe : Monospace 10
	Onglet Thème des icônes : Ubuntu- Mono-Dark

Si le thème Gtk2 (Greybird) n’est pas appliqué au programme utilisant Qt5, faire avant le prochain démarrage de ce programme :
Pour "VLC"
        ~$ export QT_QPA_PLATFORMTHEME=qt5ct vlc
Pour "K3B"
        ~$ export QT_QPA_PLATFORMTHEME=qt5ct k3b

Amicalement

Arzon

Super ! je vais tester ça

Poun64

Et hop, un dernier petit thème... juste pour le fun 😛 !
Cette fois-ci, il est tout vert : Greybird à dominante verte
A+

Poun64

Bonjour toul'monde,

J'ai quelque peu ajusté mes nouveaux thèmes "Greybird" pour que le rendu soit identique sur les installations neuves 18.04 et 18.04.1
La nouvelle mouture comprenant les trois dominantes (bleue, beige et verte) est téléchargeable à partir du lien modifié de mon 1er post.

Amicalement

jlfh0816

@Poun64
Bonjour Poun64,
J'ai été très intéressé par ton travail de personnalisation des couleurs du thème Greybird ... et j'ai adopté la version bleue qui s'affiche très bien sur ma Xubuntu 18.04 (avec remplacement de Thunar par Nemo).
Toi qui maîtrise la personnalisation des couleurs de ce thème, aurais-tu la gentillesse de me dire s'il te parait faisable de lui adapter l'assortiment des couleurs de l'ancien thème MediterraneanNight :

Mes yeux fatiguant assez vite , les couleurs gris et bleu de ce vieux thème me conviendraient beaucoup mieux que le blanc "agressif" du fond d'origine de Greybird.
Et tant que j'y suis, connais-tu un logiciel qui me donnerait le code hexadécimal d'une couleur rien qu'en la pointant avec la souris ? Est-ce que ça existe ?

Grand merci par avance de ta réponse et encore bravo pour ton travail !

nam1962

Pour Firefox : https://addons.mozilla.org/fr/firefox/addon/colorzilla/

jlfh0816

nam1962 a écritPour Firefox : https://addons.mozilla.org/fr/firefox/addon/colorzilla/

@nam1962
Toujours aussi efficace (et rapide) nam1962 !
Merci beaucoup pour cet addon que je ne connaissais pas. C'est dommage qu'il ne fonctionne que sur une page ouverte par Firefox (mais ça marche très bien, je viens de le tester). Si la même chose existait pour identifier aussi facilement n'importe quelle couleur sur un point quelconque de l'écran, par exemple le fond de Nemo lorsqu'il utilise le thème mediterraneannight, ça serait super.
Encore merci de cette trouvaille nam !

nam1962

jlfh0816 a écrit(...)Si la même chose existait pour identifier aussi facilement n'importe quelle couleur sur un point quelconque de l'écran, par exemple le fond de Nemo lorsqu'il utilise le thème mediterraneannight, ça serait super.

A priori, le fond c'est #D8D8D8

sudo apt install gpick

jlfh0816

@nam1962
Super ce logiciel !
Installé (sur 14.04 pour l'instant), testé et approuvé. C'est presque un jeu tellement c'est facile !
Un grand merci nam1962, voilà déjà un point réglé pour mon questionnement.
J'attends maintenant avec à la fois impatience et gratitude l'avis de Poun64 quant à la faisabilité du portage des couleurs du thème mediterraneannight sur le thème Greybird 🙂

Pour info : tu as raison, le fond est bien #D8D8D8 !!!!

nam1962

En fait, si tu regardes gpick, il te permet de générer des tables de couleur et même le css qui va bien.
A priori ça simplifie l'adaptation du thème 😉

Sinon, ce n'est pas moi qui ai raison, mais gpick 😛

jlfh0816

@nam1962
Tu as raison, je n'ai fais jusqu'à présent qu'une utilisation "basique de chez basique" de gpick. Il va maintenant me falloir prendre un peu de temps pour apprendre à l'utiliser correctement ... et ne pas me contenter d'un simple "picking".
En tout cas, merci beaucoup de ton aide, j'apprécie beaucoup.
Très bonne fin de week-end à toi !

Poun64

Bonsoir jlfh0816 et nam1962, bonsoir toul'monde !

J'arrive de WE à l'instant...
Jlfh0816, à priori la tâche ne me paraît pas insurmontable. Il faudra quand-même me laisser quelques jours.
Je posterai un "draft", tu me diras si ça convient ou si je dois modifier d'autres trucs...
Nous l'appellerons "Greybird-MediterraneanNight".
Pour ce qui est des icônes que tu montres, je les trouve bien sympathiques. Sais-tu où peut-on les trouver ?

A+

jlfh0816

@Poun64

J'espère pour toi que le WE fût bon ... 😃
Je te remercie d'avoir pris le temps de regarder ma demande. Mes yeux surtout t'en remercient encore plus par avance !
Nam1962 a eu la gentillesse de m'indiquer quel logiciel utiliser pour catégoriser au mieux les couleurs du thème (panel, fond, barre, etc ...) mais c'est vrai que je suis très heureux que tu acceptes de m'apporter à ton tour ton aide, toi qui connait bien les arcanes gtk du thème Greybird (il y a tellement de fichiers qui entrent en ligne de compte qu'on s'y perd très vite entre les css, les scss, les contained, etc ... d'autant qu'il y a du gtk 2 et du gtk 3).

Et premier bon point : tu as déjà enrichi mon vocabulaire : je sais maintenant ce qu'est un "draft" ! 😛

Sinon, en ce qui concerne les icones, ce sont toutes des icones Windows-like datant d'avant l'époque du "flat design" (je n'aime vraiment pas ce dernier mais des goûts et des couleurs ...). Dans la pratique, je n'ai pas eu recours à un thème d'icones ou à un pack tout fait d'avance. Non, j'ai simplement glané mes icones une par une, au hasard de mes surfs. Mon seul critère était qu'elle me plaise. Et comme j'utilise Nemo en lieu et place de Thunar, j'ai la possibilité de remplacer très facilement une icone d'origine de Greybird par une autre de mon choix (avec Thunar, on n'a pas cette possibilité). Et bien sûr, si je me lasse d'une icone, je la change aussi facilement que je l'avais mise en place (clic D sur l'icone à changer > propriétés > clic G sur l'icone > et on navigue dans l'arborescence jusqu'au dossier contenant la nouvelle icone).

Un très grand merci à toi Poun64 !

nam1962

[Taquinerie]

jlfh0816 a écrit [(...)des icones Windows-like datant d'avant l'époque du "flat design" (je n'aime vraiment pas ce dernier mais des goûts et des couleurs ...). (...)

Donc tu préfères :

😛

[/Taquinerie]

jlfh0816

@nam1962

Taquin pour taquin ... alors oui, question icones, je préfère une belle icone bien en relief et souriante (style Brigitte Bardot ou Claudia Schiffer) que plate et toute maigre (le "flat design" des icones actuelles de la mode, je ne citerai pas de noms !) ...

PS: c'est de l'humour, of course ! ! ! (je préfère prendre mes précautions 😛 )

Poun64

jlfh0816 a écrit... je préfère une belle icône bien en relief et souriante (style Brigitte Bardot ou Claudia Schiffer) ...

Mouais... Tu avoueras quand-même qu'elles ont perdu maintenant beaucoup de leur relief...
😛 !

Poun64

Bonsoir jlfh0816, bonsoir toul'monde,

jlfh0816 a écrit...j'ai adopté la version bleue qui s'affiche très bien sur ma Xubuntu 18.04 (avec remplacement de Thunar par Nemo).
...les couleurs gris et bleu de ce vieux thème me conviendraient beaucoup mieux que le blanc "agressif" du fond d'origine de Greybird.

Pour éviter que je parte sur une mauvaise piste et à condition que j'arrive à rendre le fond des fenêtres grisées, souhaites-tu conserver ma version "bleutée" (avec ses menus déroulants jaunes) ou rester sur le thème Greybird d'origine ?

J'ai déjà trouvé un Gestionnaire de fenêtres qui ressemble beaucoup à ton exemple : c'est "Wallis".
Il est accessible en faisant :

sudo apt-get install xfwm4-themes

Sinon, tu as un thème très très très sombre... et encore beaucoup plus sombre que ça : c'est "Adwaita-sombre". L'as-tu testé ?

Amicalement

Page suivante »