Comment changer la couleur de fond des info-bulles dans Unity?

212

Dans de nombreuses applications, les infobulles sont tout simplement laides (texte blanc sur fond noir, contraste trop important) ou même illisibles (texte noir ou bleu foncé (hyperliens) sur fond noir). Je veux changer la couleur de fond des info-bulles en un gris moyen ou même un peu de jaune ou quelque chose comme ça, peut-être même quelque chose de semi-transparent.

Voici une capture d'écran d'Eclipse qui affiche du code source dans une info-bulle avec du texte noir sur fond noir:

Passer à un autre thème (quelque chose d’autre que Ambiance ou Radiance) aide mais j’aime Ambiance et je veux le garder. C'est juste cette couleur infime des info-bulles, ce qui est absolument inacceptable.

J'ai trouvé plusieurs solutions pour les anciennes versions d'Ubuntu mais elles ne fonctionnent plus avec Unity dans Ubuntu 11.10 car je ne trouve aucune fonction pour personnaliser le thème Ambiance ou Radiance. Alors, comment puis-je le faire dans la version actuelle d'Ubuntu?

    
posée kayahr 22.10.2011 - 12:25
la source

16 réponses

135

Je l'ai trouvé!

J'ai dû éditer ces fichiers:

/usr/share/themes/Ambiance/gtk-3.0/settings.ini
/usr/share/themes/Ambiance/gtk-3.0/gtk.css
/usr/share/themes/Ambiance/gtk-2.0/gtkrc

