Unityでツールチップの背景色を変更するには?


215

多くのアプリケーションでは、ツールチップは単純にい(黒の背景に白いテキスト、コントラストが強すぎる)か、読めない(黒の背景に黒または濃い青のテキスト(ハイパーリンク))さえあります。ツールチップの背景色を中程度のグレーまたは黄色などに変更し、さらには半透明にすることもできます。

以下は、黒の背景に黒のテキストでツールチップにソースコードを表示するEclipseのスクリーンショットです。

使用できないツールチップを備えたEclipse

別のテーマ(アンビアンスまたはラディアンス以外のもの)に切り替えると役に立ちますが、私はアンビアンスが好きなので、それを維持したいです。まったく受け入れられないのは、まさにこのツールチップの色です。

古いUbuntuバージョンのソリューションをいくつか見つけましたが、AmbianceまたはRadianceテーマをカスタマイズする機能が見つからないため、Ubuntu 11.10のUnityで動作しなくなりました。それでは、現在のUbuntuバージョンでどのようにすればよいのでしょうか?

回答:


148

gnome-color-choosergnome-color-chooserをインストールするをインストールして開きます。

Specific→に移動してTooltips、淡い黄色の背景の上に黒い前景を配置します。


3
変更を有効にするためにEclipseを再起動します
cmcginty

8
再起動する必要はありません。
ubuntudroid

1
これは、Eclipse 4.2を搭載した12.04 LTSでも機能します!
デビッドエドワーズ

2
残念ながら、これは私にとってはうまくいきませんでした(Ubuntu 12.04 64-bitおよびEclipse Juno)。受け入れられた答えとDJoからの以下の答えの両方が私のために働いた。
ルイス

8
+1。ただし、これはすべてのシステムツールチップに影響することに注意してください。Eclipse専用のソリューションが必要な場合は、@ bainの回答に従ってください。
ysap

135

それを見つけた!

これらのファイルを編集する必要がありました。

/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

(追加:Ubuntu 12.04では、ファイル/usr/share/themes/Ambiance/gtk-2.0/gtkrcを変更するだけで、ツールチップの背景色と前景色をそれぞれ#000000と#f5f5b5の色に置き換える必要があるようです。 )

ファイルを編集するには、root権限が必要です。gksudo gedit編集に使用します。

tooltipこれらのファイルを検索すると、前景と背景の色の定義が見つかります。#000000フォアグラウンドおよび#f5f5b5バックグラウンドとして使用し、すべてのアプリケーションのツールチップが再び読み取り可能になりました。色の値を変更した後、単に他のテーマに切り替えてからAmbianceに戻ると、ツールチップの色が修正されます。

結果は次のとおりです。

テーマをカスタマイズしたEclipse


2
Ubuntu 11のUIを介してこれを行う方法はありますか?
フランクスター

1
Xubuntu 12.10でも期待どおりに機能しました。
-davidcesarino

1
これをユーザーのみに変更する方法はありますか(つまり、必要ではありません[gk]sudoか?ほとんどのgnome設定と同様に、ユーザーごとの構成ファイル/ディレクトリがあると
確信してい

2
@MestreLion:ユーザーテーマはから選択され~/.themes/ます。これにAmbianceフォルダーをコピーする必要があります。
点火

1
gtk-3.0/gtk-main.cssも編集する必要がありましたが、これは14.04で機能しました。「Radiance」テーマを使用する場合にも機能しRadianceます。フォルダ内の同じファイルを編集するだけです。
jmiserez

29

すべてのアプリのツールチップの色を変更する場合は、gnome-color-chooserをインストールして実行し、[特定のタブ]> [ ツールチップ]に移動します。[前景]と[背景]のボックスをオンにして、色を選択します。

仕組み(これは手動で行うことができます):

gnome-color-chooserは〜/ .gtkrc-2.0に以下を追加します:

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

および〜/ .gtkrc-2.0-gnome-chooser:

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

eclipseなどの単一のアプリのツールチップの色を変更する場合は、上記のテキストをカスタムgtkrcファイル(たとえば〜/ gtkrc-eclipse)に入れ、GTK2_RC_FILES =〜/ gtkrc-eclipse eclipseでeclipseを開始します。


1
ここでカスタマイズするための設定である自動補完ダイアログの背景色:Eclipseのstackoverflow.com/a/8063723/356895は
-JJD

Ubuntuのアプリケーションメニューに環境変数を含める方法を知っていますか?シェルを使用して起動していない場合でもEclipseが設定をロードしますか?
JJD

3
トピックをまとめた記事をまとめました。
JJD

2
素晴らしいアプローチ@bain !!! :)は必要sudoありません。ユーザーのみに影響し、テーマ全体をにコピーする必要はありません~。ニース:)
メストレリオン

