806 words

4 minutes

Configuring Kitty & Bash

2024-09-10

ViewsLoading...

Yup, seperti judul artikel ini, saya akan mengabadikan cara saya mengkonfigurasi salah satu terminal (yang saat ini menjadi) favorit saya, yaitu Kitty. Selain itu, artikel ini juga akan menyertakan cara mengkonfigurasi salah satu shell prompt yang secara default menjadi shell dari kitty, yaitu Bash.

Pada akhirnya, output dari artikel ini adalah sebuah terminal dengan tampilan seperti berikut:

Kitty#

Kitty adalah sebuah terminal emulator yang cross-platform, feature-rich, dan GPU-based. Jadi, kitty bisa digunakan di semua sistem operasi, terutama sistem operasi desktop seperti MacOS, Windows, dan tentu saja Linux. Selain itu, kitty juga memiliki banyak fitur, misalnya seperti mouse feature, themes, dan masih banyak lagi. Kitty juga adalah terminal emulator berbasis GPU menggunakan OpenGL untuk melakukan rendering. Terakhir, secara desain, Kitty juga diciptakan dengan tujuan untuk memaksimalkan kebutuhan pengguna terminal yang sangat bergantung pada keyboard. Artinya, meskipun kitty juga mouse-interaction-friendly, tapi kitty dapat dikontrol dengan keyboard. ¹

Kitty Installation#

Pertama, kita akan melakukan instalasi kitty…

Distro	Command
Debian	`sudo apt install kitty`
Arch Linux	`sudo pacman -Sy kitty`
Fedora	`sudo dnf install kitty`
Opensuse	`sudo zypper install chafa`

Atau kita bisa meng-compile-nya langsung dari repo resminya di github:

kovidgoyal

kitty

Waiting for api.github.com...

00K

Waiting...

Kitty Configuration#

File konfiguasi kitty tersimpan di ~/.config/kitty/kitty.conf. Atau kalau tidak ada, kita bisa membuatnya sendiri dengan mengetikkan perintah:

1
mkdir ~/.config/kitty && touch ~/.config/kitty/kitty.conf

Berikut adalah isi file konfigurasi kitty saya:

1
# APPEARANCE
2
# font
3
font_family FiraCode
4
font_size 10.0
5

6
# colors
7
# background #000000
8
background #2f343f
9
foreground #ffffff
10

11
# opacity
12
background_opacity 1
13

14
# KEYBINDS
15
map ctrl+shift+c copy_to_clipboard
16
map ctrl+shift+v paste_from_clipboard
17

18
# SCROLLING
19
scrollback_lines 10000
20

21
# TABS AND WINDOWS
22
tab_bar_edge top
23
active_tab_foreground #ff5555
24

25
# CURSOR
26
shell_integration no-cursor
27
cursor_shape block
28
cursor_beam_thickness 2.0
29
cursor_blink always
30

31
# MOUSE INTERACTIONS
32
enable_mouse yes
33

34
# STARTUP OPTIONS
35
initial_window_width 800
36
initial_window_height 600
37

38
# WINDOW TITLE BAR
39
window_title_format current_directory
40

41
include ./tokyo_night.conf

Note:
Konfigurasi Kitty lebih lanjut dapat dijumpai di dokumentasi resminya: https://sw.kovidgoyal.net/kitty/

Di baris paling bawah, saya meng-input-kan konfigurasi warna atau tema Tokyo Night. Nah, bagaimana caranya?

Kitty Themes#

Ketikkan perintah berikut di terminal:

1
kitty +kitten themes

Cari Tokyo Night, atau tema apapun yang kalian inginkan.
Tekan Enter dan pilih “Place the theme file in /home/wildan/.config/kitty but do not modify kitty.conf” dengan menekan P di keyboard.
Masukkan file konfigurasi tema tersebut ke dalam file konfigurasi kitty dengan perintah:

1
include "nama-file-konfigurasi-tema.conf"

Berikut rangkuman konfigurasi tema kitty:

Oke, sejauh ini kita sudah berhasil mengkonfigurasi Kitty.

