web-dev-qa-db-ja.com

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

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

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

Eclipse with an unusable tooltip

別のテーマ（AmbianceまたはRadiance以外）に切り替えることは役立ちますが、私はAmbianceが好きなので、それを維持したいです。まったく受け入れられないのは、このくすんだツールチップの色だけです。

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

unitythemes
216
kayahr

それを見つけた！

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

/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 with customized theme

136
kayahr

インストールして開く gnome-color-chooser Install gnome-color-chooser 。

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

148
Nick Andrik

すべてのアプリのツールチップの色を変更する場合は、インストールして実行します 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

29
bain

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

#/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"
22
Victor P.

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

最初に、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"
8
Mike

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

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

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

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

7
DJo

これは解決したと思います。白い背景に黒い文字でツールチップを表示しています。私の場合、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 *のリストです。

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"
6
Mihael K

私のツールチップは黄色がかった黒です。 MATE DEを使用したUbuntu 16.04 LTSのスクリーンショットを参照してください。

Black-on-Yellow tooltip

このような色の組み合わせが好きなら、以下の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）でテストされました。

3
N0rbert

これには別の解決策もあります。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

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

3
Shawn Zhao

私は同じ問題（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.

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

2
jgreen

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
AmanicA

タブで外観ウィンドウを開くには：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"でテーマエンジンが見つかりません

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

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

0
Khmer

ボタンパディングの問題を修正したため、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
0
Mike Partridge

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

0
Sergiy Belozorov

初級ユーザーの場合：

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

0
Nick

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

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

修正するには、Eclipse.iniからxulrunnerパラメーターを削除するだけです。

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

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

0
carrizo