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;
  }

참고: 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);
}

~/.config/gtk-3.0/gtk.css다음을 업데이트하세요.

/* shrink headerbars (don't forget semicolons after each property) */
headerbar {
    min-height: 0px;
    padding-left: 2px; /* same as childrens vertical margins for nicer proportions */
    padding-right: 2px;
    background-color: #2d2d2d;
}

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

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

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

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

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

내 Ubuntu 20.04에서는 이 사용자 정의 테마 수정 사항(Yaru 표준 테마의 Gnome 3.20)을 사용하고 있는데 제대로 작동합니다.

headerbar.default-decoration {
    min-height: 18px;
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 2px 2px;
}

headerbar.default-decoration button.titlebutton {
    min-height: 16px;
    min-width: 16px;
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 2px 2px;
}


headerbar  {
    min-height: 18px;
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 2px 2px;
}


headerbar entry, headerbar spinbutton, headerbar button, headerbar switch, headerbar separator {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


headerbar button.titlebutton.minimize, headerbar button.titlebutton.maximize, headerbar button.titlebutton.close {
    min-height: 16px;
    min-width: 16px;
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 2px 2px;
}