Bash#

BASH (Born Again SHell) adalah salah satu shell prompt yang populer dan melegenda. Disebut populer karena beberapa distro terkenal seperti Debian, Ubuntu, Arch, Fedora, dan banyak yang lainnya secara default menggunakan bash sebagai shell prompt di terminalnya. Sebetulnya, ada beberapa shell prompt lain yang juga dapat digunakan sebagai alternatif, misalnya seperti zsh, fish, dan kawan-kawannya.

Bash Installation#

Sebetulnya, karena saya menggunakan Debian, maka shell prompt default yang saya gunakan adalah bash. Tapi, jika kalian tidak menggunakan bash dan ingin meng-install-nya, maka perintahnya cukup mudah:

Distro	Command
Debian	`sudo apt install bash`
Arch Linux	`sudo pacman -Sy bash`
Fedora	`sudo dnf install bash`
Opensuse	`sudo zypper install bash`

Cara untuk mengetahui shell prompt yang sedang kita gunakan:

1
echo $0

Bash Configuration#

Installing synth-shell#

Kita akan melakukan konfigurasi bash shell agar tampak seperti pada tangkapan layar pertama artikel ini di atas tadi. Untuk itu, kita akan menggunakan sebuah script, synth-shell:

1
git clone --recursive https://github.com/andresgongora/synth-shell.git
2
cd synth-shell
3
./setup.sh

Akan muncul beberapa pertanyaan, silakan sesuaikan dengan preferensi masing-masing. Berikut adalah preferensi saya:

Instalasi selesai.

Kalau diperhatikan di .bashrc, di bagian akhir file, ada tambahan config untuk memulai synth-shell:

Berikut adalah perbandingan bash prompt sebelum & sesudah menggunakan synth-shell:

perbandingan bash shell sebelum & sesudah instalasi synth-shell

Configuring synth-shell#

Target konfigurasi synth-shell kali ini ada 2:

Mengganti warnanya menjadi ungu (baik warna status maupun warna input command-nya)
Membuat prompt-nya menjadi 2 baris; baris pertama untuk status dan baris kedua untuk input command.

Adapun file konfigurasi yang akan kita ubah/sesuaikan adalah ~/.config/synth-shell/synth-shell-prompt.config.

Mengganti warna#

Untuk mengganti warna background untuk username, ubah nilai background_user= di bagian USER menjadi 56 seperti ini:

1
##==============================================================================
2
## USER
3
##==============================================================================
4
font_color_user="white"
5
background_user="56"
6
texteffect_user="bold"

Untuk mengganti warna background untuk hostname, ubah nilai background_host= di bagian HOST menjadi 99 seperti ini:

1
##==============================================================================
2
## HOST
3
##==============================================================================
4
font_color_host="white"
5
background_host="99"
6
texteffect_host="bold"

Untuk mengganti warna teks untuk input command kita, ubah nilai font_color_input= di bagian INPUT menjadi 69 seperti ini:

1
##==============================================================================
2
## INPUT (user typed command)
3
##==============================================================================
4
font_color_input="69"
5
background_input="none"
6
texteffect_input="bold"

Note:
Kode warna lainnya dapat dijumpai di website berikut: https://www.ditig.com/publications/256-colors-cheat-sheet

Membuat baris untuk input command#

Sekarang, kita akan membuat baris baru untuk input command-nya. Caranya, kita ubah nilai enable_command_on_new_line= di bagian MAIN FORMAT menjadi true seperti ini:

1
##==============================================================================
2
## MAIN FORMAT
3
##==============================================================================
4
format="USER HOST PWD GIT PYENV TF KUBE"
5

6
separator_char='\uE0B0'           # Separation character, '\uE0B0'=triangle
7
separator_padding_left=''         # Add char or string to the left of the separator
8
separator_padding_right=''        # Add char or string to the right of the separator
9
segment_padding=' '               # Add char or string around segment text
10
enable_vertical_padding=true      # Add extra new line over prompt
11
enable_command_on_new_line=true  # Add new line between prompt and command