Gnome Top bar를 커스텀 해보자

그냥 적어보는 그놈 탑바 커스텀입니다.

몇가지 포인트만 적어봅니다.
먼저 아래 부분을 찾아줍니다.
~/.themes/테마 이름/gnome-shell/gnome-shell.css파일에서

#panel {
이 부분이 패널의 외형을 결정합니다.

  1. 패널 모드가 아닌 투명 배경으로 만들어보자.
    내려보시면 color 항목이 있습니다.
    color: rgba(255, 255, 255, 0.7);
    background-color: transparent;
    이렇게 바꿔 주시면 패널이 투명해집니다. 그리고 버튼만 남겠죠.

  2. 사이즈를 조절해서 floating bar 형태로 만들자
    이제 패널의 사이즈와 위치를 바꿔줄 겁니다.
    margin 항목을 찾아서 바꿔줍니다.
    margin: 2px 100px 1px;
    맨 처음 px은 모니터 탑 부분에서 2픽셀 떨어지라는 의미입니다.
    마지막 1px은 탑 바와 창 사이의 간격입니다.
    중간 100px 부분은 좌우 모니터끝단과의 간격을 말합니다.

height: 24px; 패널의 높이입니다.

  1. 경계선 border를 넣고 싶다
    border: 2px solid #bdae8e;
    border-radius: 5px;
    box-shadow: none;
    경계선 2픽셀로 솔리드하게 색상을 지정하고 경계선의 휨 정도는 5픽셀로 그림자를 넣지 말라는 의미입니다.

이 3가지만 조절해주셔도 예쁜 탑 바를 가지게 됩니다.

image

3개의 좋아요

모든 설정은
#panel {
안에 있습니다.
margin이나 border 등의 설정이 없으면 저 설정을 찾아 끼워 넣으시면 됩니다.

1개의 좋아요

Thanks for sharing your know-how.
From your instruction, I learned how to adjust the Top bar.

By the way, It it not, I just installed hyprland over Ubuntu 24.04.
I am looking for how to use Korean. Maybe forever.TT

1개의 좋아요

와 탑바가 멋지네요. 혹시 사용중인 확장을 알 수 있을까요?

아래와 같이 사용하고 있습니다. :sweat_smile:

❯ gnome-extensions list
transparent-window@pbxqdown.github.com
compiz-alike-magic-lamp-effect@hermes83.github.com
compiz-windows-effect@hermes83.github.com
arcmenu@arcmenu.com
caffeine@patapon.info
dash-to-dock-workaround@popov895.ukr.net
BingWallpaper@ineffable-gmail.com
snap-manager-lite@fthx
user-theme@gnome-shell-extensions.gcampax.github.com
extension-list@tu.berry
custom-hot-corners-extended@G-dH.github.com
burn-my-windows@schneegans.github.com
blur-my-shell@aunetx
gsconnect@andyholmes.github.io
quick-settings-tweaks@qwreey
tactile@lundal.io
gnome-ui-tune@itstime.tech
gnome-fuzzy-app-search@gnome-shell-extensions.Czarlie.gitlab.com
hanabi-extension@jeffshee.github.io
freon@UshakovVasilii_Github.yahoo.com
ubuntu-appindicators@ubuntu.com
ubuntu-dock@ubuntu.com
tiling-assistant@ubuntu.com

Ubuntu 사용자 환경은 아래 와 같이 사용하고 있어요.

여기에 hyprland 를 설치했답니다.
참고 사이트 : GitHub - JaKooLit/Ubuntu-Hyprland: Automated Hyprland installer for Ubuntu. NOTE: Repo Branches as per Ubuntu Versions

git clone -b 24.04 --depth=1  https://github.com/JaKooLit/Ubuntu-Hyprland.git ~/Ubuntu-Hyprland-24.04
cd ~/Ubuntu-Hyprland-24.04
chmod +x install.sh
./install.sh

하고 hyprland 로 재로그인 하면 되는데요.
한글 입력이 않되네요..ㅜㅜ;

1개의 좋아요

아 한글 한글 ..
이게 참 문제더라고요
확장 리스트 감사합니다