J'aimerais créer un thème personnalisé. En fait, il s'agirait d'un thème Yaru modifié.
Je pouvais changer la couleur principale de la barre d'en-tête, mais je ne pouvais pas changer la couleur de ses boutons.
Thème original de Yaru :
Thème modifié :
Je voudrais changer la couleur grise des boutons en une autre couleur. Comment faire ?
Mon système d'exploitation est Ubuntu 20.04 LTS avec GNOME 3.36.
Vous pouvez télécharger et personnaliser le Thème Yaru de Gitub .
Ici sont des instructions pour vous aider à démarrer.
Installer les paquets prérequis pour cloner le référentiel et construire les fichiers sources :
apt install libgtk-3-dev git meson sasscTéléchargez le dépôt depuis GitHub, puis construisez et installez le thème :
# You can get the master branch using:
# git clone https://github.com/ubuntu/yaru.git
# You can get the branch for 20.04 using:
git clone --branch focal https://github.com/ubuntu/yaru.git
cd yaru
# Initialize build system (only required once per repo)
meson build
cd build
# Build and install
sudo ninja installPour personnaliser le thème, avant de le construire et de l'installer, vous devrez modifier différents fichiers. Jetez un coup d'oeil aux fichiers contenus dans ces répertoires...
.../yaru/gtk/src
.../yaru/gtk/src/default/gtk-3.20
.../yaru/gtk/src/default/gtk-3.0
.../yaru/gnome-shell/src
.../yaru/gnome-shell/src/gnome-shell-sassJe ne pourrai pas vous donner d'instructions spécifiques, car il s'agit d'un sujet complexe, et tout dépend de ce que vous voulez changer.
Cependant, jetez un coup d'œil à la _ubuntu-colors.scss dans les chemins ci-dessus, si vous souhaitez simplement changer quelques couleurs de base.
J'ai modifié un thème en éditant des fichiers css dans le fichier /usr/share/themes/<theme name> répertoire. Toutefois, il s'agit d'une approche par tâtonnement, car il n'est pas très clair quel sélecteur CSS correspond à quel élément réel à l'écran.
Je vous recommande de créer d'abord une copie du thème, car si vous modifiez le thème original, vos modifications risquent d'être écrasées lors de la mise à jour du thème. Dans le cas du thème Yaru, vous devez le faire de toute façon, car il est livré dans une forme emballée et vous devez le décompresser si vous voulez le modifier.
Il existe un gtk.gresource dans les deux gtk-3.0 et gtk-3.20 les sous-répertoires de /usr/share/themes/Yaru . Après avoir créé une copie du répertoire (par exemple sous le nom /usr/share/themes/My Theme ), vous devez décompresser ces deux fichiers. Type de fichier
gresource list gtk.gresourcepour énumérer le contenu du fichier. Il contient essentiellement deux fichiers gtk.css et gtk-dark.css (qui doit remplacer les fichiers déjà présents dans le répertoire) et un fichier assets avec un certain nombre de fichiers. Vous devez tout extraire (vous pouvez écrire un simple script pour le faire, en vous basant sur la sortie de la commande ci-dessus). Pour extraire un seul fichier (disons gtk.css ), procédez comme suit :
gresource extract gtk.gresource /com/ubuntu/themes/Yaru/3.0/gtk.css >gtk.cssAprès avoir tout extrait, supprimez le fichier gtk.gresource dossier. Modifiez également le fichier index.theme dans le fichier /usr/share/themes/My Theme car il contient le nom du thème).
Pour voir l'effet de vos changements, vous devez changer votre thème de "Mon thème" à autre chose (peut-être Yaru standard, ainsi vous verrez facilement les différences), puis revenir à "Mon thème".
SystemesEZ est une communauté de sysadmins où vous pouvez résoudre vos problèmes et vos doutes. Vous pouvez consulter les questions des autres sysadmins, poser vos propres questions ou résoudre celles des autres.
