🎨 Community Showcase #44
Replies: 16 comments 26 replies
-
|
Here's mine, I am new to Zellij and it's a WIP:
Panel is drawn at the top, I thought it can be confusing with Neovim's statusline. *Edit: Forgot to rename tab 4, it's with a floating pane. Maybe you can help me with one minor issue: you can see that Nerd icons in the tab names (for floating, sync etc.) are sometimes not centered with the rest of the font. Not sure what is causing it, may be a font or kitty setting affecting this? Have not looked into it much, I am open to ideas. Terminal: Kitty If there is interest I can share the file, but as I said, I am not finished yet. |
Beta Was this translation helpful? Give feedback.
-
|
This looks sick, I was looking for this exactly!!!! Thanks for sharing. EDIT: I tweaked yours above to make it more like the tmux catppuccin status bar I had.
Thank you for the inspiration 🫶. |
Beta Was this translation helpful? Give feedback.
-
|
For anyone interested, I made a colour scheme friendly version of this setup using the recent update with named colours. |
Beta Was this translation helpful? Give feedback.
-
|
I have also since migrated to use base16 from stylix, https://gitlab.com/hmajid2301/dotfiles/-/blob/main/modules/home/cli/multiplexers/zellij/default.nix?ref_type=heads#L165-217 (if anyone is interested) |
Beta Was this translation helpful? Give feedback.
-
Hey, your work looks great, is |
Beta Was this translation helpful? Give feedback.
-
It makes it so there's a line gap between the Zellij status bar at the top and the content of the terminal. |
Beta Was this translation helpful? Give feedback.
-
|
locked unlocked |
Beta Was this translation helpful? Give feedback.
-
|
Where can I get this? Thanks |
Beta Was this translation helpful? Give feedback.
-
|
@eddyekofo94 I made a note, will add it later this weekend 👍 |
Beta Was this translation helpful? Give feedback.
-
|
Hey, your work looks great, is it ready please? |
Beta Was this translation helpful? Give feedback.
-
|
https://gist.github.com/xtrasmal/1a56f8bb269ff769492cc5287022ce0f
|
Beta Was this translation helpful? Give feedback.
-
Hello! I’ve created a new layout for Zjstatus called “tmux2” (https://github.com/starkovv/tmux2-zjstatus-layout) which features a modern, solarized dark theme. This layout offers a clean and informative status bar with elements such as the host OS icon, session name, and dynamic mode indicators. It enhances the existing “tmux” style layout by providing a more visually appealing and functional design. I believe this layout could be a great addition to the existing examples in your repository. I’ve tested it extensively and found it to work best with the solarized dark terminal color theme. |
Beta Was this translation helpful? Give feedback.
-
More screenshots:With panes: Locked: |
Beta Was this translation helpful? Give feedback.
-
|
@starkovv what's the name of the api tester on the right? |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
|
Hi
source: https://github.com/merikan/.dotfiles/blob/main/config/zellij/themes/zjstatus/catppuccin-mocha.kdl |
Beta Was this translation helpful? Give feedback.
-
|
Hi
source: https://github.com/merikan/.dotfiles/blob/main/config/zellij/themes/zjstatus/gruvbox-dark.kdl |
Beta Was this translation helpful? Give feedback.
-
|
I just updated my Catppuccin and Gruvbox themes. Since @dj95 implemented #75, which makes it easier to create and maintain themes with color aliases, I've updated my themes with more flavors You can find them here (https://github.com/merikan/.dotfiles/tree/main/config/zellij/themes/zjstatus) CatppuccinLatte Frappé Macchiato Mocha GruvboxDark Light |
Beta Was this translation helpful? Give feedback.
-
|
Thank you so much for this! I too used your creation. I posted it here, with a screenshot: #44 (comment). |
Beta Was this translation helpful? Give feedback.
-
|
Hey! Thank you for the plugin, just finished and I'm pretty satisfied with the result! normal |
Beta Was this translation helpful? Give feedback.
-
|
I'm a big fan of adding info to my Gnome title bar so I thought I'd find a way to bring some of my favorites to zjstatus, this is how it looks so far:
Just added some shell scripts which echo the data when run, might not be the best way to implement this but I love the end result! Weather icon changes according to the current weather code (sourced from open-meteo), cpu usage and ram allocation update with the command interval, music data and player status (playing/ paused) sourced from playerctl, pretty sure it can be used with any media player that implements MPRIS interface (tested with Spotify, Firefox and Cider (Apple Music). I'll leave my configs in the replies for anyone interested in using it, for any improvements made on this please do let me know cause I'd love to see this style of setup evolve! Thanks a lot for the plugin! Really adds up to the experience of using zellij! |
Beta Was this translation helpful? Give feedback.
-
Plugin:song.sh:weather.sh:usage.sh:Side note: For some reason this script (which works for me on Fedora) did not work for my friend using Mint, I'm not knowledgeable enough in shell to understand why this caused a syntax error for him, any help is appreciated. |
Beta Was this translation helpful? Give feedback.
-
|
you can do |
Beta Was this translation helpful? Give feedback.
-
|
Someone can explain the use of notifications in zjstatus? What notifications come in there? (Sorry for asking here) |
Beta Was this translation helpful? Give feedback.
-
|
The ones you send to zjstatus via the pipe feature. It can be useful of you want to retrieve notifications that a command has finished. |
Beta Was this translation helpful? Give feedback.
-
|
Thanks. I tried use pipe but zellij opens floating pane. command: zellij pipe --plugin file:~/.config/zellij/plugins/zjstatus.wasm --name Testing -- "Notification test" |
Beta Was this translation helpful? Give feedback.
-
|
You should omit the plugin, such that the message is directed to all plugins. And follow the protocol, like described in the wiki. |
Beta Was this translation helpful? Give feedback.
-
|
Very cool! I was using the Zellij Manual syntax at https://zellij.dev/documentation/zellij-pipe. Thanks for showing the way |
Beta Was this translation helpful? Give feedback.
-
|
My use of Zellij is rather minimal (compared to others). I just wrap neovim in one tab and then have another tab for a separate terminal instance. zjstatus allowed me to make the bottom status when in my terminal tab match the status line I'm using in neovim.
|
Beta Was this translation helpful? Give feedback.
-
|
Dotfiles if anyone is interested: |
Beta Was this translation helpful? Give feedback.
-
|
|
Beta Was this translation helpful? Give feedback.
-
|
how did you theme the colour of the frame border from green to blue? |
Beta Was this translation helpful? Give feedback.
-
|
See: https://github.com/Daydreamer-riri/dotfiles/blob/main/zellij/config.kdl#L397 |
Beta Was this translation helpful? Give feedback.
-
|
thanks didn't realise it was that simple hahah! |
Beta Was this translation helpful? Give feedback.
-
|
another catpucchin based theme. you can find the config at the link below along with credits. =) |
Beta Was this translation helpful? Give feedback.
-
|
Thank you all for the inspiration. Here's mine, using a variant of the Palenite theme and a few custom scripts for weather/battery 
Config
layout {
default_tab_template {
pane size=1 borderless=true {
plugin location="https://github.com/dj95/zjstatus/releases/latest/download/zjstatus.wasm" {
format_left " {tabs}{mode} #[fg=bright_black,italic]@{session}"
format_right "{command_weather} {command_battery} {datetime} "
format_center ""
format_space ""
format_hide_on_overlength "true"
format_precedence "lrc"
hide_frame_for_single_pane "true"
mode_normal ""
mode_tmux " #[bg=yellow,fg=black] >… "
mode_locked " #[bg=yellow,fg=black] {name} "
mode_resize " #[bg=yellow,fg=black] {name} "
mode_pane " #[bg=yellow,fg=black] {name} "
mode_tab " #[bg=yellow,fg=black] {name} "
mode_scroll " #[bg=yellow,fg=black] {name} "
mode_enter_search " #[bg=yellow,fg=black] {name} "
mode_search " #[bg=yellow,fg=black] {name} "
mode_rename_tab " #[bg=yellow,fg=black] {name} "
mode_rename_pane " #[bg=yellow,fg=black] {name} "
mode_session " #[bg=yellow,fg=black] {name} "
mode_move " #[bg=yellow,fg=black] {name} "
mode_prompt " #[bg=yellow,fg=black] {name} "
color_bg "bright_black"
color_fg "black"
tab_separator " "
tab_normal "#[fg=$bg]#[bg=$bg,fg=$fg] {index}#[fg=$bg]"
tab_active "#[fg=red]#[bg=red,fg=$fg] {index}#[fg=red]"
command_monitor_command "macmon-line"
command_monitor_format "#[fg=$bg]#[bg=$bg,fg=$fg]{stdout}#[fg=$bg]"
command_monitor_interval "5"
command_weather_command "weather"
command_weather_format "#[fg=$bg]#[bg=$bg,fg=$fg]{stdout}#[fg=$bg]"
command_weather_interval "60"
command_battery_command "zelda-battery"
command_battery_format "#[fg=$bg]#[bg=$bg,fg=$fg]{stdout}#[fg=$bg]"
command_weather_interval "60"
datetime "#[fg=$bg]#[bg=$bg,fg=$fg]{format}#[fg=$bg]"
datetime_format "%a %b %d, %I:%M%P"
datetime_timezone "US/Pacific"
}
}
children
}
} |
Beta Was this translation helpful? Give feedback.
-
|
The zelda battery is a really awesome idea! |
Beta Was this translation helpful? Give feedback.
-
|
Thank you for all the inspirations. Thanks @merikan for Catppuccin Mocha where my theme comes with some customizations.
|
Beta Was this translation helpful? Give feedback.
-
|
I see some people around here like to put a lot of information in their status bars, here's my humble contribution for those of us who like to keep things simple. Mode, tabs, session, git branch, date/time.
Config: https://github.com/daxisunder/dotfiles/blob/main/.config/zellij/layouts/default.kdl |
Beta Was this translation helpful? Give feedback.
-
|
InspirationsThe layout itselfThank you @merikan! 🙏 [🎨 Community Showcase · dj95/zjstatus · Discussion #44](#44) Note: I might be wrong with this but it wasn't working for me until I used the zjstatus.wasm file from his repo. 🤷♀️ I tweaked it to add the weather widget and also to make the active tab white to make it more obvious. Here are the themes he modified for this plugin: The weather widgetI tweaked it to make it display the degree in Fahrenheit. Thank you @joaopritter! 🙏 [🎨 Community Showcase · dj95/zjstatus · Discussion #44](#44 (reply in thread)) I added the cpu usage as well but removed it because it was locking down Zellij. My configszjstatus configwheather.sh#!/bin/sh
# Get current location (latitude and longitude)
loc=$(curl -s ipinfo.io | jq -r '.loc')
lat=$(echo "$loc" | cut -d',' -f1)
long=$(echo "$loc" | cut -d',' -f2)
# Fetch current weather in Fahrenheit
weather=$(curl -s "https://api.open-meteo.com/v1/forecast?latitude=$lat&longitude=$long¤t=temperature,weathercode&temperature_unit=fahrenheit")
# Extract temperature and weather code
tem=$(echo "$weather" | jq '.current.temperature')
wea=$(echo "$weather" | jq '.current.weathercode')
# Define weather code groups
clear=("0" "1")
cloudy=("2" "3")
fog=("45" "48")
drizzle=("51" "53" "55" "56" "57")
rain=("61" "63" "65" "66" "67")
snow=("71" "73" "75" "77" "85" "86")
showers=("80" "81" "82")
thunderstorm=("95" "96" "99")
# Match weather code to emoji
if [[ ${clear[@]} =~ $wea ]]; then
curwea=
elif [[ ${cloudy[@]} =~ $wea ]]; then
curwea=
elif [[ ${fog[@]} =~ $wea ]]; then
curwea=
elif [[ ${drizzle[@]} =~ $wea ]]; then
curwea=
elif [[ ${rain[@]} =~ $wea ]]; then
curwea=
elif [[ ${snow[@]} =~ $wea ]]; then
curwea=
elif [[ ${showers[@]} =~ $wea ]]; then
curwea=
elif [[ ${thunderstorm[@]} =~ $wea ]]; then
curwea=
else
curwea=❓
fi
# Output: icon and temperature (Fahrenheit, plain number)
echo "$curwea $tem"The layout// work
layout {
default_tab_template {
pane size=1 borderless=true {
plugin location="zjstatus"
}
children
pane size=2 borderless=true {
plugin location="status-bar" {
classic true
}
}
}
tab name="Work" hide_floating_panes=false {
// pane name="Code" cwd="${PROJECTS}"
pane split_direction="vertical" {
pane name="Code" command="nvim"
pane name="Daily Notes" cwd="${VAULT_MAIN}" size="20%"
}
floating_panes {
pane name="Working Pad" command="git" {
args "log" "--pretty=oneline" "-n 20" "--graph" "--abbrev-commit"
x "10%"
y "10%"
width 130
}
}
}
tab name="Dashboard" {
pane split_direction="vertical" {
pane split_direction="horizontal" {
pane name="Gratitudes"
pane name="ToDos"
}
pane split_direction="horizontal" {
pane name="Achievements"
pane name="Fleeting Notes"
}
}
}
}
|
Beta Was this translation helpful? Give feedback.
and others
-
First of all I want to thank you all for reaching 200 stars on GitHub! Never thought that this plugin will gain such a popularity. I really appreciate all of your feedback and thoughts.
Since I've seen some of your awesome setups in some screenshots in issues, I'd like to encourage you to post and share your configurations to spread some inspiration and creativity.
Beta Was this translation helpful? Give feedback.
All reactions