web-dev-qa-db-fra.com

Comment modifier l'arrière-plan du tiroir d'applications pour qu'il soit moins transparent

Comment puis-je changer la couleur de fond du tiroir de l'application Ubuntu? ou comment puis-je diminuer l'effet de flou, je ne veux pas voir mon fond d'écran lorsque je suis sur la page du tiroir de l'application.

Trop transparent.

large icons, wallpaper behind

J'aime ce fond.

dark background with Ubuntu MATE logo, app icons on top

3
SHawk

la couleur de fond du tiroir de l'application peut être modifiée en modifiant le fichier gdm3.css.

enter image description here

Veuillez noter que, avec cette réponse, l’arrière-plan n’est pas entièrement recouvert de la couleur que nous voulons, même des bords, et la deuxième page est transparente. Je ne pouvais pas casser le code pour cela.

nous devons d’abord effectuer la sauvegarde du fichier gdm3.css.
ce fichier gdm3.css est un fichier lié. Je me suis planté à plusieurs reprises avec ce fichier gdm3.css.
Le meilleur moyen de sauvegarder est de copier/coller le contenu du fichier gdm3.css dans un nouveau fichier texte.

créez un fichier texte appelé "Sauvegarde gdm3" et enregistrez-le à l’emplacement de votre choix.

maintenant ouvrir le fichier gdm3.css avec votre éditeur de texte préféré, le mien est gedit, donc

Sudo -H gedit /etc/alternatives/gdm3.css

copier tout son contenu, coller dans le fichier "gdm3 backup" créé précédemment.
enregistrez et fermez le fichier "gdm3 backup".

maintenant nous allons éditer le fichier /etc/alternatives/gdm3.css qui est déjà ouvert.
allez à la ligne 1321 et trouvez le contenu ci-dessous.

/* App Vault/Grid */
.icon-grid {
  spacing: 30px;
  -Shell-grid-horizontal-item-size: 136px;
  -Shell-grid-vertical-item-size: 136px; }
  .icon-grid .overview-icon {
    icon-size: 96px; }

et changez-le comme ci-dessous, remplacez la couleur de votre choix à la place du champ rgba.

/* App Vault/Grid */
.icon-grid {
  spacing: 30px;
  -Shell-grid-horizontal-item-size: 136px;
  -Shell-grid-vertical-item-size: 136px;
  background-color: rgba(71, 68, 68, 1); }
  .icon-grid .overview-icon {
    icon-size: 96px; }

Observez que j'ai modifié le numéro de ligne 1321 et que je l'ai ajouté sous le numéro de ligne 1321
background-color: rgba(71, 68, 68, 1); }

Enregistrez le fichier, fermez et redémarrez ou déconnectez-vous et connectez-vous pour voir le changement.

enter image description here

enter image description here

J'utilise ce site Web pour choisir les couleurs https://www.color-hex.com/
Contrôle la transparence par la quatrième valeur dans rgba(71, 68, 68, 1)

enter image description here

Autre couleur avec transparence 0,5: rgba(0, 165, 230, 0.5)

enter image description here

2
PRATAP