web-dev-qa-db-ja.com

Ubuntu 18.04がgtk.cssファイルを無視する

Ubuntu 16.04でファイル~/.config/gtk-3.0/gtk.cssを作成して、ホバーすると常に細くなるスクロールバー(firefoxとemacsの両方)を置き換え、常に幅の広いものに変更し、スクロールバーの色を灰色に変更して、上部と下部のボタンからシングルステップ:

.scrollbar {
  -GtkScrollbar-has-backward-stepper: true;
  -GtkScrollbar-has-forward-stepper: true;
  -GtkRange-slider-width: 16;
  -GtkRange-stepper-size: 16;

  background-color: LightGray;
}

/*
.scrollbar.slider {
    background-color: DarkGray;
    border-radius: 1px;
}
*/


.scrollbar.slider {
    border-color: shade (@bg_color, 0.4);
    background-image: -gtk-gradient (linear, left top, right top,
                                     from (shade (@button_bg_color, 0.9)),
                                     to (shade (@button_bg_color, 0.8)));
    box-shadow: inset 1px 0 shade (@bg_color, 0.85),
                inset -1px 0 shade (@bg_color, 0.62),
                inset 0 1px shade (@bg_color, 0.9),
                inset 0 -1px shade (@bg_color, 0.62);
}

このファイルはUbuntu 18.04では効果がないようです。マウスがホバーしたときにのみ広がる細いスクロールバーを削除し、デフォルトのオレンジからナイスグレーに色を変更したいと思います。 Ubuntu 18.04でこれを達成する方法を誰かに教えてもらえますか?

4
Phil Hirschhorn

誰も提案したことがないので自分の質問に答えていますが、長い実験の結果、ほとんど機能するものがあります。 〜/ .config/gtk-3.0/settings.iniに以下があります

[Settings]
gtk-application-prefer-dark-theme=0
gtk-primary-button-warps-slider = false

〜/ .config/gtk-3.0/gtk.cssの以下

scrollbar slider {
    /* Size of the slider */
    min-width: 18px;
    min-height: 18px;
    border-radius: 15px;

    /* Padding around the slider */
    border: 1px solid #606307;
}

scrollbar trough {
    background-color: shade(@theme_bg_color, 0.5);
}

scrollbar button,
scrollbar button.vertical,
scrollbar button.horizontal,
scrollbar .button,
scrollbar .button.vertical,
scrollbar .button.horizontal {
    color: shade(@theme_bg_color, 0.10);
    background-color: shade(@theme_bg_color, 0.6);
}

scrollbar.vertical slider,
scrollbar.vertical .slider {
    background-image: radial-gradient(ellipse at center, DarkGray 0%, LightGrey 100%);
}

scrollbar.horizontal slider,
scrollbar.horizontal .slider {
    background-image: radial-gradient(ellipse at center, DarkGray 0%, LightGray 100%);
}

これにより、Firefoxとemacsの両方で、灰色の背景に薄い灰色のスライダーが付いた幅広のスクロールバーが表示されます。なぜこれが機能したのか知りたいのですが、さまざまなコマンドを説明するドキュメントは見つかりませんでした。これが奇妙なことの1つは、emacsでは、マウスがスクロールバーを最初に通過するまでスクロールバーが細いということです。また、emacsのスクロールバーは、幅の広いスクロールバーを部分的にオーバーレイしているスリムなスクロールバーのように見えることがありますが、それでもまだ使用可能ですが、非常に奇妙です。

1
Phil Hirschhorn

より良い答えが得られなくて申し訳ありませんが、その価値のために、私はこれについての基準の枠組みを確立しようと試みてきました。

私の目的は、XUbuntu 16.04の下で、ワークスペースプラグイン(wnck-pager?)の背景色をパネルアプリケーションに設定することでした。別の場所で見つけた別の回答のヒントに基づいて、次のようにgtk.cssを最初から作成しました(最初はそこにありませんでした)。

〜/ .config/gtk-3.0 cat gtk.css

wnck-pager { background-color: #0F0000; } wnck-pager:selected { background-color: #00000F; } wnck-pager:hover { background-color: #000FA0; }

これにより、デフォルトの背景色が非常に似ているため、自分がどのワークスペースにいるかを確認できます。ただし、この修正を隣接するXubu 16.04システムにエクスポートしようとしたところ、関連性があるように見える参照を含む、はるかに華やかなgtk​​.cssファイルが見つかりました。ただし、関連するドキュメントをまだ追跡する必要があります。これは「モノ」と呼ばれるプロジェクトの一部かもしれないと思います...しかし、ご覧のとおり、これは典型的なネタバレの状況です。私がやりたかったのは、「ホバー」と「選択」された背景色をパネルアプリの下のワークスペース。

結論:2番目のシステム(より大きなgtk.cssファイルがあるシステム)で、そのファイルを脇に置き、上記のファイルをインストールして、a)何かが壊れているか、b)できたかどうかを確認しました。変更するパネル上のワークスペースで選択された背景色を取得します。 (より複雑なgtk.cssファイルを削除することにより)明白なものは何も壊れていません。ただし、その場所に配置した非常に単純なgtk.cssファイルは、2番目のXubuntu 16.04ワークステーションでは機能しませんでした。両方のシステムで同じgtk.cssファイル、両方16.04 Xubuntu、1つは機能し、1つは機能しません。

これを解決するためにどれだけの時間を費やすことができるかわかりませんが、私が得た追加の結果が何であれ、ここに投稿します。

モデレーターへのメモ:これで問題が解決しないことはわかっていますが、私の研究内容を共有しています。 (StackExchangeに感謝します。優れた、非常に貴重なリソースです。)

0
Tb Thomas

Firefoxスクロールバーの外観は、Firefoxプロファイルフォルダーに新しいgtk.cssを作成することで変更できます。私の場合、これは〜snap/firefox/323/.config/gtk-3.0にありますが、スナップバージョンがない場合は別の場所にある可能性があります。

垂直スライダーと水平スライダーの両方の外観を調整できるように、gtk.cssファイルには次のコードを含める必要があります。

scrollbar.verticalスライダー{

/* Slider dimensions */

min-width: 12px;
min-height: 70px;

/* Curvature top and bottom of the slider */

border-radius: 12px;

/* Padding around the slider */

border: 4px solid transparent;

/* Colour of the slider */

background-color: #666699;

}

scrollbar.horizo​​ntalスライダー{

/* Slider dimensions */

min-width: 70px;    
min-height: 12px;

/* Curvature top and bottom of the slider */

border-radius: 12px;

/* Padding around the slider */

border: 4px solid transparent;

/* Colour of the slider */

background-color: #666699;

}

気に入ったものが見つかるまで、値をいじってみてください。オンラインには、特定の色の16進数値を示すさまざまな色ファインダーがあります。

0