본문 바로가기

리눅스 커스텀

[Ubuntu 20.04 lts] 우분투 화면 커스터마이징(테마 적용)

 

 

 

[1.패널 커스텀]


 

우분투 테마를 커스텀하기 위해선  우선 tweak와 GNOME Shell integration을 설치해야 합니다.

 

[1.1 tweak 설치]

터미널에서 아래와 같이 입력하면 tweak이 설치됩니다.

sudo apt install gnome-tweak-tool

 


[1.2 GNOME Shell integration 설치]

그리고 아래 링크로 들어가 크롬 익스텐션 프로그램을 설치해줍니다.

 

(크롬에서 gnome extension 설치를 편하게 도와주는 프로그램입니다.)

https://chrome.google.com/webstore/detail/gnome-shell-integration/gphhapmejobijbbhgpjhcjognlahblep

 

그놈 셸 확장 기능

이 확장 기능은 그놈 셸 통합 기능이 있으며 관련 확장 기능 저장소는 https://extensions.gnome.org에 있습니다

chrome.google.com


 

[1.3 Dash to Panel 설치]

arch 스타일로 패널을 사용하기 위해 dash to panel 익스텐션을 아래의 링크로 설치해줍니다.

 

https://extensions.gnome.org/extension/1160/dash-to-panel/

 

Dash to Panel - 그놈 쉘 확장

An icon taskbar for the Gnome Shell. This extension moves the dash into the gnome main panel so that the application launchers and system tray are combined into a single panel, similar to that found in KDE Plasma and Windows 7+. A separate dock is no longe

extensions.gnome.org

 


[1.4 Arc 스타일 메뉴 다운로드]

*22년 1월 15일 수정

(기존 링크에서 지원을 하지않는다고 되어있어서 다른 arc menu 링크 첨부드립니다.)

https://extensions.gnome.org/extension/3628/arcmenu/

 

ArcMenu - 그놈 쉘 확장

Application Menu for GNOME, with various layouts to choose from! Supports GNOME shell 3.36, 3.38, 40, and 41. For older GNOME shell versions visit https://extensions.gnome.org/extension/1228/arc-menu/ Common solutions for ERROR message: -Restart your GNOME

extensions.gnome.org

 

 

 

 

그러면 다음과 같이 패널이 밑단으로 내려간 채로 바뀝니다.

 


[1.5 Tweaks에서 Arc menu 설정하기]

그리고 Tweaks로 들어가 Arc menu와 Dash to panel user themes를 활성화시키고

(나머지는 다 비활성화 시켜주세요) Dash to panel 설정 아이콘을 클릭합니다.

 

 

 

1.

설정 부분에서 Show Applications button의 visible버튼을 클릭하여 비활성화 시켜줍니다.

 

2. 

Taskbar항목에 Stacked to left라고 되어있는데 클릭하여    centered로 바꿔줍니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

[1.5.1 패널 크기 조절]

그리고 style로 가 패널 크기를 조절할 수 있습니다. 3가지 설정을 조정하면서 원하는 크기로 설정하면 됩니다.

 

 


[1.5.2 패널 투명도 조절]

그리고 패널의 투명도를 Override Opacity를 활성화 시켜주면서 조정할 수 있습니다.

저는 50%정도로 했습니다.

 

투명도 설정 전

투명도 설정 후

 


[1.6 Arc메뉴 세팅]

패널의 아이콘을 클릭하여 Arc menu settings에 들어갑니다.

 

 

 

Choose New layout 밑에 layout들을 적용해보며 원하는 레이아웃을 선택한 후 apply 해줍니다.

(저는 modern menu layout의 plasma 로 했습니다)

 

그리고 Menu theme에서 Override menu theme을 활성화 시키고 Theme settings에 가서

글자 크기 및 메뉴 배경색을 선택할 수 있습니다. 수정 후에 하단에 apply를 클릭하면 됩니다.

 

[1.6.1 아이콘 설정하기]

Icon Appearance에 Browse Icons를 클릭합니다.

 

arc의 느낌이 나게  Distro에서 모양을 선택해줍니다.

 

 

Icon Size로 크기를 조정할 수 있습니다.

 

 

[1.6.2 단축키 설정하기]

그리고 윈도우처럼 윈도우키를 누르면 메뉴가 열리게 설정을 바꾸어보겠습니다.

 

Hotkey options에 choose hotkey for arc menu에서 left super key를 설정해줍니다.

 

 

 

[1.7 배경화면 바꾸기]

그리고 배경화면도 조금 차분한 것으로 바꿔줍니다. 저는 아래의 사이트에서 배경화면을 다운받았습니다.

