☰

GNOMEでアクティブウィンドウのタイトルバーの色をどのように変更しますか？

tag-icon • tag-icon gnome3 theme gtk3
GNOMEでアクティブウィンドウのタイトルバーの色をどのように変更しますか？

私はStackExchangeで非アクティブウィンドウのタイトルバーの色を変更する方法を見つけました（GNOME 3で）：

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

headerbar.default-decoration {
    background-color: #c00; /* red */
}

（この質問を参照してください：標準のGTKアプリケーションとGnome 3.20のタイトルバー/CSDを持つアプリケーションでタイトルバーの高さを変更する方法)

非アクティブウィンドウは＃c00と表示されます。

しかし、アクティブウィンドウの色だけをどのように変更できますか？

答え1

Gnomeタイトルアクティブウィンドウのタイトル色と背景色を変更するには、カスタムスタイルを作成します。

$gedit ~/.config/gtk-3.0/gtk.css

このCSSの内容をファイルに入れて保存してください。

headerbar {
  color: #f2d2a7 ;
  background-color: #a87532 ;
}

headerbar:backdrop {
  color: #70685e;
  background-color: black ;
}

ファイルを保存してALT+を押し、F2Gnomeを再起動するコマンドとして「r」と入力すると、上記のスタイルの結果が表示されます。

一部のアプリケーションはgtkスキームの変更に従わないため、変更を確認するには他のアプリケーションを試してください。

答え2

私はこれが間違っていると言いたいです。headerbar:backdrop非アクティブウィンドウ用のウィンドウである必要があり、アクティブウィンドウ用のウィンドウである必要がheaderbarあります。色を設定するには、headerbar {...}を使用します。たとえば、次のようになります。

    headerbar {
  padding: 0 6px;
  min-height: 46px;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: @border_color;
  background: @bg_color linear-gradient(to bottom, shade(@bg_color,1.2), shade(@bg_color, 0.8));
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); }

非アクティブウィンドウの場合は、次を使用します。

  headerbar:backdrop {
    background-image: linear-gradient(to bottom, shade(@bg_color,1.2), shade(@bg_color, 0.8));
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.8);
    transition: 200ms ease-out; }

background-color代わりにこれを使用できますが、background-image気に入らない。 ;-) @ プレフィックスの付いた色はテーマの一部なので、定義する必要があります。代わりにrgb表記を使用できます（たとえば、赤の場合は＃FF0000）。

カラーコンセプトを使用している場合は、背景画像を[なし]に設定してください。

関連情報