tmux statusbar theme base on alacritty tokyonight colorscheme (https://github.com/zatchheems/tokyo-night-alacritty-theme)

tmux-tokyonight-gaps-statusbar

# Border Style
set -g pane-active-border-style "fg=#7aa2f7"
set -g pane-border-style "fg=#444b6a"

# Message Style
set -g message-style "fg=#1a1b26,bg=#ff7a93,bold"

# Status line Style
set -g status-style "fg=#a9b1d6,bg=#1a1b26"

## Left Section
set -g status-left "#[fg=#1a1b26,bg=#7aa2f7]"
set -ga status-left "\
#{?client_prefix,#[bg=#f7768e]  \uf794,\
#{?window_zoomed_flag,#[bg=#0db9d7]  \uf793,\
#{?pane_synchronized,#[bg=#b9f27c]  \uf46a,\
#{?window_marked_flag,#[bg=#ff9e64]  \uf5c0,  \uf792}}}}  #[bg=#1a1b26] "

## Window Section
setw -g window-style "fg=#787c99"
setw -g window-active-style "fg=#a9b1d6"
setw -g window-status-separator ' '
setw -g window-status-format "#[fg=#444b6a,bg=#232433]"
setw -ga window-status-format "#{?window_marked_flag,#[bold]#[fg=#a9b1d6],}"
setw -ga window-status-format "  #I #W  "

set -g window-status-current-format "\
#{?client_prefix,#[fg=#1a1b26]#[bg=#f7768e],\
#{?window_zoomed_flag,#[fg=#1a1b26]#[bg=#0db9d7],\
#{?pane_synchronized,#[fg=#1a1b26]#[bg=#b9f27c],\
#{?window_marked_flag,#[fg=#1a1b26]#[bg=#ff9e64],\
#[fg=#1a1b26]#[bg=#7aa2f7]}}}}"
setw -ga window-status-current-format "   #[bold]#W   "

## Right Section
set -g status-right-length 150
setw -g status-right "\
#{?client_prefix,#[fg=#1a1b26]#[bg=#f7768e],\
#{?window_zoomed_flag,#[fg=#1a1b26]#[bg=#0db9d7],\
#{?pane_synchronized,#[fg=#1a1b26]#[bg=#b9f27c],\
#{?window_marked_flag,#[fg=#1a1b26]#[bg=#ff9e64],\
#[fg=#1a1b26]#[bg=#7aa2f7]}}}}"
setw -ga status-right " #{?#{==:#{pane_current_path},#{HOME}}, \uf7db ,\
\uf413 #[bold]#{b:pane_current_path}} "

# vim: ft=tmux

tmux-tokyonight-statusbar

# Border Style
set -g pane-active-border-style fg=#7aa2f7
set -g pane-border-style fg=#a9b1d6

# Message Style
set -g message-style "fg=#1a1b26,bg=#ff7a93,bold"

# Status line Style
set -g status-style "fg=#a9b1d6,bg=#1a1b26"

## Left Section
### change color and icon according to the current mode
set -g status-left "#[fg=#1a1b26,bg=#7aa2f7]"
set -ga status-left "\
#{?client_prefix,#[bg=#f7768e]  \ue7a2,\
#{?window_zoomed_flag,#[bg=#0db9d7]  \uf543,\
#{?pane_synchronized,#[bg=#b9f27c]  \uf46a,  \uf792}}}  "

## Window Section
setw -g window-status-separator ''
setw -g window-status-format "   "
setw -ga window-status-format "#[fg=#444b6a,bg=#1a1b26] #I #W "
setw -ga window-status-format "   "

### current selected window
setw -g window-status-current-format "#[bg=#232433] #[bg=#2a2b3d] "
setw -ga window-status-current-format "#[bg=#32344a] "
setw -ga window-status-current-format "#[fg=#a9b1d6,bg=#3b3d57] \uf102 #W "
setw -ga window-status-current-format "#[bg=#32344a] "
setw -ga window-status-current-format "#[bg=#2a2b3d] #[bg=#232433] "

## Right Section
set -g status-right-length 150
setw -g status-right "\
#[bg=#232433] \
#[bg=#2a2b3d] \
#[bg=#32344a] \
#[fg=#a9b1d6,bg=#3b3d57]"
### base name of current directory, if it is $HOME, just display ICON ~
setw -ga status-right " #{?#{==:#{pane_current_path},#{HOME}},\uf015 ~,\
\uf74a #{b:pane_current_path}} "
### hostname, change bg color according to the current mode
setw -ga status-right "#[fg=#1a1b26]\
#{?window_zoomed_flag,#[bg=#0db9d7],\
#{?pane_synchronized,#[bg=#b9f27c],#[bg=#f7768e]}} ﲾ #[bold]#h "

# vim: ft=tmux