1
@JJD:私は通常「ありがとう」のみのコメントに反対ですが、あなたの記事は素晴らしいです。この答えと同じアプローチを使用していることに気付きました。既にカスタムシェルスクリプトを使用してコマンドラインと.desktopファイルの両方からEclipseを起動しているため、GTK2_RC_FILES = ... envの追加は簡単です。ありがとう:)
MestreLion

22

私はあなたのためにそれを行う小さなスクリプトを作成しました

#/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"

8

私はわずかに異なるソリューションを採用しました。

最初に、eclipseを開始する新しいスクリプトeclipse.shを作成します。私のスクリプトは次のようになります。

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

次に、gtkrcファイル(/usr/share/eclipse/gtkrc-2.0-eclipse)を作成します。次のようになります(画面をより有効に活用するために、他にもいくつかの変更があります)。

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"

7

CDTの場合、以下を実行します。

ウィンドウ>設定> C / C ++>エディター:外観の色オプション>ソースホバーの背景

[システムのデフォルト]をオフにして、色を選択します。

残念ながら、私が知っているEclipse全体の設定はありません。かなりラメ。あらゆる観点でそのようなものを設定する必要はないはずです。


6

これは解決されたと思います。白い背景に黒い文字でツールチップを表示しています。私の場合、Eclipseはgtk-2.0/gtkrcテーマディレクトリのファイルからツールチップの設定を使用しているようです。

私の設定:Ubuntu 12.04、Gnome(Not Unitiy)、Eclipse Indigo(3.7)、GnomeのGrayDayテーマ。テーマの名前とテーマ自体は重要ではありません。

ターミナルを開き、テーマディレクトリ(cd $ HOME / .themes)に移動して、そこからテーマのディレクトリに移動します。空の.themesディレクトリがない場合、/ usr / share / themesにあるシステムテーマを使用しています。使用しているテーマの名前を把握するだけです(bakcgroundを右クリックして[デスクトップの背景を変更]を選択すると、右下隅にテーマ名が表示されます。テーマ名について何も表示されない場合は、gnome-tweak-toolどのテーマを使用しているか)。

テーマディレクトリで、次のコマンドを発行します。

grep -r tooltip *

キーワーク「ツールチップ」が記載されているすべてのファイルと行をリストする必要があります。すべての背景(tooltip_bg_color)を#ffffffに、すべての前景を#000000に変更します。白い前景に黒い後者、私たちが欲しいものです!特に、gtk-2.0/gtkrcファイルの値を変更します。

私がやっていた間違いは、gtk-3.0ディレクトリにツールチップの色を連鎖させることで、何の効果もありませんでした。

次に、Eclipseの[ウィンドウ]-> [設定]-> [Java]-> [エディター]に移動し、[ソースホバーの背景]を[システムカラー]に設定します(右側のチェックボックス)。Eclipseを再起動してください!

これはgrep -r tooltip *、変更を行った後の私のテーマディレクトリからのlistigです。

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"

実際には、jgreenの答えに従って、1つのファイルの1行だけを変更すれば十分です。
Teemu Leisti

3

これには別の解決策もあります。dconf-editorを使用して、次のキーを見つけます。

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

その説明によると:\nの区切りのリストname:colorによって定義されるようにgtk-color-scheme設定。

次のようなスタイルでgeditにスキームを記述し(この例は私のものです)、それをdconf-editorに貼り付けます(行の各端の '\ n'に注意してください)。

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

問題はすぐに解決されます。


org-> gnome-> desktop-> interface-> gtk-color-scheme
アレッサンドロディンカル

新しいリファレンスのように:GtkSettings:gtk-color-schemeはバージョン3.8から非推奨になり、新しく作成されたコードで使用すべきではありません。カラースキームのサポートは廃止され、サポートされなくなりました。このプロパティは引き続き設定できますが、無視されます。
アレッサンドロディンカル

Ubuntu 18.04ではもう有効ではありません。dconfで変更しようとしましたが、結果はありませんでした。Ubuntu 18.04では、有効にするために.configのgtk-3.0フォルダーを変更してgtk.cssファイルを変更する必要があります。そのフォルダー内のseettings.iniを修正する必要があります。
アレッサンドロディンカル

3

私のツールチップは黄色がかった黒です。以下のスクリーンショットをご覧ください。Ubuntu16.04 LTS with MATE DE:

黒地に黄色のツールチップ

このような色の組み合わせが好きなら、以下の3つのgtkrc(GTK3用に2つ、GTK2用に1つ)ファイルを使用してください:

  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

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

3番目のファイルはgnome-color-chooserによって作成されました。GTK2ベースのアプリケーションがある場合にのみ使用してください。

上記の方法は、Ubuntu 14.04 LTS(UnityおよびGNOME)、Ubuntu 16.04 LTS(Unity、GNOME、MATE)、Ubuntu 18.04 LTS(Unity、GNOME、MATE)でテストされました。


