Gnome3

如何在 Gnome 3.20 上更改標準 GTK 應用程序和帶有標題欄/CSD 的應用程序中的標題欄高度

  • July 1, 2021

~/.config/gtk-3.0/gtk.css在 Gnome 3.18 中,可以通過根據減少 gnome 3 / gtk+ 3 中的標題欄高度更改 css 來更改所有視窗的標題欄高度。

.header-bar.default-decoration {
       padding-top: 0px;
       padding-bottom: 0px;
   }

.header-bar.default-decoration .button.titlebutton {
   padding-top: 0px;
   padding-bottom: 0px;
}

/* No line below the title bar */
.ssd .titlebar {
   border-width: 0;
   box-shadow: none;
}

在 Gnome 3.20 中,這似乎不再適用於帶有標題欄/CSD(標題欄中的 gnome 特定按鈕)的視窗,例如 Nautilus(文件)、設置、照片、聯繫人等。該調整仍會降低標題欄高度對於其他應用程序,例如 gnome-terminal 和 gVim。如何降低 gnome 程序(如 Gnome 3.20 中的 Nautilus)中標題欄的高度?


更新

我也嘗試了這個 reddit 執行緒中的建議。我都試過了window.ssd,而且.ssd只有一次,沒有骰子。 這有效,請參閱我發布的答案以獲取更多詳細資訊

window.ssd headerbar.titlebar {
   padding-top: 1px;
   padding-bottom: 1px;
   min-height: 0;
}

window.ssd headerbar.titlebar button.titlebutton {
   padding-top: 1px;
   padding-bottom: 1px;
   min-height: 0;
}

/* shrink headebars */
headerbar {
   min-height: 38px;
   padding-left: 2px; /* same as childrens vertical margins for nicer proportions */
   padding-right: 2px;
}

headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar separator {
   margin-top: 2px; /* same as headerbar side padding for nicer proportions */
   margin-bottom: 2px;
}

/* shrink ssd titlebars */
.default-decoration {
   min-height: 0; /* let the entry and button drive the titlebar size */ 
   padding: 2px
}

.default-decoration .titlebutton {
   min-height: 26px; /* tweak these two props to reduce button size */
   min-width: 26px;
}

注意:如果您使用的是 PopOS,在頂部欄菜單中有一個“刪除視窗標題”選項,該選項也可以控制平鋪。這是我自己目前使用的,它僅適用於刪除多餘的非 CSD 標題欄。

標題欄/CSD

實際上,我通過 reddit 找到並在上面發布的一段程式碼,即

headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar separator {
   margin-top: 2px; /* same as headerbar side padding for nicer proportions */
   margin-bottom: 2px;
}

確實修改了標題欄/CSD。然而效果不是立竿見影的。即使您重新載入 gnome,您也可能需要關閉所有視窗,等待一段時間,或者註銷並重新登錄才能看到效果。

修改以下內容時,我仍然沒有看到標題欄有任何區別。

headerbar {
   min-height: 38px;
   padding-left: 2px; /* same as children's vertical margins for nicer proportions */
   padding-right: 2px;
}

標準標題欄

普通視窗標題欄的兩個部分按預期工作。

.default-decoration {
   min-height: 0; /* let the entry and button drive the titlebar size */
   padding: 2px
}

.default-decoration .titlebutton {
   min-height: 26px; /* tweak these two props to reduce button size */
   min-width: 26px;
}

標題欄邊框

如果您正在執行預設的 adwaita 主題,您可以使用以下內容刪除標題欄邊框。來自https://bbs.archlinux.org/viewtopic.php?id=211102

window.ssd headerbar.titlebar {
 border: none;
 background-image: linear-gradient(to bottom,
 shade(@theme_bg_color, 1.05),
 shade(@theme_bg_color, 0.99));
 box-shadow: inset 0 1px shade(@theme_bg_color, 1.4);
}
  1. 創建一個文件 ~/.config/gtk-3.0/gtk.css (添加下面的 CSS )
  2. 那麼你需要重新載入 gnome-shell:ALT + F2並輸入r

我能夠使用以下 CSS 減少 Gnome 3.20 上的應用程序標題欄:

headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar separator {
   margin-top: 0px; /* same as headerbar side padding for nicer proportions */
   margin-bottom: 0px;
}

headerbar {
   min-height: 24px;
   padding-left: 2px; /* same as childrens vertical margins for nicer proportions */
   padding-right: 2px;
   margin: 0px; /* same as headerbar side padding for nicer proportions */
   padding: 0px;
 }

引用自:https://unix.stackexchange.com/questions/276951