background music
– https://pixabay.com/music/beats-lofi-song-nature-by-lofium-123203/
– https://pixabay.com/music/beats-chill-lofi-vlog-176790/

▶️ *1. STEP BY STEP*

*1.1. Update the system*

– use apt
// sudo apt update -y && sudo apt full-upgrade -y

– install git, curl, npm (optional)
// sudo apt install git
// sudo apt install curl
// sudo apt install npm

*2. install and config nerd-font*

– install nerd-font on the system*
– homepage or github
– download the font you like (i choose JetBrainsMono)

// # create the folder
// mkdir nerd-font

// # extract with unzip
// unzip JetBrainsMono.zip

// # copy into system font’s folder
// sudo cp -R nerd-font/ /usr/share/fonts/truetype/

// # update the font cache
// fc-cach

*1.3. oh-my-posh installation*

– visite the homepage and choose the type to install
// # visit the homepage or the github
// https://ohmyposh.dev/docs/installation/linux
// # I will choose the MANUAL to isntall
// curl -s https://ohmyposh.dev/install.sh | bash -s

– CONFIG on your terminal (xfce4)
// # check the SHELL : /home/atuanlab/.local/bin/oh-my-posh get shell
// # modify the .bashrc : sudo nano ~/.bashrc
// eval /”$(/home/atuanlab/.local/bin/oh-my-posh init bash –config /”/home/atuanlab/.cache/oh-my-posh/themes/dracula.omp.json/”)/”
// # restart the terminal (or exec bash)

– DOWNLOAD the color-scheme
// # use “dracula-theme” for color : https://draculatheme.com/xfce4-terminal
// # use git clone : git clone https://github.com/dracula/xfce4-terminal.git
// # copy the “dracula.theme” : cp Dracula.theme /usr/share/xfce4/terminal/colorschemes

*1.4. dracula-theme installation*

– DOWNLOAD and INSTALL the theme
// # I will choose this “dracula-theme” : https://www.xfce-look.org/p/1687249
// # I will choose this : dracula.tar.xz

– INSTALL the theme on system
// Settings Manager  Appearances
// STYLE, ADD, Select /”.tar.zx/”
// Select “Set matching xfwm4”

– DOWNLOAD and INSTALL the icon
// # I will choose this ICON : https://www.xfce-look.org/p/1541561
// # Pick the type you like
// # I like the circle : circle.tar.zx

– SETUP the icon for the system
// Settings Manager  Appearance
// ICON  ADD  Select .tar.zx
// Select the icon you like

– CUSTOMIZE the system tray icon
// Select the Panel  Preferences
// Appearance  ICON SIZE (16)
// Select ITEMS  Select “Xapp Status Plugins”  Select Color (16) and Symbolic (16)
// Optinal for other system tray icon

*1.5. customize the background-image*

– DOWNLOAD the wallpaper (suggest)
// # from dracula’s github : https://github.com/dracula/wallpaper
// # from aynp’s github : https://github.com/aynp/dracula-wallpapers?tab=readme-ov-file

– COPY img : /usr/share/background
// # use command cp (or mv)
// sudo cp img /usr/share/background

– SET the background image
// Right mouse  Desktop Settings
// Pick the BG you like (in background)

*1.6. WEB GREETER INSTALLATION*
– UPDATE the system
// # use apt
// sudo apt update
// sudo apt full-upgrade

– DOWNLOAD and INSTALL web-greeter
// # github : https://github.com/JezerM/web-greeter
// # download the .deb
// # install with “apt” : sudo apt install ./ web-greeter-3.5.3-ubuntu.deb
 
– CUSTOMIZE the lightdm
// # use web-greeter as default greeter
// cd /usr/share/lightdm/lightdm.conf.d
// sudo nano 90-slick-greeter.conf
// # thay slick-greeter thành web-greeter
// [Seat:*]
// greeter-session=web-greeter
// # restart the lightdm.service
// sudo systemctl restart lightdm
// # lightdm test-mode
// lightdm –test-mode –debug
 
// # change the theme for web-greeter
// cd /etc/lightdm
// sudo nano web-greeter.yml
// # change the line “theme”
// theme: dracula (deafult when installed)

*1.7. Customize panel and dock (plank)*

– CUSTOMIZE the panel
// Right mouse  Preferences
// Select the mode : horizal (default)
// Turn off LOCK PANEL  Move the Panel into the top  Turn on LOCK PANEL (again)
// You can customize the size
 
– INSTALL plank dock
// # github : https://github.com/ricotz/plank
// # update the system
// sudo apt update
// sudo apt full-upgrade
// # run the plank : plank (or select the icon from menu)
// # customize the plank : plank –preferences
 
– RUN “plank” in startup
// Select : session and startup
// Select : application autostart
// Name : plank
// Description : optional
// Command : plank
// Trigger : on login
// Restart the system to check the result

▶️ *2. REFERENCES*
– linux mint homepage : https://linuxmint.com/
– dracula theme homepage : https://draculatheme.com/
– dracula theme github : https://github.com/dracula/dracula-theme
– web-greeter github : https://github.com/JezerM/web-greeter
– web-greeter homepage : https://web-greeter-page.vercel.app/
– we-greeter themes : https://web-greeter-page.vercel.app/themes

▶️ *3. TIMELINES*

00:00 The result
00:57 1. update the system (use apt)
04:01 2. nerd-font installation
14:59 4. install dracula-theme
21:02 5. customize background image
25:25 6. web-greeter installation
32:36 7. customize the panel and dock

Please take the opportunity to connect and share this video with your friends and family if you find it useful.