Ubuntu 18.04では、Gtk-3.0を使用するため、3番目と4番目の部分は役に立ちません。最初と2番目は問題を解決します。
アレッサンドロディンカル

2

私は同じ問題(Xubuntu 12.04、Greybirdテーマ、Eclipse Indigo)を抱えていたので、Mihael Kの答えがうまくいきました。変更したファイルはgtk-2.0 / gtkrcのみで、1行だけ変更しました。最初のコメントの後の3行目。tooltip_bg_color:#000000の16進数の色の値をtooltip_bg_color:#ffffe1に変更し、tooltip_fg_color:#ffffffをtooltip_fg_color:#000000に変更しました。したがって、行は次のようになります。

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

再開された楕円とツールチップは、今では慣れている黄色がかった色です。私は、日食やその他のファイルをさらに調整する必要はありませんでした。


0

背景を変更するよりユーザーフレンドリーな方法は、UIを使用することです。システム、設定、外観を開きます。デフォルトでは「Ambiance」テーマが選択されますが、テーマごとに変更できます。下の[カスタマイズ]ボタンをクリックして、[色]タブに切り替えます。そこで、適切なボックスをクリックして、ツールチップの前景色と背景色を変更できます。


2
11.10では、これは機能しません。外観でテーマを変更できますが、テーマをカスタマイズする方法はありません。
ダニエルクルマン

私は11.10をインストールしていませんが、テーマをカスタマイズする方法を削除していると奇妙に感じるでしょう。おそらく、彼らはボタンの名前を変更したか、別の場所/タブに配置したか?
セルギーベロゾロフ

Sergiy、私たちの多くは検索しましたが、そこにはないようです。12.04に再登場することを期待しています。

1
Gnome3 / Unityのカスタマイズオプションが削除されたことに本当に驚いていますか?
メストレリオン

もはや12.04をしばらく使用した後、管理者はFedoraまたは他のRHELのようなディストリビューションに移行することを検討しています。Ubuntuはマルチメディアプラットフォームになり、ホームユーザーには適していますが、ITプロフェッショナルには適していません。
セルギーベロゾロフ

0

ubuntu 12.10(quantal)では、次の2つのコマンドを使用できます。

#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

(これを理解するのに役立った他の回答に感謝します!!)


0

この回答は、xulrunnerをインストールし、それを使用するようにEclipseを構成した場合に非常に類似したバグが発生するまれなケースを指摘することです。

xulrunnerをインストールしてGPEデザイナーがGWT UIをデザインモードで適切にレンダリングするようにしました。これは非常にうまく機能しましたが、ツールチップも破損していることがわかりました。バグは実際には上記のスクリーンショットよりもひどく、空のツールチップを表示するだけです。

これを修正するには、xulrunnerパラメーターを削除するだけですeclipse.ini

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

Ubuntu 12.04、Eclipse 4.2 / Juno、xulrunner 1.9.2で動作しました


0

基本ユーザーの場合:

に移動し/usr/share/themes/elementary/gtk-3.0、でファイルgtk-widgets.cssを編集しsudo nano、を入力Ctrl + Wして検索しTooltips、次にbackground-color: alpha(#color, #opacity)色を次のように変更し、#f5f5b5不透明度を1に設定します。


0

Tabで外観ウィンドウを開くには:テーマをroot @ターミナルから直接書き込みます(このコマンドはスクリプトにも使用できます):

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

USERデスクトップ上の現在のユーザーはどこにいますか。外観は正しく開きますが、テーマを起動するには、外観ウィンドウのテーマ表示をクリックする必要があります。

インストールテーマを使用したテストの場合:root @端末からのダスト、コマンド:

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

このエラーを取得します:

(gnome-appearance-properties:16161):Gtk-WARNING **:module_path: "murrine"でテーマエンジンが見つかりません

ただし、テーマ:ダストがメニュー:システム/設定/外観を選択してインストールされ、外観ウィンドウからインストールする場合、テーマのインストール:ダストは正しいです。

Appearanceウィンドウでテーマを選択するためのコマンドが必要ですが、見つかりません。


0

ボタンパディングの問題を修正したため、BreezeテーマでKubuntu 16.04を実行し、デフォルトのGTK3でEclipse 4.6.1を実行しています。

明るい灰色の背景と黒い前景でホバーツールチップを実現するために、いくつかの変更を加えました/usr/share/themes/Breeze-gtk/gtk-3.0/gtk.css。ここに私が終わったものがあります:

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

そして元:

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

Javadocポップアップでリンクが機能しない場合は、次のlibwebkitgtkようにインストールすると役立つ場合があります。

sudo apt install libwebkitgtk-1.0-0
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.