(Ajout: pour Ubuntu 12.04, il semble que vous ayez à modifier le fichier: /usr/share/themes/Ambiance/gtk-2.0/gtkrc, remplaçant le backround info-bulle et couleur de premier plan, avec le # 000000 et la couleur # de f5f5b5, respectivement)

Vous avez besoin des privilèges root pour modifier les fichiers. Utilisez gksudo gedit pour les éditer.

Recherchez tooltip dans ces fichiers et vous trouverez les définitions de couleurs pour le premier plan et l'arrière-plan. J'utilise #000000 comme premier plan et #f5f5b5 comme arrière-plan et maintenant, les infobulles dans toutes les applications sont à nouveau lisibles. Après avoir modifié les valeurs de couleur, basculez simplement sur un autre thème, puis revenez à Ambiance et la couleur de l'info-bulle est maintenant corrigée.

Voici le résultat:

    
réponse donnée kayahr 22.10.2011 - 16:11
la source
145

Installez et ouvrez gnome-color-chooser .

Allez à SpecificTooltips et mettez le premier plan noir sur fond jaune pâle.

    
réponse donnée Nick Andrik 06.02.2012 - 17:17
la source
27

Si vous souhaitez modifier les couleurs des infobulles de toutes les applications, installez et exécutez gnome-color-chooser et accédez à l'onglet spécifique & gt; Info-bulles. Cochez les cases pour le premier plan et l'arrière-plan et choisissez les couleurs.

Comment ça marche (vous pouvez le faire manuellement):

gnome-color-chooser ajoute ce qui suit à votre ~ / .gtkrc-2.0:

include ".gtkrc-2.0-gnome-color-chooser"

et ~ / .gtkrc-2.0-gnome-chooser:

style "gnome-color-chooser-tooltips"
{
  bg[NORMAL] = "#FFFFAF"
  fg[NORMAL] = "#000000"
}
widget "gtk-tooltip*" style "gnome-color-chooser-tooltips"

Si vous voulez simplement changer les couleurs des infobulles pour une application unique, telle que eclipse, mettez le texte ci-dessus dans un fichier gtkrc personnalisé (par exemple ~ / gtkrc-eclipse) et lancez eclipse avec GTK2_RC_FILES = ~ / gtkrc-eclipse eclipse

    
réponse donnée bain 04.05.2012 - 11:47
la source
21

J'ai créé un petit script qui fait ça pour vous

#/bin/sh
# Tooltip fix
# A script to fix themes files in Ubuntu 11.10
#  to have readable tooltips in applications such
#  as eclipse.
# The script edits the gtk.css, settings.ini and gtkrc files
# Author: Victor Pillac
# http://victorpillac.wordpress.com

if [[ $EUID -ne 0 ]]; then
  echo "This script must be run as root" 1>&2
  exit 1
fi  

path=/usr/share/themes
theme=Ambiance

if [ $# = 1 ]; then
  theme=
fi

echo "Fixing tooltips for theme $theme"
echo " (you can select a different theme by passing its name as argument)"
sed -i 's/tooltip_bg_color #000000/tooltip_bg_color #f5f5b5/g' $path/$theme/gtk-3.0/gtk.css
sed -i 's/tooltip_fg_color #ffffff/tooltip_fg_color #000000/g' $path/$theme/gtk-3.0/gtk.css
sed -i 's/tooltip_bg_color:#000000/tooltip_bg_color:#f5f5b5/g' $path/$theme/gtk-3.0/settings.ini
sed -i 's/tooltip_fg_color:#ffffff/tooltip_fg_color:#000000/g' $path/$theme/gtk-3.0/settings.ini
sed -i 's/tooltip_bg_color:#000000/tooltip_bg_color:#f5f5b5/g' $path/$theme/gtk-2.0/gtkrc
sed -i 's/tooltip_fg_color:#ffffff/tooltip_fg_color:#000000/g' $path/$theme/gtk-2.0/gtkrc
echo "Done"
    
réponse donnée Victor P. 01.12.2011 - 10:42
la source
7

Pour CDT, procédez comme suit:

Fenêtre & gt; Préférences & gt; Éditeur de C / C ++: Options de couleur d'apparence & gt; Fond de survol de source

Décochez la case System Default et sélectionnez une couleur.

Malheureusement, je ne connais aucun paramètre pour Eclipse. Plutôt misérable. Vous ne devriez pas avoir à définir des choses comme ça pour chaque perspective.

    
réponse donnée DJo 04.12.2011 - 07:07
la source
6

J'ai adopté une solution légèrement différente.

Commencez par créer un nouveau script, eclipse.sh, qui lance eclipse, le mien ressemble à ceci:

#!/bin/bash
GTK2_RC_FILES=/usr/share/eclipse/gtkrc-2.0-eclipse /usr/share/eclipse/eclipse

Ensuite, créez le fichier gtkrc (/usr/share/eclipse/gtkrc-2.0-eclipse), le mien ressemble à ceci (il y a aussi d'autres modifications pour mieux utiliser l'écran):

style "my-tooltips"
{
  bg[NORMAL] = "#FFFFAF"
  fg[NORMAL] = "#000000"
}
widget "gtk-tooltip*" style "my-tooltips"

style "gtkcompact" 
{
    font_name="Ubuntu Light 11"

    GtkButton::default_border={0,0,0,0}
    GtkButton::default_outside_border={0,0,0,0}
    GtkButtonBox::child_min_width=0
    GtkButtonBox::child_min_heigth=0
    GtkButtonBox::child_internal_pad_x=4
    GtkButtonBox::child_internal_pad_y=4
    GtkMenu::vertical-padding=1
    GtkMenuBar::internal_padding=0
    GtkMenuItem::horizontal_padding=4
    GtkToolbar::internal-padding=1
    GtkToolbar::space-size=1
    GtkOptionMenu::indicator_size=0
    GtkOptionMenu::indicator_spacing=0
    GtkPaned::handle_size=4
    GtkRange::trough_border=0
    GtkRange::stepper_spacing=0
    GtkScale::value_spacing=0
    GtkScrolledWindow::scrollbar_spacing=0
    GtkExpander::expander_size=10
    GtkExpander::expander_spacing=0
    GtkTreeView::vertical-separator=0
    GtkTreeView::horizontal-separator=0
    GtkTreeView::expander-size=10
    GtkTreeView::fixed-height-mode=TRUE
    GtkWidget::focus_padding=0
    GtkTreeView::vertical-separator = 0
}

class "GtkWidget" style "gtkcompact"

style "gtkcompactextra" 
{
    xthickness=0
    ythickness=0
}

class "GtkButton"   style "gtkcompactextra"
class "GtkToolbar"  style "gtkcompactextra"
class "GtkPaned"    style "gtkcompactextra"
class "GtkNotebook" style "gtkcompact"
    
réponse donnée Mike 20.08.2013 - 14:58
la source
4

Je pense que celui-ci est résolu. Je l'ai eu montrant l'info-bulle avec des lettres noires sur fond blanc. Dans mon cas, il semble qu'Eclipse utilise les paramètres des info-bulles du fichier gtk-2.0/gtkrc du répertoire du thème.

Ma configuration: Ubuntu 12.04, Gnome (Not Unitiy), Eclipse Indigo (3.7), thème GrayDay pour Gnome. Le nom du thème et du thème lui-même n'est pas important.

Ouvrez le terminal, accédez au répertoire du thème (cd $ HOME / .themes) et accédez au répertoire de votre thème. Si votre répertoire .themes n'est pas vide, alors vous utilisez le thème système qui se trouve dans / usr / share / themes. Déterminez simplement le nom du thème que vous utilisez (clic droit sur bakcground, choisissez Modifier l’arrière-plan du bureau, le nom du thème doit se trouver dans le coin inférieur droit). sur quel thème vous utilisez).

Dans le répertoire du thème, lancez cette commande:

grep -r tooltip *

il devrait lister tous les fichiers et toutes les lignes où le "keytip" de keywork est mentionné. Remplacez chaque arrière-plan (tooltip_bg_color) par #ffffff et chaque premier plan par # 000000. Noir sur un premier plan blanc, c'est ce que nous voulons! Surtout, modifiez les valeurs dans le fichier gtk-2.0/gtkrc .

L'erreur que je faisais, c'est de colorer les info-bulles dans le répertoire gtk-3.0, ce qui n'a aucun effet.

Maintenant, allez dans Eclipse, Window - & gt; Préférences - & gt; Java - & gt; Editeur et définissez le Fond de Source Hover sur la "Couleur du Système" (cochez à droite). Redémarrez l'Eclipse!

Ceci est la liste de grep -r tooltip * de mon répertoire de thème après avoir apporté des modifications:

gtk-2.0/gtkrc:gtk-color-scheme  = "tooltip_fg_color:#000000\ntooltip_bg_color:#ffffff\nlink_color:#0033ff"
gtk-2.0/gtkrc:style "tooltips" {
gtk-2.0/gtkrc:  bg[NORMAL]  = @tooltip_bg_color
gtk-2.0/gtkrc:  fg[NORMAL]  = @tooltip_fg_color
gtk-2.0/gtkrc:  GtkWidget::new-tooltip-style    = 0
gtk-2.0/gtkrc:# The window of the tooltip is called "gtk-tooltip"
gtk-2.0/gtkrc:widget "gtk-tooltip*"             style "tooltips"
gtk-3.0/gtk.css:/* @define-color tooltip_bg_color #343434; */
gtk-3.0/gtk.css:/* @define-color tooltip_fg_color #ffffff; */
gtk-3.0/gtk.css:@define-color tooltip_bg_color #ffffff;
gtk-3.0/gtk.css:@define-color tooltip_fg_color #343434;
gtk-3.0/gtk.css:@define-color theme_tooltip_bg_color @tooltip_bg_color;
gtk-3.0/gtk.css:@define-color theme_tooltip_fg_color @tooltip_fg_color;
gtk-3.0/gtk-widgets.css:.tooltip {
gtk-3.0/gtk-widgets.css:    background-color:   @theme_tooltip_bg_color;
gtk-3.0/gtk-widgets.css:    color:              shade(@theme_tooltip_fg_color, 0.90);
gtk-3.0/gtk-widgets.css:.tooltip * {
gtk-3.0/gtk-widgets.css:    background-color: @theme_tooltip_bg_color;
gtk-3.0/settings.ini:gtk-color-scheme   = "tooltip_fg_color:#343434\ntooltip_bg_color:#ffffff\nlink_color:#4a90d9"
gtk-3.0/settings-default.ini:gtk-color-scheme   = "tooltip_fg_color:#343434\ntooltip_bg_color:#ffffff\nlink_color:#4a90d9"
    
réponse donnée Mihael K 19.06.2012 - 10:30
la source
2

J'avais le même problème (Xubuntu 12.04, thème Greybird, Eclipse Indigo) et la réponse de Mihael K a fonctionné pour moi. Le seul fichier que j'ai changé était gtk-2.0 / gtkrc et je n'ai changé qu'une seule ligne. La troisième ligne après les premiers commentaires. Changement des valeurs de couleur hexadécimale de tooltip_bg_color: # 000000 en tooltip_bg_color: # ffffe1 et tooltip_fg_color: #ffffff en tooltip_fg_color: # 000000. Donc, la ligne ressemblera à ceci:

gtk_color_scheme        = "tooltip_bg_color:#ffffe1\ntooltip_fg_color:#000000" # Tooltips.

L'élipse et les info-bulles redémarrées sont maintenant la couleur jaunâtre à laquelle je suis habitué. Je n'ai pas eu besoin de faire d'autres réglages dans eclipse ou dans aucun des autres fichiers.

    
réponse donnée jgreen 20.06.2012 - 05:05
la source
2

J'ai résolu le problème avec des info-bulles blanches sur noir avec 4 fichiers gtkrc:

  1. ~ / .config / gtk-3.0 / gtk.css

    /* tooltips */
    @define-color tooltip_bg_color #ffffaf;    
    @define-color tooltip_fg_color #000000;
    
  2. ~ / .config / gtk-3.0 / settings.ini

    [Settings]
    gtk-color-scheme = "tooltip_bg_color:#ffffaf\ntooltip_fg_color:#000000"
    
  3. ~ / .gtkrc-2.0

    include ".gtkrc-2.0-gnome-color-chooser"
    
  4. ~ / .gtkrc-2.0-gnome-color-chooser

    pixmap_path "/home/user/.gnome-color-chooser/images/"
    
    style "gnome-color-chooser-tooltips"
    
    {
    bg[NORMAL] = "#FFFFAF"
    fg[NORMAL] = "#000000"
    }
    
    widget "gtk-tooltip*" style "gnome-color-chooser-tooltips"
    

Les troisième et quatrième fichiers ont été créés par gnome-color-chooser. Mes info-bulles sont en noir sur jaune. J'utilise Ubuntu 12.04 et je pense qu'il n'est pas bon d'éditer des fichiers / usr / share / themes au niveau du système. J'espère que ma solution aidera quelqu'un.

    
réponse donnée N0rbert 11.01.2014 - 18:14
la source
1

Il y a aussi une autre solution à cela: utilisez dconf-editor pour trouver la clé suivante:

org->gnome->desktop->interference->gtk-color-scheme

dont la description dit: Une liste \n séparée de name:color telle que définie par le paramètre gtk-color-scheme .

Ecrivez le schéma dans gedit dans le style comme suit (cet exemple est le mien), puis collez-le dans l'éditeur dconf (notez le '\ n' à chaque extrémité de la ligne):

fg_color:#4c4c4c4c4c4c
bg_color:#f2f2f1f1f0f0
text_color:#3c3c3c3c3c3c
base_color:#ffffffffffff
selected_fg_color:#ffffffffffff
selected_bg_color:#f0f077774646
tooltip_fg_color:#ffffff5a0e74
tooltip_bg_color:#14a784edd8b6

et le problème sera résolu immédiatement.

    
réponse donnée Shawn Zhao 22.12.2011 - 07:10
la source
0

Une manière plus conviviale de modifier l’arrière-plan consiste à utiliser l’interface utilisateur. Ouvrez le système, les préférences, l'apparence. Par défaut, le thème "Ambiance" sera sélectionné, mais vous pouvez le modifier pour n'importe quel thème. Cliquez sur le bouton Personnaliser ci-dessous et passez à l'onglet Couleurs. Vous pouvez y modifier les couleurs de premier plan et d’arrière-plan des infobulles en cliquant sur les cases appropriées.

    
réponse donnée Sergiy Byelozyorov 18.11.2011 - 14:54
la source
0

Sur Ubuntu 12.10 (quantal), vous pouvez utiliser les deux commandes suivantes:

#foreground white => black
sudo sed -i s/tooltip_fg_color:#ffffff/tooltip_fg_color:#000000/g  /usr/share/themes/Ambiance/gtk-3.0/settings.ini /usr/share/themes/Ambiance/gtk-3.0/gtk.css /usr/share/themes/Ambiance/gtk-2.0/gtkrc
#background black => yellow
sudo sed -i s/tooltip_bg_color:#000000/tooltip_bg_color:#f5f5b5/g  /usr/share/themes/Ambiance/gtk-3.0/settings.ini /usr/share/themes/Ambiance/gtk-3.0/gtk.css /usr/share/themes/Ambiance/gtk-2.0/gtkrc

(Merci aux autres réponses qui m'ont aidé à comprendre cela!)

    
réponse donnée AmanicA 09.02.2013 - 01:38
la source
0

Cette réponse consiste à signaler un cas rare où un bogue très similaire se produit si vous avez installé xulrunner et configuré eclipse pour l'utiliser.

J'ai installé xulrunner pour que le Concepteur GPE rende correctement les interfaces utilisateur GWT en mode conception, ce qui a très bien fonctionné, mais j'ai constaté que cela avait également brisé les info-bulles. Le bogue est en fait pire que la capture d'écran ci-dessus, il affiche simplement une info-bulle vierge.

Pour résoudre ce problème, il vous suffit de supprimer le paramètre xulrunner de eclipse.ini :

-Dorg.eclipse.swt.browser.XULRunnerPath=/path/to/xulrunner/

Cela a fonctionné pour moi avec Ubuntu 12.04, Eclipse 4.2 / Juno et xulrunner 1.9.2

    
réponse donnée carrizo 04.07.2013 - 06:45
la source
0

Pour les utilisateurs élémentaires:

Accédez à /usr/share/themes/elementary/gtk-3.0 , modifiez le fichier gtk-widgets.css avec sudo nano , tapez Ctrl + W pour trouver Tooltips , puis à background-color: alpha(#color, #opacity) modifiez la couleur comme #f5f5b5 et définissez l'opacité sur 1.

    
réponse donnée Nick 29.04.2016 - 21:53
la source
0

Pour ouvrir la fenêtre Apparence avec Tab: Thèmes directement depuis l’écriture de root @ terminal (vous pouvez également utiliser cette commande pour un script):

sudo -u USER gnome-appearance-properties -p theme

USER est votre utilisateur actuel sur le bureau. Il va ouvrir Apparence correctement, mais vous devez toujours cliquer sur les affichages de thème dans la fenêtre Apparence pour lancer votre thème.

Pour le test avec le thème d’installation: Dust de root @ terminal, commande:

sudo -u USER gnome-appearance-properties -i /home/USER/Desktop/Dust-0.4.tar.gz

obtient cette erreur:

  

(gnome-apparence-properties: 16161): Gtk-WARNING **: impossible de localiser le moteur de thème dans module_path: "murrine"

mais si thème: Poussière installe en sélectionnant menu: Système / Préférences / Apparence et installe depuis la fenêtre Apparence, installation du thème: Poussière est correcte.

Il est nécessaire de commander le choix des thèmes dans la fenêtre Apparence, mais je ne le trouve pas.

    
réponse donnée Khmer 18.08.2016 - 02:23
la source
0

J'utilise Kubuntu 16.04 avec le thème Breeze et Eclipse 4.6.1 avec le GTK3 par défaut maintenant qu'ils ont corrigé le problème de remplissage des boutons.

Pour obtenir des info-bulles de survol avec un arrière-plan gris clair et un premier plan noir, j'ai apporté quelques modifications à /usr/share/themes/Breeze-gtk/gtk-3.0/gtk.css ; voici ce que j'ai fini avec:

/************
 * Tooltips *
 ************/
.tooltip {
  color: #000000;
  padding: 4px;
  box-shadow: none;
}
.tooltip.background {
    background-color: #f5f5f5;
    background-clip: padding-box;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

Et l'original:

/************
 * Tooltips *
 ************/
.tooltip {
  color: white;
  padding: 4px;
  /* not working */
  border-radius: 5px;
  box-shadow: none;
  text-shadow: 0 1px black; }
  .tooltip.background {
    background-color: rgba(0, 0, 0, 0.8);
    background-clip: padding-box;
    border: 1px solid rgba(255, 255, 255, 0.1); }

Si les liens ne fonctionnent pas dans les popups Javadoc, il peut être utile d’installer libwebkitgtk comme suit:

sudo apt install libwebkitgtk-1.0-0
    
réponse donnée Mike Partridge 14.10.2016 - 21:38
la source

Lire d'autres questions sur les étiquettes