(https://www.wallpaperflare.com/pine-tress-illustration-artwork-landscape-forest-mikael-gustafsson-wallpaper-szy)

 

HD wallpaper: pine tress illustration, artwork, landscape, forest, Mikael Gustafsson | Wallpaper Flare

 

www.wallpaperflare.com

 

아래링크에 들어가서 배경화면을 다운받고 우분투 환경설정에 들어가서 Background에

Add picture를 클릭해 변경해줍니다.

 

 

[1.8 실행 화면]

여기서 조금 더 보완하여 폴더디자인도 커스텀을 적용하면 더 잘 어울릴 것 같습니다.


[2.아이콘 커스텀 디자인 적용하기:tela 스타일]

디자인 적용에 앞서  home에 경로를 인식하게 끔 아래의 링크로 들어가 user themes를 설치합니다.

https://extensions.gnome.org/extension/19/user-themes/

 

User Themes - 그놈 쉘 확장

Load shell themes from user directory. 확장 홈페이지 https://gitlab.gnome.org/GNOME/gnome-shell-extensions 다운로드 쉘 버전… 확장 버전… 여러분의 의견 안타깝게도, 댓글을 달거나 오류를 보고하려면 스팸을 막을

extensions.gnome.org

 

이제 아래  아이콘 디자인을 우분투에 적용시켜보겠습니다.

https://www.pling.com/p/1279924/

 

Tela-icon-theme

Tela Icon Theme A flat colorful Design icon themeYou can use this theme on all popular desktops------------------------------ Full circular version Tela-circle:...

www.pling.com

 

접속해서 tela-tar.xz 파일을 받고 압축해제 합니다.

그러면 tela와 tela-dark라는 폴더가 생깁니다

 

home(정확히는 계정의 home)에 가서 show hidden files를 활성화 시켜주고

 

[2.1. home에서 .icons폴더 생성하기]

 

home에서 마우스 오른쪽을 클릭하여  .icons라는 폴더를 만듭니다.

 

 

 

 

 

그리고 아까 압축해제 한 tela와 tela-dark를 복사해줍니다.

 

 

 

 

tweaks에 들어가서  Appearance에 들어갑니다. icons에 tela-dark를 선택해주면 적용됩니다.

 

 

 

 

[아이콘 변경 전]

[아이콘 변경 후]

 

전체적으로 아이콘과  모양들이 달라졌습니다.

 


그런데 아래화면처럼 폴더와 맞지 않게 디렉토리가 기본테마로 되어있어 이것도 변경해보겠습니다.


[3.테마 변경하기]

 

아래 링크로 들어갑니다.그리고 gtk3/4 themes를 들어가 필터링을 rating으로 해주고 

arc-darkest complete desktop을 찾습니다.(2021년 2월 기준으로 3페이지에 있습니다)

 

https://www.gnome-look.org/browse/cat/

 

Browse Latest | https://www.gnome-look.org/browse/cat/

Browse Latest | https://www.gnome-look.org/browse/cat/ | A community for free and open source software and libre content

www.gnome-look.org

 

 

 

그리고 gnu버젼에 맞는 파일을 찾아  다운 받습니다.(저는 gnu버젼이 3.6.1라 두번째 파일을 다운 받았습니다)

 

*gnu 버전은 settings의 about탭을 누르면 해당 정보가 나옵니다.


[3.1 압축해제 및 home에  .themes 폴더 생성]

아이콘 조정때 처럼 다운 받고 압축해제합니다.

 

그리고 홈으로 가서 .themes 폴더를 만듭니다.

 

그리고 .themes 폴더에 아래와 같이 압축해제한 폴더를 복사해줍니다.

 

 


[3.2  tweaks에서 Applications 테마 설정]

그리고 tweaks에 들어가 Appearance에 Applications부분을 Arc-Darkest-3.36으로 변경해줍니다.

 

[테마 적용 결과]

변경 전 변경 후

 

[4. 최종화면]

 

 


[참고사이트]

https://medium.com/@shubhomoybiswas/customizing-ubuntu-18-04-5fda4ea9ded7

 

Customizing Ubuntu 18.04

Customize Ubuntu to match your workspace needs

medium.com

https://www.youtube.com/watch?v=Sn5pe_gMsgc

 

https://www.youtube.com/watch?v=c_ORZhi3eSQ

averagelinuxuser.com/customize-ubuntu-18-04/

 

Customize Ubuntu 18.04: Themes, Icons, Layouts

In this article, you will learn how to customize Ubuntu 18.04 by installing additional themes and make its layout look different from the default.

averagelinuxuser.com

https://blog.usejournal.com/customizing-ubuntu-18-10-e84ece6bcfc5

 

Customizing Ubuntu 18.10

So you finally decided to give Ubuntu a shot and gone through all the hassle of ‘nomodeset’ and ‘acpi=off’ (if you have NVIDIA drivers…

blog.usejournal.com