Como alterar a cor de fundo da ferramenta no Unity?

214

Em muitos aplicativos, as dicas de ferramentas são simplesmente feias (texto branco em fundo preto, muito contraste) ou até mesmo ilegíveis (texto em preto ou azul escuro (Hyperlinks) em fundo preto). Eu quero mudar a cor de fundo das dicas de ferramentas para algum cinza médio ou até mesmo algum amarelo ou algo parecido, talvez até algo semitransparente.

Aqui está uma captura de tela do Eclipse que exibe um código-fonte em uma dica de ferramenta com texto preto em fundo preto:

Mudar para um tema diferente (algo diferente de Ambiance ou Radiance) ajuda, mas eu gosto de Ambiance e quero mantê-lo. É apenas essa cor de dica que é absolutamente inaceitável.

Encontrei várias soluções para versões mais antigas do Ubuntu, mas elas não funcionam mais com o Unity no Ubuntu 11.10 porque não consigo encontrar nenhuma função para personalizar o tema Ambiance ou Radiance. Então, como faço isso na versão atual do Ubuntu?

    
por kayahr 22.10.2011 / 12:25

16 respostas

135

Encontrou!

Eu tive que editar esses arquivos:

/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

(Adição: para o Ubuntu 12.04, parece que você só precisa modificar o arquivo: /usr/share/themes/Ambiance/gtk-2.0/gtkrc, substituindo a cor backround e foreground da dica de ferramenta, com as cores # 000000 e # f5f5b5, respectivamente)

Você precisa de privilégios de root para editar os arquivos. Use gksudo gedit para editá-los.

Pesquise tooltip nesses arquivos e você encontrará as definições de cor para o primeiro plano e o segundo plano. Eu uso #000000 como primeiro plano e #f5f5b5 como plano de fundo e agora as dicas de ferramentas em todos os aplicativos são novamente legíveis. Depois de alterar os valores de cor, basta alternar para outro tema e, em seguida, retornar ao Ambiance e a cor da dica de ferramenta será corrigida.

Aqui está o resultado:

    
por kayahr 22.10.2011 / 16:11
147

Instale e abra gnome-color-chooser .

Vá para SpecificTooltips e coloque o primeiro plano preto sobre fundo amarelo pálido.

    
por Nick Andrik 06.02.2012 / 17:17
29

Se você quiser alterar as cores da dica de ferramenta para todos os aplicativos, instale e execute o gnome-color-chooser e vá para a guia Específico > Dicas de ferramentas. Marque as caixas Foreground e Background e escolha as cores.

Como funciona (você pode fazer isso manualmente):

O gnome-color-chooser adiciona o seguinte ao seu ~ / .gtkrc-2.0:

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

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

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

Se você quiser apenas alterar as cores da dica de ferramenta para um único aplicativo, como eclipse, coloque o texto acima em um arquivo gtkrc personalizado (por exemplo, ~ / gtkrc-eclipse) e inicie o eclipse com GTK2_RC_FILES = ~ / eclipse gtkrc-eclipse

    
por bain 04.05.2012 / 11:47
22

Eu criei um pequeno script que faz isso para você

#/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=$1
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"
    
por Victor P. 01.12.2011 / 10:42
8

Adotei uma solução ligeiramente diferente;

Primeiro crie um novo script, eclipse.sh, que inicia o eclipse, o meu é assim:

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

Em seguida, crie o arquivo gtkrc (/usr/share/eclipse/gtkrc-2.0-eclipse), o meu se parece com isso (ele tem algumas outras mudanças também para fazer melhor uso da tela):

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"
    
por Mike 20.08.2013 / 14:58
7

Para o CDT, faça o seguinte:

Janela > Preferências > C / C ++ > Editor: Opções de cor de aparência > Origem Passe o fundo

Desmarque Padrão do sistema e selecione uma cor.

Infelizmente, não há nenhuma configuração em todo o Eclipse que eu saiba. Muito manco. Você não deveria ter que definir coisas assim para cada perspectiva.

    
por DJo 04.12.2011 / 07:07
6

Eu acho que isso está resolvido. Eu consegui mostrar a dica de ferramenta com letras pretas sobre fundo branco. No meu caso, parece que o Eclipse está usando as configurações das dicas de ferramentas do arquivo gtk-2.0/gtkrc do diretório do tema.

Minha configuração: Ubuntu 12.04, Gnome (não Unitiy), Eclipse Indigo (3.7), tema GrayDay para o Gnome. O nome do tema e tema em si não é importat.

Abra o terminal, mude para o diretório do tema (cd $ HOME / .themes) e lá, vá para o diretório do seu tema. Se o seu .themes direcotry se vazio dele não existir, então, você está usando o tema do sistema que está em / usr / share / themes. Basta descobrir o nome do tema que você está usando (clique com o botão direito no bakcground, escolha Alterar Plano de Fundo da Área de Trabalho, o nome do tema deve estar no canto inferior direito. Se não disser nada sobre o nome do tema, use gnome-tweak-tool para localizar qual tema você está usando).

No diretório do tema, emita este comando:

grep -r tooltip *

ele deve listar todos os arquivos e linhas em que a "dica de ferramenta" do keywork é mencionada. Altere todos os planos de fundo (tooltip_bg_color) para #ffffff e cada primeiro plano para # 000000. Black latters no primeiro plano branco, é isso que queremos! Especialmente, altere os valores no arquivo gtk-2.0/gtkrc .

Erro que eu estava cometendo, está digitando a cor tooltip no diretório gtk-3.0, que não teve nenhum efeito.

Agora, vá para o Eclipse, Window - > Preferências - > Java - > Editor e defina o fundo de origem da fonte para a "cor do sistema" (marque à direita). Reinicie o Eclipse!

Esta é a lista de grep -r tooltip * do meu diretório de temas depois de fazer alterações:

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"
    
por Mihael K 19.06.2012 / 10:30
3

Minhas dicas são pretas sobre amarelo. Veja a imagem abaixo do Ubuntu 16.04 LTS com o MATE DE:

Sevocêgostadetalcombinaçãodecores,useosarquivos3gtkrc(2paraGTK3,1paraGTK2)abaixo:

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

    /*tooltips*/@define-colortooltip_bg_color#ffffaf;@define-colortooltip_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

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

O terceiro arquivo foi criado pelo gnome-color-chooser. Use-o somente se você tiver aplicativos baseados em GTK2.

O método acima foi testado no Ubuntu 14.04 LTS (Unity e GNOME), Ubuntu 16.04 LTS (Unity, GNOME, MATE), Ubuntu 18.04 LTS (Unity, GNOME, MATE).

    
por N0rbert 11.01.2014 / 18:14
3

Existe também outra solução para isso: use o dconf-editor para encontrar a seguinte chave:

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

cuja descrição dizia: Uma lista \n separada de name:color , conforme definido pela configuração gtk-color-scheme .

Escreva o esquema em gedit no estilo que gosta do seguinte (este exemplo é meu), depois cole-o no editor de dconf (observe o '\ n' em cada final da linha):

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

e o problema será resolvido imediatamente.

    
por Shawn Zhao 22.12.2011 / 07:10
2

Eu estava tendo o mesmo problema (Xubuntu 12.04, tema Greybird, Eclipse Indigo) e a resposta de Mihael K funcionou para mim. O único arquivo que eu mudei foi o gtk-2.0 / gtkrc e eu mudei apenas uma linha. A terceira linha após os comentários iniciais. Alterou os valores das cores hexagonais de tooltip_bg_color: # 000000 para tooltip_bg_color: # ffffe1 e tooltip_fg_color: #ffffff para tooltip_fg_color: # 000000. Então a linha ficará assim:

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

Elipse reiniciado e dicas de ferramentas agora são a cor amarelada à qual estou acostumado. Eu não precisei fazer mais ajustes no eclipse ou em qualquer outro arquivo.

    
por jgreen 20.06.2012 / 05:05
0

Uma maneira mais fácil de alterar o plano de fundo é usar a interface do usuário. Sistema aberto, preferências, aparência. Por padrão, o tema "Ambiance" será selecionado, mas você pode alterá-lo para qualquer tema. Clique no botão Personalizar abaixo e mude para o separador Cores. Lá você pode alterar as cores do primeiro plano e do plano de fundo para as dicas clicando nas caixas apropriadas.

    
por Sergiy Byelozyorov 18.11.2011 / 14:54
0

No ubuntu 12.10 (quantal) você pode usar os dois comandos a seguir:

#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

(Graças às outras respostas que me ajudaram a descobrir isso!)

    
por AmanicA 09.02.2013 / 01:38
0

Esta resposta é para apontar um caso raro em que um bug muito similar ocorre se você instalou o xulrunner e o eclipse configurado para usá-lo.

Eu instalei o xulrunner para fazer o GPE Designer renderizar UIs do GWT no modo de design, o que funcionou muito bem, mas descobri que ele também quebrou as dicas de ferramentas. O bug é realmente pior do que a imagem acima, apenas exibe uma dica de ferramenta em branco.

Para corrigir isso, você só precisa remover o parâmetro xulrunner de eclipse.ini :

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

Funcionou para mim com o Ubuntu 12.04, o Eclipse 4.2 / Juno e o xulrunner 1.9.2

    
por carrizo 04.07.2013 / 06:45
0

Para usuários elementares:

Acesse /usr/share/themes/elementary/gtk-3.0 , edite o arquivo gtk-widgets.css com sudo nano , digite Ctrl + W para localizar Tooltips e, em seguida, a background-color: alpha(#color, #opacity) altere a cor para algo como #f5f5b5 e defina a opacidade como 1.

    
por Nick 29.04.2016 / 21:53
0

Para abrir a janela Appearance com Tab: Themes diretamente do root @ terminal write (você pode usar este comando também para script):

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

em que USER é seu usuário atual na área de trabalho. Ele abrirá o Appearance corretamente, mas você ainda precisará clicar em exibições de tema na janela Appearance para iniciar seu tema.

Para o teste com o tema de instalação: Dust from root @ terminal, command:

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

recebe este erro:

% bl0ck_qu0te%

mas se o tema: poeira está instalando por escolha de menu: sistema / preferências / aparência e instala a partir da janela de aparência, instalação do tema: poeira está correta.

Existe um comando necessário para escolher os temas na janela Appearance, mas não consigo encontrá-lo.

    
por Khmer 18.08.2016 / 02:23
0

Estou executando o Kubuntu 16.04 com o tema Breeze e o Eclipse 4.6.1 com o padrão GTK3, agora que eles corrigiram o problema de preenchimento de botão.

Para obter dicas de ferramentas instantâneas com plano de fundo cinza claro e plano de fundo preto, fiz algumas alterações em /usr/share/themes/Breeze-gtk/gtk-3.0/gtk.css ; aqui está o que acabei com:

/************
 * 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);
}

E o 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); }

Caso os links não estejam funcionando em pop-ups do Javadoc, pode ser útil instalar o libwebkitgtk da seguinte forma:

sudo apt install libwebkitgtk-1.0-0
    
por Mike Partridge 14.10.2016 / 21:38

Tags