Share your plugins

[typkrft]

This is a thread to share the plugins you've created with the community.

[typkrft]

Window Title

DESCRIPTION: This will display the current window's title in your bar. If the window's title is greater than 50 characters it will truncate it, if there it no title available it will fall back to the application name. This was written by @FelixKratz and Modified by me.

NOTE: Assuming you are using yabai, you can quickly check window titles and app names of the current window with yabai -m query --windows --window | jq '.app,.title'.

Updated Configuration:

sketchybarrc

# E V E N T S
sketchybar -m --add event window_focus \
              --add event title_change

# W I N D O W  T I T L E 
sketchybar -m --add item title left \
              --set title script="$HOME/.config/sketchybar/plugins/window_title.sh" \
              --subscribe title window_focus front_app_switched space_change title_change

window_title.sh

#!/bin/bash

# W I N D O W  T I T L E 
WINDOW_TITLE=$(/opt/homebrew/bin/yabai -m query --windows --window | jq -r '.title')

if [[ $WINDOW_TITLE = "" ]]; then
  WINDOW_TITLE=$(/opt/homebrew/bin/yabai -m query --windows --window | jq -r '.app')
fi

if [[ ${#WINDOW_TITLE} -gt 50 ]]; then
  WINDOW_TITLE=$(echo "$WINDOW_TITLE" | cut -c 1-50)
  sketchybar -m --set title label="│ $WINDOW_TITLE"…
  exit 0
fi

sketchybar -m --set title label="│ $WINDOW_TITLE"

yabairc

  # S K E T C H Y B A R  E V E N T S
    yabai -m signal --add event=window_focused action="sketchybar -m --trigger window_focus &> /dev/null"
    yabai -m signal --add event=window_title_changed action="sketchybar -m --trigger title_change &> /dev/null"

Felix: Update to V2.0.0 Syntax

[Bellavene]

have the correct events and triggers been defined in .yabairc and sketchybarrc?

yabai -m signal --add event=window_focused action="sketchybar --trigger window_focus &> /dev/null"
yabai -m signal --add event=window_title_changed action="sketchybar --trigger title_change &> /dev/null"

sketchybar --add event window_focus \
           --add event title_change

Yep

[matthewben-net]

if anyone is facing issues combining this with animations due to title_change events firing too often, the script can be modified to only fire when the title actually changes. for example, this will cause the old title to slide down to 0 width and then smoothly back to the new title's width. you could replace the alpha and width with any animate-able properties such as y_offset for different effects.

  #! /bin/bash
  # window_title.sh

  WIN_TITLE_FILE='window_title.dat'
  
  WINDOW_TITLE=$(/opt/homebrew/bin/yabai -m query --windows --window | jq -r '.title')
  
  if [[ $WINDOW_TITLE = "" ]]; then
    WINDOW_TITLE=$(/opt/homebrew/bin/yabai -m query --windows --window | jq -r '.app')
  fi
  
  OLD_TITLE=$(cat $WIN_TITLE_FILE)
  
  if [[ $WINDOW_TITLE = $OLD_TITLE ]]; then
    exit 0
  else
    sketchybar --animate sin 5 --set title label.color.alpha=0.0 label.width=0
    echo $WINDOW_TITLE > $WIN_TITLE_FILE
    
    sleep 0.15
    
    sketchybar -m --set title label="$WINDOW_TITLE"
    sketchybar --animate sin 5 --set title label.color.alpha=1.0 label.width=dynamic
  fi

sketchybarrc and .yabairc don't need to be modified. i handle max label length with sketchybar's label.max_chars, if you'd like it handled in the script you'll need to add that if statement back in.

Screen.Recording.2024-06-05.at.1.21.23.PM.mov

OOOOOOOH I didn't think to animate the title change, that looks so sleek!

[matthewben-net]

To summarize:

# Suffix to delete unwanted title endings. You can add many of them, just number them (suffix#) and add another option (-e) to "sed" in WINDOW_TITLE part.
suffix=" - Vivaldi" 

# Store window name in temp folder
WIN_TITLE_FILE='/tmp/window_title.dat'

# Apply title.
WINDOW_TITLE=$(/opt/homebrew/bin/yabai -m query --windows id,title --window | jq -r '.title' | sed -e s/$suffix$//)

if [[ $WINDOW_TITLE = "" ]]; then
  WINDOW_TITLE=$(/opt/homebrew/bin/yabai -m query --windows id,app --window | jq -r '.app')
fi

OLD_TITLE=$(cat $WIN_TITLE_FILE)

if [[ $WINDOW_TITLE = $OLD_TITLE ]]; then
  exit 0
else
  sketchybar --animate sin 5 --set title label.color.alpha=0.0 label.width=0
  echo $WINDOW_TITLE > $WIN_TITLE_FILE
  sleep 0.15
  sketchybar -m --set title label="$WINDOW_TITLE" --animate sin 5 --set title label.color.alpha=1.0 label.width=dynamic
  fi
fi

I'm scratching my old head. What to do, if an app is focused without windows at all? Like Finder on desktop, the title stays as the last used one. Tried many things, and nothing works. Yabai outputs an error, which I couldn't pipe to the script.

I'm not sure if it would be of much help, but I posted a Lua version of this a week or two ago. I encountered the same issue as you with the window title remaining unchanged when switching to a space without any windows. To solve this, I use a shell script to execute the yabai command instead of executing it directly in window_title.sh. The script returns the yabai JSON output if available, otherwise 'empty' to sketchybar. If it's empty, I set the window title to Finder.

[Bellavene]

Fixed, just subscribed to front_app_switched also.

Update: It bugs out with fron_app_switched, with uncontrolled rapid execution of the script for some seconds. So it is not fixed (

[realhackcraft]

if anyone is facing issues combining this with animations due to title_change events firing too often, the script can be modified to only fire when the title actually changes. for example, this will cause the old title to slide down to 0 width and then smoothly back to the new title's width. you could replace the alpha and width with any animate-able properties such as y_offset for different effects.

  #! /bin/bash
  # window_title.sh

  WIN_TITLE_FILE='window_title.dat'
  
  WINDOW_TITLE=$(/opt/homebrew/bin/yabai -m query --windows --window | jq -r '.title')
  
  if [[ $WINDOW_TITLE = "" ]]; then
    WINDOW_TITLE=$(/opt/homebrew/bin/yabai -m query --windows --window | jq -r '.app')
  fi
  
  OLD_TITLE=$(cat $WIN_TITLE_FILE)
  
  if [[ $WINDOW_TITLE = $OLD_TITLE ]]; then
    exit 0
  else
    sketchybar --animate sin 5 --set title label.color.alpha=0.0 label.width=0
    echo $WINDOW_TITLE > $WIN_TITLE_FILE
    
    sleep 0.15
    
    sketchybar -m --set title label="$WINDOW_TITLE"
    sketchybar --animate sin 5 --set title label.color.alpha=1.0 label.width=dynamic
  fi

sketchybarrc and .yabairc don't need to be modified. i handle max label length with sketchybar's label.max_chars, if you'd like it handled in the script you'll need to add that if statement back in.

Screen.Recording.2024-06-05.at.1.21.23.PM.mov

You can also just query the old title before changing it, instead of storing the old title in a file.

OLD_WINDOW_TITLE=$(sketchybar --query title_name | jq -r ".label.value")

[typkrft]

24 Hour Change in Bitcoin Price

DESCRIPTION: This will display the 24hr change in price of bitcoin in your bar.
NOTE: You may need to install requests, or change your python env.

sketchybarrc

sketchybar -m --add item btc right \
              --set btc icon= \
              --set btc update_freq=20 \
              --set btc script="~/.config/sketchybar/plugins/btc.sh"

btc.sh

#!/usr/bin/env python3

import requests
import os

response = requests.get('https://api.gemini.com/v1/pricefeed')
jsonResponse = response.json()

for i in jsonResponse:
    if i["pair"] == "BTCUSD":
        percentChange = str(round((float(i["percentChange24h"]) * 100), 2))
        os.system('sketchybar -m --set btc label='+ percentChange + '%')
        break

Felix: Update to v2.0.0 syntax

[typkrft]

24 Hour Change in Ethereum Price

DESCRIPTION: This will display the 24hr change in price of Ethereum in your bar.
NOTE: You may need to install requests, or change your python env.

sketchybarrc

sketchybarrc

sketchybar -m --add item eth right \
              --set eth icon=ﲹ \
              --set eth update_freq=20 \
              --set eth script="~/.config/sketchybar/plugins/eth.sh"

eth.sh

#!/usr/bin/env python3

import requests
import os

response = requests.get('https://api.gemini.com/v1/pricefeed')
jsonResponse = response.json()

for i in jsonResponse:
    if i["pair"] == "BTCUSD":
        percentChange = str(round((float(i["percentChange24h"]) * 100), 2))
        os.system('sketchybar -m --set eth label='+ percentChange + '%')
        break

Felix: Update to v2.0.0 syntax

[BrunnoVert]

How to fix the icon "?"

[colehpage]

Depending on what ICON font family he was using, you should replace it with one you have access to and make sure you update the icon font IE if you are using fontawesome pick an icon, copy it in place of the [] that shows in the file and update the icon font a la:

icon= \ // chose an icon from whatever library you use below
icon.font="Font Awesome 6 Free:Solid:15.4" // replace with whatever font icon library you are using

Essentially just make sure you have access to whatever icon you choose to use

[Sigri44]

eth.sh or eth.py .. ??!

[benp-mns]

The shebang (#!/usr/bin/env python3) indicates the path to the interpreter required.

[swombat]

How to fix the icon "?"

https://www.nerdfonts.com/cheat-sheet

Search for "Eth", copy and paste the icon (not the utf-8).

[typkrft]

Battery Status

DESCRIPTION: This will display your current battery status.

NOTE: This could probably be improved on greatly. I am not sure what an appropriate update_freq is for this so feel free to adjust it to your liking.

UPDATED: Updated to implement improvements made by ut0mt8 from this comment.

sketchybarrc

sketchybar -m --add item battery right \
              --set battery update_freq=3 \
              --set battery script="~/.config/sketchybar/plugins/power.sh" \
              --set battery icon=

power.sh

#!/bin/bash

. ~/.cache/wal/colors.sh
BATT_PERCENT=$(pmset -g batt | grep -Eo "\d+%" | cut -d% -f1)
CHARGING=$(pmset -g batt | grep 'AC Power')

if [[ $CHARGING != "" ]]; then
  sketchybar -m --set battery \
    icon.color=0xFF5DFE67 \
    icon= \
    label=$(printf "${BATT_PERCENT}%%")
  exit 0
fi

[[ ${BATT_PERCENT} -gt 10 ]] && COLOR=0xFF${color5:1} || COLOR=0xFFFF0000

case ${BATT_PERCENT} in
   100) ICON="" ;;
    9[0-9]) ICON="" ;;
    8[0-9]) ICON="" ;;
    7[0-9]) ICON="" ;;
    6[0-9]) ICON="" ;;
    5[0-9]) ICON="" ;;
    4[0-9]) ICON="" ;;
    3[0-9]) ICON="" ;;
    2[0-9]) ICON="" ;;
    1[0-9]) ICON="" ;;
    *) ICON=""
esac

sketchybar -m --set battery\
  icon.color=$COLOR \
  icon=$ICON \
  label=$(printf "${BATT_PERCENT}%%")

Felix: Update to v2.0.0

[khaneliman]

In case anyone wants more interactive charging indicator:

#!/usr/bin/env bash

source "$HOME/.config/sketchybar/colors.sh"

BATT_PERCENT=$(pmset -g batt | grep -Eo "\d+%" | cut -d% -f1)
CHARGING=$(pmset -g batt | grep 'AC Power')

sketchybar --set "${NAME}" icon.color=0xff989898

if [[ ${CHARGING} != "" ]]; then
    case ${BATT_PERCENT} in
        100) ICON="" COLOR="$GREEN" ;;
        9[0-9]) ICON="" COLOR="$GREEN" ;;
        8[0-9]) ICON="" COLOR="$GREEN" ;;
        7[0-9]) ICON="" COLOR="$GREEN" ;;
        6[0-9]) ICON="" COLOR="$YELLOW" ;;
        5[0-9]) ICON="" COLOR="$YELLOW" ;;
        4[0-9]) ICON="" COLOR="$ORANGE" ;;
        3[0-9]) ICON="" COLOR="$ORANGE" ;;
        2[0-9]) ICON="" COLOR="$RED" ;;
        1[0-9]) ICON="" COLOR="$RED" ;;
        *) ICON=""  COLOR="$RED" ;;
    esac

  sketchybar --set "${NAME}" icon="${ICON}" icon.color="${COLOR}"
  sketchybar --set "${NAME}" label="${BATT_PERCENT}%"
  exit 0
fi

case ${BATT_PERCENT} in
    100) ICON="" COLOR="$GREEN" ;;
    9[0-9]) ICON="" COLOR="$GREEN" ;;
    8[0-9]) ICON="" COLOR="$GREEN" ;;
    7[0-9]) ICON="" COLOR="$GREEN" ;;
    6[0-9]) ICON="" COLOR="$YELLOW" ;;
    5[0-9]) ICON="" COLOR="$YELLOW" ;;
    4[0-9]) ICON="" COLOR="$ORANGE" ;;
    3[0-9]) ICON="" COLOR="$ORANGE" ;;
    2[0-9]) ICON="" COLOR="$RED" ;;
    1[0-9]) ICON="" COLOR="$RED" ;;
    *) ICON=""  COLOR="$RED" ;;
esac

sketchybar --set "${NAME}" icon="${ICON}" icon.color="${COLOR}"
sketchybar --set "${NAME}" label="${BATT_PERCENT}%" 

[gverbist]

might be stupid but I don't seem to have the icon showing. It shows a question mark..

[typkrft]

@gverbist It's a nerd font icon. If you have an icon font set in sketchybar to a nerd font then it should work.

[FelixKratz]

I think this could make use of the new power_source_change event to make the charging indication snappy sucht that the polling of the battery status can be done less frequently, like it is in the new default config battery item.

[marsjane]

hi @typkrft , I also cannot see the icons, I am quite sure my terminal are using nerd fonts, I cannot see the icons shown properly in the neovim, neither in the sketchybar even I set the icon.font="Liga SFMono Nerd Font:Regular:19.0", I am curious why it doesn't work, any advice? (I just copy your .sh and paste it)

[typkrft]

Music Information

Update History:

• Felix: Update to v2.0.0
• Brandon: 2/5/23 Attempt to work around music reopening if quit see FIXME: in script

DESCRIPTION: This will display information about the current track in the Music.app. It will update based on the NSDistributedNotificationCenter Events sent by the Music app.

sketchybarrc

# Add event
sketchybar -m --add event song_update com.apple.iTunes.playerInfo

# Add Music Item
sketchybar -m --add item music right                         \
    --set music script="~/.config/sketchybar/scripts/music"  \
    click_script="~/.config/sketchybar/scripts/music_click"  \
    label.padding_right=10                                   \
    drawing=off                                              \
    --subscribe music song_update

music

#!/usr/bin/env bash

# FIXME: Running an osascript on an application target opens that app
# This sleep is needed to try and ensure that theres enough time to
# quit the app before the next osascript command is called. I assume 
# com.apple.iTunes.playerInfo fires off an event when the player quits
# so it imediately runs before the process is killed
sleep 1

APP_STATE=$(pgrep -x Music)
if [[ ! $APP_STATE ]]; then 
    sketchybar -m --set music drawing=off
    exit 0
fi

PLAYER_STATE=$(osascript -e "tell application \"Music\" to set playerState to (get player state) as text")
if [[ $PLAYER_STATE == "stopped" ]]; then
    sketchybar --set music drawing=off
    exit 0
fi

title=$(osascript -e 'tell application "Music" to get name of current track')
artist=$(osascript -e 'tell application "Music" to get artist of current track')
# ALBUM=$(osascript -e 'tell application "Music" to get album of current track')
loved=$(osascript -l JavaScript -e "Application('Music').currentTrack().loved()")
if [[ $loved ]]; then
    icon="􀊸"
fi

if [[ $PLAYER_STATE == "paused" ]]; then
    icon="􀊘"
fi

if [[ $PLAYER_STATE == "playing" ]]; then
    icon="􀊖"
fi

if [[ ${#title} -gt 25 ]]; then
TITLE=$(printf "$(echo $title | cut -c 1-25)…")
fi

if [[ ${#artist} -gt 25 ]]; then
ARTIST=$(printf "$(echo $artist | cut -c 1-25)…")
fi

# if [[ ${#ALBUM} -gt 25 ]]; then
#   ALBUM=$(printf "$(echo $ALBUM | cut -c 1-12)…")
# fi

sketchybar -m --set music icon="$icon"          \
    --set music label="${title} x ${artist}"    \
    --set music drawing=on

music_click

#!/usr/bin/env osascript

tell application "Music"
    if loved of current track is true then
        set loved of current track to false
        do shell script "sketchybar -m --set music icon="
      else
        set loved of current track to true
        do shell script "sketchybar -m --set music icon=􀊸"
    end if
end tell

delay 1

do shell script "sh $HOME/.config/sketchybar/scripts/music"

[meksrc]

I am starting to understand some things :D Thank you so much for the patience!
It works like this:

`#!/usr/bin/env bash

# run an osascript command to get the player_state
PLAYER_STATE=$(osascript -e "tell application \"Music\" to set playerState to (get player state) as text")

# Check the PLAYER_STATE
# If playing
if [[ $PLAYER_STATE == "paused" ]]; then
  osascript -e 'tell application "Music" to play'
      else
  osascript -e 'tell application "Music" to pause'
fi`

i think for some training maybe i will try to add music controls as next track etc.

[typkrft]

@meksrc Great work! Here is a good overview of some basic applescript used for controlling the Music app. Note: Be sure to change "iTunes" to "Music".

[dgrebb]

@typkrft thank you for this!

To all who are embracing the upgrade to macos Sonoma, it looks like they changed the .loved property to .favorited in the latest Music.app JavaScript API.

File: .config/sketchybar/plugins/music.sh

 loved=$(osascript -l JavaScript -e "Application('Music').currentTrack().favorited()")

File: .config/sketchybar/plugins/music_click.sh

All instances of loved become favorited:

#!/usr/bin/env osascript

tell application "Music"
    if favorited of current track is true then
        set favorited of current track to false
        do shell script "sketchybar -m --set music icon=♥ icon.color=0xbaffffff"
      else
        set favorited of current track to true
        do shell script "sketchybar -m --set music icon="
    end if
end tell

delay 1

do shell script "bash /Users/dgrebb/.config/sketchybar/plugins/music.sh"

[hamadahiro]

Hi, thank you for this great plugin. It works well until I quit the Music app. Then, when I restart the app, the plugin doesn't show up until I reset SketchyBar. Any ideas what might be causing this issue? I'm on Sonoma 14.1.

[ERICAntoine]

Same

[typkrft]

VPN Status

DESCRIPTION: Shows the vpn your currently connected to if any in your bar.

sketchybarrc

sketchybar -m --add item vpn right \
              --set vpn icon= \
                        update_freq=5 \
                        script="~/.config/sketchybar/plugins/vpn.sh"

vpn.sh

#!/bin/bash

VPN=$(scutil --nc list | grep Connected | sed -E 's/.*"(.*)".*/\1/')

if [[ $VPN != "" ]]; then
  sketchybar -m --set vpn icon= \
                          label="$VPN" \
                          drawing=on
else
  sketchybar -m --set vpn drawing=off
fi

Felix: Updated to v2.0.0

[Pe8er]

Thank you! This inspired me to adjust it for Private Internet Access:

sketchybarrc

  --add item pia right                  \
  --set pia script="$PLUGIN_DIR/pia.sh" \
  label.drawing=off                     \
  icon=                                 \
  update_freq=5                         \

pia.sh

#!/usr/bin/env bash

VPN_STATUS=$(/usr/local/bin/piactl get connectionstate)

if [[ "$VPN_STATUS" == "Connected" ]]; then
  sketchybar --set $NAME icon=􀎡
else
  sketchybar --set $NAME drawing=off
fi

[drselump14]

Hi, how do you copy the icon above? I only got a question mark when copy the script

[gc-torres]

I added some padding to the icon because it was too far to the right. Maybe it was my configuration, but I still put it here in case someone needs it. Thank you very much for the code.
icon.padding_left=10 \ icon.padding_right=0 \

[typkrft]

Mic Status

DESCRIPTION: Check and Mute/Unmute your mic.

sketchybarrc

sketchybar -m --add item mic right \
sketchybar -m --set mic update_freq=3 \
              --set mic script="~/.config/sketchybar/plugins/mic.sh" \
              --set mic click_script="~/.config/sketchybar/plugins/mic_click.sh"

mic.sh

#!/bin/bash

MIC_VOLUME=$(osascript -e 'input volume of (get volume settings)')

if [[ $MIC_VOLUME -eq 0 ]]; then
  sketchybar -m --set mic icon=
elif [[ $MIC_VOLUME -gt 0 ]]; then
  sketchybar -m --set mic icon=
fi 
  

mic_click.sh

#!/bin/bash

MIC_VOLUME=$(osascript -e 'input volume of (get volume settings)')

if [[ $MIC_VOLUME -eq 0 ]]; then
  osascript -e 'set volume input volume 25'
  sketchybar -m --set mic icon=
elif [[ $MIC_VOLUME -gt 0 ]]; then
  osascript -e 'set volume input volume 0'
  sketchybar -m --set mic icon=
fi

Felix: Update to v2.0.0

[dtger]

Modified those slightly to counter the annoying behaviour on my michine where teams and other virtual meeting apps are constantly fiddling with input volume, even if i ask them not to. Changes from the original summed up to:

1. set the mic volume to 100 -- if the value is gt 0 and lt 100
2. get subscribed to volume change event -- as the label wasn't updating otherwise

#!/bin/bash

MIC_VOLUME=$(osascript -e 'input volume of (get volume settings)')

if [[ $MIC_VOLUME -eq 0 ]]; then
  sketchybar -m --set mic icon=" $MIC_VOLUME"
elif [[ $MIC_VOLUME -eq 100 ]]; then
  sketchybar -m --set mic icon=" $MIC_VOLUME"
else
  osascript -e 'set volume input volume 100'
fi 

#!/bin/bash

MIC_VOLUME=$(osascript -e 'input volume of (get volume settings)')

if [[ $MIC_VOLUME -lt 100 ]]; then
  osascript -e 'set volume input volume 100'
  sketchybar -m --set mic icon=" $(osascript -e 'input volume of (get volume settings)')"
elif [[ $MIC_VOLUME -gt 0 ]]; then
  osascript -e 'set volume input volume 0'
  sketchybar -m --set mic icon=" $(osascript -e 'input volume of (get volume settings)')"
fi

sketchybar -m --add item mic right \
           --set mic update_freq=3 \
                        script="$PLUGIN_DIR/mic.sh" \
                        click_script="$PLUGIN_DIR/mic_click.sh" \
           --subscribe mic volume_change          

Thank you for this excellent app!

[linkarzu]

Added microphone name and set color red if muted

• I'm using switchaudio-osx to get the device name, couldn't figure out an easier way.
• Install it using brew

brew install switchaudio-osx

# Filename: ~/github/dotfiles-latest/sketchybar/felixkratz/sketchybarrc

###############################################################################
#                            Community plugins
###############################################################################

# https://github.com/FelixKratz/SketchyBar/discussions/12

sketchybar -m --add item mic right \
	--set mic update_freq=3 \
	script="$PLUGIN_DIR/mic.sh" \
	click_script="$PLUGIN_DIR/mic_click.sh" \
	--subscribe mic volume_change

###############################################################################

#!/bin/bash

# Filename: ~/github/dotfiles-latest/sketchybar/felixkratz/plugins/mic.sh

source "$CONFIG_DIR/colors.sh"

# Attempt to get the current input device name
MIC_NAME=$(SwitchAudioSource -t input -c)
# I just want the first word, in case it's too long
MIC_NAME=$(echo $MIC_NAME | awk '{print $1}')

# When no microphone is connected, SwitchAudioSource gives me back random
# characters and sketchybar shows "Warning: Malformed UTF-8 string"
# Validate MIC_NAME as UTF-8, replace invalid sequences with a '?', then compare with original
VALIDATED_MIC_NAME=$(echo "$MIC_NAME" | iconv -f UTF-8 -t UTF-8//IGNORE)

# Get the current microphone volume
MIC_VOLUME=$(osascript -e 'input volume of (get volume settings)')

# Check if MIC_NAME is not meaningful
if [[ "$MIC_NAME" != "$VALIDATED_MIC_NAME" || -z "$MIC_NAME" ]]; then
	# If the mic name is not valid or empty
	sketchybar -m --set mic label="" icon= icon.color=$YELLOW label.color=$YELLOW
else
	# Update SketchyBar with the microphone's name and volume
	if [[ $MIC_VOLUME -eq 0 ]]; then
		sketchybar -m --set mic label="$MIC_NAME $MIC_VOLUME" icon= icon.color=$RED label.color=$RED
	elif [[ $MIC_VOLUME -gt 0 && $MIC_VOLUME -lt 100 ]]; then
		sketchybar -m --set mic label="$MIC_NAME $MIC_VOLUME" icon= icon.color=$ORANGE label.color=$ORANGE
	elif [[ $MIC_VOLUME -eq 100 ]]; then
		sketchybar -m --set mic label="$MIC_NAME $MIC_VOLUME" icon= icon.color=$WHITE label.color=$WHITE
	fi
fi

#!/bin/bash

# Filename: ~/github/dotfiles-latest/sketchybar/felixkratz/plugins/mic_click.sh

source "$CONFIG_DIR/colors.sh"

# Attempt to get the current input device name
MIC_NAME=$(SwitchAudioSource -t input -c)
# I just want the first word, in case it's too long
MIC_NAME=$(echo $MIC_NAME | awk '{print $1}')

# When no microphone is connected, SwitchAudioSource gives me back random
# characters and sketchybar shows "Warning: Malformed UTF-8 string"
# Validate MIC_NAME as UTF-8, replace invalid sequences with a '?', then compare with original
VALIDATED_MIC_NAME=$(echo "$MIC_NAME" | iconv -f UTF-8 -t UTF-8//IGNORE)

# Get the current microphone volume
MIC_VOLUME=$(osascript -e 'input volume of (get volume settings)')

# Check if MIC_NAME is not meaningful
if [[ "$MIC_NAME" != "$VALIDATED_MIC_NAME" || -z "$MIC_NAME" ]]; then
	# If the mic name is not valid or empty
	sketchybar -m --set mic label="" icon=
else
	# Update SketchyBar with the microphone's name and volume
	if [[ $MIC_VOLUME -lt 100 ]]; then
		osascript -e 'set volume input volume 100'
		sketchybar -m --set mic label="$MIC_NAME 100" icon= icon.color=$WHITE label.color=$WHITE
	elif [[ $MIC_VOLUME -gt 0 ]]; then
		osascript -e 'set volume input volume 0'
		sketchybar -m --set mic label="$MIC_NAME 0" icon= icon.color=$RED label.color=$RED
	fi
fi

[linkarzu]

New update, if microphone is right clicked, it allows you to change your microphone, the same way that @FelixKratz configued volume_click.sh

• I find this useful as I record youtube videos and I always want to make sure I'm using the correct microphone, and if not, quickly switch to the right one
• switchaudio-osx is needed, see my previous comment on how to install it

---

mic.sh script:

#!/bin/bash

# Filename: ~/github/dotfiles-latest/sketchybar/felixkratz/plugins/mic.sh

# https://github.com/FelixKratz/SketchyBar/discussions/12#discussioncomment-1216899

source "$CONFIG_DIR/colors.sh"

# Attempt to get the current input device name
MIC_NAME=$(SwitchAudioSource -t input -c)
# I just want the first word, in case it's too long
MIC_NAME=$(echo $MIC_NAME | awk '{print $1}')

# When no microphone is connected, SwitchAudioSource gives me back random
# characters and sketchybar shows "Warning: Malformed UTF-8 string"
# Validate MIC_NAME as UTF-8, replace invalid sequences with a '?', then compare with original
VALIDATED_MIC_NAME=$(echo "$MIC_NAME" | iconv -f UTF-8 -t UTF-8//IGNORE)

# Get the current microphone volume
MIC_VOLUME=$(osascript -e 'input volume of (get volume settings)')

# Check if MIC_NAME is not meaningful
if [[ "$MIC_NAME" != "$VALIDATED_MIC_NAME" || -z "$MIC_NAME" ]]; then
	# If the mic name is not valid or empty
	sketchybar -m --set mic label="" icon= icon.color=$YELLOW label.color=$YELLOW
else
	# Update SketchyBar with the microphone's name and volume
	if [[ $MIC_VOLUME -eq 0 ]]; then
		sketchybar -m --set mic label="$MIC_NAME $MIC_VOLUME" icon= icon.color=$RED label.color=$RED
	elif [[ $MIC_VOLUME -gt 0 && $MIC_VOLUME -lt 100 ]]; then
		sketchybar -m --set mic label="$MIC_NAME $MIC_VOLUME" icon= icon.color=$ORANGE label.color=$ORANGE
	elif [[ $MIC_VOLUME -eq 100 ]]; then
		sketchybar -m --set mic label="$MIC_NAME $MIC_VOLUME" icon= icon.color=$WHITE label.color=$WHITE
	fi
fi

---

mic_click.sh script:

#!/bin/bash

# Filename: ~/github/dotfiles-latest/sketchybar/felixkratz/plugins/mic_click.sh

# https://github.com/FelixKratz/SketchyBar/discussions/12#discussioncomment-1216899

source "$CONFIG_DIR/colors.sh"

# This is basically the same as the `toggle_devices()` function in:
# ~/github/dotfiles-latest/sketchybar/felixkratz/plugins/volume_click.sh
toggle_mics() {
	which SwitchAudioSource >/dev/null || exit 0
	source "$CONFIG_DIR/colors.sh"

	args=(--remove '/mic.device\.*/' --set "$NAME" popup.drawing=toggle)
	COUNTER=0
	CURRENT="$(SwitchAudioSource -t input -c)"
	while IFS= read -r device; do
		COLOR=$GREY
		if [ "${device}" = "$CURRENT" ]; then
			COLOR=$WHITE
		fi
		args+=(--add item mic.device.$COUNTER popup."$NAME"
			--set mic.device.$COUNTER label="${device}"
			label.color="$COLOR"
			click_script="SwitchAudioSource -t input -s \"${device}\" && sketchybar --set /mic.device\.*/ label.color=$GREY --set \$NAME label.color=$WHITE --set $NAME popup.drawing=off")
		COUNTER=$((COUNTER + 1))
	done <<<"$(SwitchAudioSource -a -t input)"

	sketchybar -m "${args[@]}" >/dev/null
}

if [ "$BUTTON" = "left" ]; then
	# Attempt to get the current input device name
	MIC_NAME=$(SwitchAudioSource -t input -c)
	# I just want the first word, in case it's too long
	MIC_NAME=$(echo $MIC_NAME | awk '{print $1}')

	# When no microphone is connected, SwitchAudioSource gives me back random
	# characters and sketchybar shows "Warning: Malformed UTF-8 string"
	# Validate MIC_NAME as UTF-8, replace invalid sequences with a '?', then compare with original
	VALIDATED_MIC_NAME=$(echo "$MIC_NAME" | iconv -f UTF-8 -t UTF-8//IGNORE)

	# Get the current microphone volume
	MIC_VOLUME=$(osascript -e 'input volume of (get volume settings)')

	# Check if MIC_NAME is not meaningful
	if [[ "$MIC_NAME" != "$VALIDATED_MIC_NAME" || -z "$MIC_NAME" ]]; then
		# If the mic name is not valid or empty
		sketchybar -m --set mic label="" icon=
	else
		# Update SketchyBar with the microphone's name and volume
		if [[ $MIC_VOLUME -lt 100 ]]; then
			osascript -e 'set volume input volume 100'
			sketchybar -m --set mic label="$MIC_NAME 100" icon= icon.color=$WHITE label.color=$WHITE
		elif [[ $MIC_VOLUME -gt 0 ]]; then
			osascript -e 'set volume input volume 0'
			sketchybar -m --set mic label="$MIC_NAME 0" icon= icon.color=$RED label.color=$RED
		fi
	fi
# Check for right-click or shift modifier to show the microphone selection popup
elif [ "$BUTTON" = "right" ] || [ "$MODIFIER" = "shift" ]; then
	toggle_mics
fi

[oyewunmio]

i used this and i followed the install instructions, debugged and confirmed that the scripts were working well but on my sketchybar it's just empty

[oyewunmio]

i realized the problem was with the color variables, the color variables in the above script didn't match mine..Issue Fixed Thanks

[lucafulgenzi]

Then put everything in a script and add a small switchcase.

case "$1" in
  "click") clicked
  ;;
  *) init
  ;;
esac

And then when you go to recall on one side you don't pass anything on the other side the value.
Like this

script="~/.config/sketchybar/plugins/caffeinate.sh" \
click_script="~/.config/sketchybar/plugins/caffeinate.sh click"

[typkrft]

Reminders

DESCRIPTION: Show your reminders.

NOTE: This is just a very basic script, but it could be extended to show the reminder, or use a different app like taskwarrior or taskell instead.

sketchybarrc

sketchybar -m --add item reminders                       right \
              --set reminders update_freq=20 \
              --set reminders script="~/.config/sketchybar/plugins/reminders.sh" \
              --set reminders click_script="~/.config/sketchybar/plugins/reminders_click.sh"

reminders.sh

#!/bin/bash

REMINDERS_COUNT=$(osascript -l JavaScript -e "Application('Reminders').lists.byName('📥 Inbox').reminders.whose({completed: false}).name().length")

if [[ $REMINDERS_COUNT -gt 0 ]]; then
  sketchybar -m --set reminders icon="" \
                --set reminders label="$REMINDERS_COUNT"
else
  sketchybar -m --set reminders icon="" \
                --set reminders label=""
fi

reminders_click.sh

#!/bin/bash

open -a Reminders

Felix: Update to v2.0.0

[johnallen3d]

MPD

DESCRIPTION: Display current status of mpd

sketchybarrc

sketchybar -m --add item mpd right \
              --set mpd update_freq=2 \
              --set mpd script="~/.config/sketchybar/plugins/mpd.sh" \
              --set mpd click_script="mpc toggle"

mpd.sh

# #!/usr/bin/env bash

if [ $(mpc status | wc -l | tr -d ' ') == "1" ]; then
  output=""
  icon=""
else
  artist=$(mpc current -f %artist%)
  song=$(mpc current -f %title%)
  status=$(mpc current %state%)

  if [ $status = "playing" ]; then
    icon=""
  else
    icon=""
  fi

  output="${artist} • ${song}"
fi

echo $output
sketchybar -m --set mpd icon="${icon}" \
              --set mpd label="${output}"

Felix: Update to v2.0.0 rhyses-pieces: `mpd.sh` readability improvements

[rhyses-pieces]

You can make the code slightly more readable with mpc current, since it has specific flags for status, artist, track titles, etc.

#!/usr/bin/env bash

if [ $(mpc status | wc -l | tr -d ' ') ]; then
  output=""
  icon=""
else
  artist=$(mpc current -f %artist%)
  song=$(mpc current -f %title%)
  status=$(mpc current %state%)

  if [ $status = "playing" ]; then
    icon=""
  else
    icon=""
  fi

  output="${artist} • ${song}"
fi

sketchybar -m --set mpd icon="${icon}" \
              --set mpd label="${output}"

[johnallen3d]

That is fantastic @rhyses-pieces, thank you! I'll update the original post with this improvement.

[johnallen3d]

Recently discovered the free weather.gov API for weather data. 🤘

https://benborgers.com/posts/weather-gov

[typkrft]

Stack Indicator

DESCRIPTION: Show you Window's Stack Position.

NOTE: Occasionally querying yabai can be delayed possibly related to this, which can lead to a number or dot being displayed late and overwriting the actual position in the indicator.

sketchybarrc

# S T A C K  I N D I C A T O R 
sketchybar -m --add item stack_sep                       center \
              --add item stack                           center \
              --set stack script="$HOME/.dotfiles/sketchybar/plugins/stack.sh" \
              --subscribe stack window_focus front_app_switched space_change title_change \
              --set stack_sep drawing=off \
              --set stack drawing=off \
              --set stack update_freq=0

stack.sh

#!/bin/bash

# Exit if Not in Stack
CURRENT=$(yabai -m query --windows --window | jq '.["stack-index"]')
if [[ $CURRENT -eq 0 ]]; then
  sketchybar -m --set stack label="" \
                --set stack_sep drawing=off \
                --set stack drawing=off
  exit 0
fi

# Use Numbers in place of Dots if the Stack is greater than 10
# Use a larger font for the unicode dots
LAST=$(yabai -m query --windows --window stack.last | jq '.["stack-index"]')
if [[ $LAST -gt 10 ]]; then
  sketchybar -m --set stack label.font="Iosevka Nerd Font:Bold:16.0" \
                --set stack label=$(printf "[%s/%s]" "$CURRENT" "$LAST") \
                --set stack_sep drawing=on \
                --set stack drawing=on
  exit 0
else
  sketchybar -m --set stack label.font="Iosevka Nerd Font:Bold:22.0"
fi

# Create Stack Indicator
declare -a dots=()
for i in $(seq 0 $(expr $LAST - 1))
do  
  # Theme 1
  # if [[ $i -lt $(expr $CURRENT - 1) ]]; then
    # dots+="◖"
  # elif [[ $i -gt $(expr $CURRENT - 1) ]]; then
    # dots+="◗"
  # elif [[ $i -eq $(expr $CURRENT - 1) ]]; then
    # dots+="●"
  # fi
  # Theme 2
  [[ $( expr $CURRENT - 1) -eq $i ]] && dots+="●" || dots+="○"
done

# Display Indicator
sketchybar -m --set stack label=$(printf "%s" ${dots[@]}) \
              --set stack_sep drawing=on \
              --set stack drawing=on

Felix: Update to v2.0.0

[typkrft]

SKHD Modal Indicator

DESCRIPTION: Show the current SKHD Mode

NOTES: You can hardcode the sketchybar commands into your skhdrc. I just use a seperate helper script to clean things up.

sketchybarrc

# M O D A L  I N D I C A T O R 
sketchybar -m --add item modal                           left 
sketchybar -m --set modal icon=[N]
sketchybar -m --set modal icon_color =0xFF83A1F1

skhdrc

# M O D E S
:: default : $HOME/.config/bin/helpers -n
:: window @ : $HOME/.config/bin/helpers -w
:: scripts @ : $HOME/.config/bin/helpers -s
# Mode Shortcuts
default, scripts < lcmd - escape ; window
window, scripts < escape ; default
default, window < lctrl - escape ; scripts

helpers

function normal_mode() {
  echo "N O R M A L  M O D E";

  # C O L O R S
  . $HOME/.cache/wal/colors.sh;
  
  # Y A B A I
  yabai -m config active_window_border_color 0xff${color5:1};
  yabai -m config normal_window_border_color 0xff${color8:1};
  yabai -m config insert_feedback_color 0xff${color5:1};

  # S K E T C H Y B A R 
  sketchybar -m --bar color=0xF0${color0:1}
  sketchybar -m --default label.color=0xFF${foreground:1}  
  sketchybar -m --default icon.color=0xFF${color5:1}
  sketchybar -m --set modal icon.color=0xFF83A1F1
  sketchybar -m --set modal icon="[N]"
}

# W I N D O W  M O D E
function window_mode() {
  echo "W I N D O W  M O D E";    

  # C O L O R S
  . $HOME/.cache/wal/colors.sh;

  # Y A B A I
  yabai -m config active_window_border_color 0xff${color3:1};
  yabai -m config normal_window_border_color 0xff${color3:1};
  yabai -m config insert_feedback_color 0xff${color3:1};

  # S K E T C H Y B A R 
  sketchybar -m --bar color=0xF0${color3:1}
  sketchybar -m --default label.color=0xFF${foreground:1}  
  sketchybar -m --default icon.color=0xFF${background:1}
  sketchybar -m --set modal icon.color=0xFFA8CD76
  sketchybar -m --set modal icon="[W]"
}

# S C R I P T S  M O D E
function scripts_mode() {
  echo "S C R I P T S  M O D E";

  # C O L O R S
  . $HOME/.cache/wal/colors.sh;
  
  # Y A B A I
  yabai -m config active_window_border_color 0xff${color5:1};
  yabai -m config normal_window_border_color 0xff${color5:1};
  yabai -m config insert_feedback_color 0xff${color5:1};

  # S K E T C H Y B A R 
  sketchybar -m --bar color=0xF0${color5:1}
  sketchybar -m --default label.color=0xFF${foreground:1}  
  sketchybar -m --default icon.color=0xFF${color6:1}
  sketchybar -m --set modal icon.color=0xFFF29B9B
  sketchybar -m --set modal icon="[S]"
}

Felix: Update to v2.0.0

[es183923]

yabai helper

DESCRIPTION: shows the current yabai space, and the mode. Click the menu item to switch between the bsp, stack, and float modes.
NOTES: You can remove the space indicator if you use the space component.

sketchybarrc

sketchybar -m --add item yabai right
sketchybar -m --set yabai update_freq=3
sketchybar -m --set yabai script="~/.config/sketchybar/plugins/yabai.sh"
sketchybar -m --subscribe yabai space_change
sketchybar -m --set yabai click_script="~/.config/sketchybar/plugins/yabai_click.sh"

yabai.sh

#!/bin/bash

space_number=$(yabai -m query --spaces --display | jq 'map(select(."focused" == 1))[-1].index')
yabai_mode=$(yabai -m query --spaces --display | jq -r 'map(select(."focused" == 1))[-1].type')

sketchybar -m --set yabai label="$space_number:$yabai_mode"

yabai_click.sh

#!/bin/bash

space_number=$(yabai -m query --spaces --display | jq 'map(select(."focused" == 1))[-1].index')
yabai_mode=$(yabai -m query --spaces --display | jq -r 'map(select(."focused" == 1))[-1].type')

case "$yabai_mode" in
    bsp)
    yabai -m config layout stack
    ;;
    stack)
    yabai -m config layout float
    ;;
    float)
    yabai -m config layout bsp
    ;;
esac

new_yabai_mode=$(yabai -m query --spaces --display | jq -r 'map(select(."focused" == 1))[-1].type')

sketchybar -m --set yabai label="$space_number:$new_yabai_mode"

Felix: Update to v2.0.0

[SxC97]

Made a quick edit to allow for custom icons as labels instead of text

Note: This plugin is the icon on the left. It is displaying that the current space is in BSP mode. The icon on the right is my Yabai Float plugin.

sketchybarrc

sketchybar -m --add item yabai_mode left \
              --set yabai_mode update_freq=3 \
              --set yabai_mode script="~/.config/sketchybar/plugins/yabai_mode.sh" \
              --set yabai_mode click_script="~/.config/sketchybar/plugins/yabai_mode_click.sh" \
              --subscribe yabai_mode space_change

yabai_mode.sh

yabai_mode=$(yabai -m query --spaces --display | jq -r 'map(select(."focused" == 1))[-1].type')

case "$yabai_mode" in
    bsp)
    sketchybar -m --set yabai_mode label=""
    ;;
    stack)
    sketchybar -m --set yabai_mode label="﯅"
    ;;
    float)
    sketchybar -m --set yabai_mode label=""
    ;;
esac

yabai_mode_click.sh

yabai_mode=$(yabai -m query --spaces --display | jq -r 'map(select(."focused" == 1))[-1].type')

case "$yabai_mode" in
    bsp)
    yabai -m config layout stack && sketchybar -m --set yabai_mode label="﯅"
    ;;
    stack)
    yabai -m config layout float && sketchybar -m --set yabai_mode label=""
    ;;
    float)
    yabai -m config layout bsp && sketchybar -m --set yabai_mode label=""
    ;;
esac

[timhansinger]

You could make the calls much shorter by using the following (yabai then already only returns the current space... less work for jq):

space_number=$(yabai -m query --spaces --space | jq -r .index)
yabai_mode=$(yabai -m query --spaces --space | jq -r .type)

[timhansinger]

Here is my adaptation. It is very close to the @SxC97 version with an optimized query syntax.
Also this version only changes the layout on the current space when clicked (and not globally) which I prefer.

sketchybarrc

sketchybar -m --add item yabai_mode left \
              --set yabai_mode update_freq=3 \
              --set yabai_mode script="~/.config/sketchybar/plugins/yabai_mode.sh" \
              --set yabai_mode click_script="~/.config/sketchybar/plugins/yabai_mode_click.sh" \
              --subscribe yabai_mode space_change

yabai_mode.sh

#!/bin/bash

space_number=$(yabai -m query --spaces --space | jq -r .index)
yabai_mode=$(yabai -m query --spaces --space | jq -r .type)

case "$yabai_mode" in
    bsp)
    sketchybar -m --set yabai_mode label=""
    ;;
    stack)
    sketchybar -m --set yabai_mode label="﯅"
    ;;
    float)
    sketchybar -m --set yabai_mode label=""
    ;;
esac

yabai_mode_click.sh

#!/bin/bash

space_number=$(yabai -m query --spaces --space | jq -r .index)
yabai_mode=$(yabai -m query --spaces --space | jq -r .type)

case "$yabai_mode" in
    bsp)
    yabai -m space --layout stack && sketchybar -m --set yabai_mode label="﯅"
    ;;
    stack)
    yabai -m space --layout float && sketchybar -m --set yabai_mode label=""
    ;;
    float)
    yabai -m space --layout bsp && sketchybar -m --set yabai_mode label=""
    ;;
esac

[jeffwyeh]

Interesting. I'm running yabai v3.3.10 and yabai -m query --spaces has the visible attribute and not the is-visible attribute.

As far as the malformed UTF-8 string goes, does only the ° cause issues, or do you still run into problems when you replace it with a different character?

I've also made a minor update to my yabai_spaces.sh file. It cleans it up a little bit and also fixes a bug where the space would not have a number if it exceeded 15 (the number of static names included). With this update, if more than 15 spaces are found, space 16 and forward will use Arabic numerals to represent the space.

NOTE: You'll have to make the yabai query change again if you take this version.

yabai_spaces.sh

#!/usr/bin/env bash

STATIC_NAMES=("" "I" "II" "III" "IV" "V" "VI" "VII" "VIII" "IX" "X" "XI" "XII" "XIII" "XIV" "XV") #0 to 15
args=()
QUERY="$(yabai -m query --spaces | jq -r '.[] | [.index, .windows[0], .label, .display, .visible] | @sh')"
NAMES=""
COUNT=0

# Read the current spaces from the yabai query
while read -r index window yabai_name display visible
do
  COUNT=$((COUNT+1))
  label="${STATIC_NAMES[${index}]}"
  if [ "${label}" = "" ]; then
    # We are out of index for Roman numerals, fall back to Arabic
    label="${index}"
  fi

  # Add the indicator for window presence in space
  if [ "${window}" != "null" ]; then
    label="${label}°"
  fi

  # Populate the names for sketchybar items
  NAME="$(echo "${yabai_name}" | tr -d "'")"
  if [ "$NAME" = "" ] || [ "$NAME" = " " ]; then
    NAME="${index}"
  fi
  NAMES="$NAMES $NAME"
  args+=(--clone "$NAME" space_template after \
         --set "$NAME" label="${label}" \
                       label.highlight_color="0xff6ed6e6" \
                       associated_display=${display} \
                       label.highlight=${visible} \
                       drawing=on)
done <<< "$QUERY"

# Reorder items and stick each item onto sketchybar
args+=(--reorder $NAMES)
sketchybar -m ${args[@]} &> /dev/null

# Get the current space count
CURRENT_SPACE_COUNT=$(sketchybar -m --query bar | jq '.items | map(try tonumber catch 0) | max')

# If our current space count is greater than the count found by the yabai query,
# go through and remove the destroyed spaces
while [ $CURRENT_SPACE_COUNT -gt $COUNT ]
do
  sketchybar -m --remove "${CURRENT_SPACE_COUNT}"
  CURRENT_SPACE_COUNT=$((CURRENT_SPACE_COUNT-1))
done

[devrrior]

I updated yabai_spaces.sh file and I don't have any issues now, everything works. Even the character problem.
About the visible attribute, it's different because I'm running yabai v4.0.0.

Thanks for the support!

[basbebe]

I came up with this solution (WIP)

sketchybarrc

source "$ITEM_DIR/spaces.sh"

items/spaces.sh

#!/usr/bin/env bash

sketchybar --clone space_label_template label_template label_template                             \
           --add space          space_template left                                               \
           --set space_template icon.highlight_color=0xff9dd274                                   \
                                label.drawing=off                                                 \
                                drawing=off                                                       \
                                updates=on                                                        \
                                associated_display=1                                              \
                                label.font="$FONT:Black:13.0"                                     \
                                icon.font="$FONT:Bold:17.0"                                       \
                                script=$PLUGIN_DIR/space.sh                                       \
                                click_script="$SPACE_CLICK_SCRIPT"                                \
           --add item           yabai_spaces left                                                 \
           --set yabai_spaces   drawing=off                                                       \
                                updates=on                                                        \
                                script=$PLUGIN_DIR/yabai_spaces.sh                                \
           --add event display_number_changed                                                     \
           --add event space_number_changed                                                       \
           --subscribe yabai_spaces display_number_changed space_number_changed

plugins/yabai_spaces.sh

#!/usr/bin/env bash

STATIC_NAMES=("" "I" "II" "III" "IV" "V" "VI" "VII" "VIII" "IX" "X" "XI" "XII" "XIII" "XIV" "XV") #0 to 15

args=()
DISPLAYS="$(yabai -m query --displays | jq -rc '.[] | .index | @sh')"
NAMES=""
COUNT=0

icon() {
  case $1 in
    web)
      echo "􀼺"
      ;;
    code)
      echo "􀤙"
      ;;
    productivity)
      echo "􀈎"
      ;;
    communication)
      echo "􀌳"
      ;;
    reference)
      echo "􀓕"
      ;;
    utility)
      echo "􀙗"
      ;;
    media)
      echo "􀽎"
      ;;
    misc)
      echo "􀺽"
      ;;
    *)
      echo "􀕵"
      ;;
  esac
}

for display in $DISPLAYS; do
  SPACES="$(yabai -m query --spaces --display $display | jq -rc '.[] | [.index, .windows[0], .label] | @sh')"

  args+=(--clone spaces_${display}.label space_label_template after
    --set spaces_${display}.label label=spc
    label.width=52
    label.align=center
    associated_display=${display}
    position=left
    drawing=on)

  # Read the current spaces from the yabai query
  while read -r index window yabai_name visible; do
    COUNT=$((COUNT + 1))
    NAME="$(echo "${yabai_name}" | tr -d "'")"
    ICON=$(icon $NAME)
    if [ "${window}" = "null" ]; then
      label="${ICON}"
    else
      label="${ICON}°"
    fi
    if [ "$NAME" = "" ] || [ "$NAME" = " " ]; then
      NAME="${index}"
    fi

    NAMES="$NAMES $NAME"
    args+=(--clone "$NAME" space_template before
      --set "$NAME" label="${NAME}"
      icon="${ICON}"
      icon.highlight_color=0xff72cce8 associated_space=${COUNT}
      associated_display=${display}
      drawing=on)
  done <<<"$SPACES"

  args+=(--add bracket spaces_${display} spaces_${display}.label $NAMES)
  # Reorder them and stick them onto sketchybar
  args+=(--reorder $NAMES)
  sketchybar -m ${args[@]} &>/dev/null
done

# Get the current space count
CURRENT_SPACE_COUNT=$(sketchybar -m --query bar | jq '.items | map(try tonumber catch 0) | max')

# If our current space count is greater than the count found by the yabai query,
# go through and remove the destroyed spaces
while [ $CURRENT_SPACE_COUNT -gt $COUNT ]; do
  sketchybar -m --remove "${CURRENT_SPACE_COUNT}"
  CURRENT_SPACE_COUNT=$((CURRENT_SPACE_COUNT - 1))
done

[diegolhambi]

From all examples of spaces indicator I made this script, this use icon background to indicate which space is active on display.

sketchybarrc

sketchybar --add space          space_template left                             \
           --set space_template                                                 \
                                icon.width=24                                   \
                                icon.align=center                               \
                                icon.color=$COLOR_DEFAULT_ICON                  \
                                icon.highlight_color=$COLOR_DEFAULT_ICON        \
                                background.color=$COLOR_BACKGROUND_HIGHLIGHTED  \
                                background.height=24                            \
                                                                                \
                                label.drawing=off                               \
                                drawing=off                                     \
                                updates=on                                      \
                                icon.font="SF Pro:Bold:14.0"                    \
                                script="$PLUGIN_DIR/space.list.sh"              \
                                click_script="yabai -m space --focus \$SID"     \
                                                                                \
           --add event          space_changed                                   \
                                                                                \
           --add item           yabai_spaces left                               \
           --set yabai_spaces   drawing=off                                     \
                                updates=on                                      \
                                script="$PLUGIN_DIR/space.list.update.sh"       \
           --add event          display_number_changed                          \
           --add event          space_number_changed                            \
           --subscribe yabai_spaces display_number_changed space_number_changed 

space.list.sh

#!/usr/bin/env bash

update() {
    args=()

    if [ "$NAME" == "space_template" ]; then
        exit 0
    fi

    active_spaces=$(yabai -m query --spaces | jq -r 'map(select(."is-visible" == true)) | .[] | .index | @sh')
    space=$(echo $NAME | cut -d. -f2)
    if [[ "${active_spaces[*]}" =~ "$space" ]]; then
        SELECTED=on
    fi

    args+=(--set $NAME label=$NAME icon.highlight=$SELECTED background.drawing=$SELECTED)

    echo "$NAME"
    sketchybar -m "${args[@]}"
}

case "$SENDER" in
    "mouse.entered") sketchybar --set $NAME background.drawing=on #Inactive
    ;;
    "mouse.exited") sketchybar --set $NAME background.drawing=off #Inactive
    ;;
    *) update
    ;;
esac

space.list.update.sh

#!/usr/bin/env bash

args=()
DISPLAYS="$(yabai -m query --displays | jq -rc '.[] | .index | @sh')"
NAMES=""
COUNT=0

for display in $DISPLAYS; do
    SPACES="$(yabai -m query --spaces --display $display | jq -rc '.[] | [.index, .windows[0], .label] | @sh')"

    # Read the current spaces from the yabai query
    while read -r index window yabai_name visible; do
        COUNT=$((COUNT + 1))

        NAMES="$NAMES space.${index}"
        args+=(--clone "space.${index}" space_template before
               --set   "space.${index}" label="${index}"
                                        icon="${index}"
                                        associated_space=${COUNT}
                                        background.drawing=off
                                        associated_display=${display}
                                        drawing=on
               --subscribe "space.${index}" space_changed)
    done <<<"$SPACES"

    # Reorder them and stick them onto sketchybar
    args+=(--reorder $NAMES)
    sketchybar -m ${args[@]} &>/dev/null
done

# Get the current space count
CURRENT_SPACE_COUNT=$(sketchybar -m --query bar | jq -r '.items | map(select(contains("space."))) | map(sub("space.";"")) | map(tonumber) | max')

if [ "$CURRENT_SPACE_COUNT" == "" ]; then
    CURRENT_SPACE_COUNT=0
fi

# If our current space count is greater than the count found by the yabai query,
# go through and remove the destroyed spaces
while [ $CURRENT_SPACE_COUNT -gt $COUNT ]; do
    sketchybar -m --remove "space.${CURRENT_SPACE_COUNT}"
    CURRENT_SPACE_COUNT=$((CURRENT_SPACE_COUNT - 1))
done

sketchybar -m --trigger space_changed

[FelixKratz]

In the new version this is very easy to achieve, see for example the default config: https://github.com/FelixKratz/SketchyBar/blob/master/sketchybarrc
all you have to do is, not specify an associated_display for the space, then it is automatically displayed on the correct display and only the available spaces are shown.

[benjaminwelch]

timer

Nothing too fancy but enjoyed getting this timer to work and thought others might want to try it out. The timer counts down. When it's done it will play a sound and you click on it to remove it. Let me know if you try it out!

This guide assumes you've already installed SketchyBar with a basic config.

required pieces

• sketchybarrc settings
• timer.end_time file (holds the countdown)
• timer.sh (plugin file)
• timer_end.sh (plugin file)
• command to start the timer.

Run these commands in your terminal to create the directory/files you'll need:

mkdir ~/.config/sketchybar_helpers
touch ~/.config/sketchybar_helpers/timer.end_time
touch ~/.config/sketchybar/plugins/timer.sh
touch ~/.config/sketchybar/plugins/timer_end.sh
chmod +x ~/.config/sketchybar/plugins/timer.sh
chmod +x ~/.config/sketchybar/plugins/timer_end.sh

sketchybarrc settings:

Put this near the top of your file and it will set the default timer length.

echo "25:00" > ~/.config/sketchybar_helpers/timer.end_time

timer file

You can call this whatever you like, in my case it's called: timer.end_time and is empty. I've placed it in it's own directory outside of the sketchybar directory so that it doesn't mess with the --reload of sketchybar every time something changes.

Path: ~/.config/sketchybar_helpers/timer.end_time

timer.sh plugin

This goes in the plugins folder: ~/.config/sketchybar/plugins/timer.sh

The important settings are at the top:

• HELPERS_DIR is the directory of the timer.end_time file
• END_TIME_FILE is the file name
• SOUND is the audio file you want to play
• SOUND_DELAY resets the update_freq later in the script so the audio doesn't play too often.

code:

Details

#!/bin/sh

HELPERS_DIR="$HOME/.config/sketchybar_helpers"
END_TIME_FILE="$HELPERS_DIR/timer.end_time"
SOUND="Purr"  # Sound to play
SOUND_DELAY=3 # Seconds to wait between sounds repeat

# Read the current time from the file
CURRENT_TIME=$(cat "$END_TIME_FILE")

# Split the time into minutes and seconds
MINUTES=$(echo "$CURRENT_TIME" | cut -d':' -f1)
SECONDS=$(echo "$CURRENT_TIME" | cut -d':' -f2)

# Remove leading zeros to avoid octal interpretation
MINUTES=$(echo "$MINUTES" | sed 's/^0*//')
SECONDS=$(echo "$SECONDS" | sed 's/^0*//')

# Handle empty strings (if all zeros were removed)
[ -z "$MINUTES" ] && MINUTES=0
[ -z "$SECONDS" ] && SECONDS=0

# Calculate the total seconds
TOTAL_SECONDS=$(( MINUTES * 60 + SECONDS ))

# Decrement the total seconds
TOTAL_SECONDS=$(( TOTAL_SECONDS - 1 ))

# Handle negative times (loop back to 59)
if [ "$TOTAL_SECONDS" -lt 0 ]; then
  # Timer has reached 00:00
  # Play sound, if configured
  sketchybar --set timer update_freq=$SOUND_DELAY
    if [ -n "$SOUND" ]; then
      afplay /System/Library/Sounds/"$SOUND".aiff &
    fi

  exit 0
fi

# Calculate the new minutes and seconds
NEW_MINUTES=$(( TOTAL_SECONDS / 60 ))
NEW_SECONDS=$(( TOTAL_SECONDS % 60 ))

# Format with leading zeros
FORMATTED_MINUTES=$(printf "%02d" "$NEW_MINUTES")
FORMATTED_SECONDS=$(printf "%02d" "$NEW_SECONDS")

# Create the new formatted time
NEW_TIME="$FORMATTED_MINUTES:$FORMATTED_SECONDS"

# Write the new time to the file
echo "$NEW_TIME" > "$END_TIME_FILE"

# Update SketchyBar
sketchybar --set timer label="$NEW_TIME"

timer_end.sh plugin

Used for the click_script to remove the timer and reset the time.

code:

#!/bin/sh

sketchybar --remove timer
echo "25:00" > ~/.config/sketchybar_helpers/timer.end_time

command to create timer:

I've set up a Shortcut to trigger the timer using this shell command:

/opt/homebrew/bin/sketchybar --add item timer left --set timer update_freq=1 icon=􁖫 label="25:00" script="~/.config/sketchybar/plugins/timer.sh" click_script="~/.config/sketchybar/plugins/timer_end.sh"

[benjaminwelch]

I ran into a strange bug where the timer would stop at 09:59. Did a little tweaking and it appears to be an issue with octal interpretation which affects 09:59 - 08:00. Updated the timer.sh code with the fix.

[nicolas-martin]

I’ve been absolutely inspired by the creativity shared in this thread—so much that I took the liberty of compiling all the amazing SketchyBar plugins into a curated list for easier browsing. This way, newcomers (or anyone looking for fresh ideas!) can quickly explore the awesome setups shared here.

If you’d like your config added or have updates, feel free to drop a comment, and I’ll happily include it. A huge thanks to everyone who contributed—your setups are pure eye candy! 🎨

[ajrosen]

Long-Running Commands

I hate polling, especially using commands with a "long" startup time, like top.

The trick to running the command once on startup and continuously feeding the output to sketchybar is the --line-buffered option for grep. I use pkill to make sure there's only instance of the script running.

This example runs vm_stat 5 to update a used/free memory plugin every 5 seconds. The method also works for:

• Network I/O: top -l 0 -n 0 -c d -s 2
• CPU and disk activity: iostat -d -C -n 1 -w 2

sketchybarrc

# -*- mode: shell-script; sh-shell: /bin/bash -*-

# shellcheck shell=bash disable=2154

NAME=${NAME:-freemem}
POS=${POS:-left}
CONFIG_DIR=${CONFIG_DIR:-.}

sketchybar --add item "${NAME}" "${POS}" \
	   --set "${NAME}" script="${CONFIG_DIR}/plugins/${NAME}"

freemem

#!/bin/bash


##################################################
# Command to run.  Keep INTERVAL separate so we can change it and
# pkill will still work as expected.

COMMAND="vm_stat"
INTERVAL=5


##################################################
# Get total system RAM
#
# vm.pages: 481346
# vm.pagesize: 16384

PAGES=$(sysctl vm.pages | awk '{ print $2 }')
SIZE=$(sysctl vm.pagesize | awk '{ print $2 }')
RAM=$(bc -e "(${PAGES} * ${SIZE}) / 1048576")


##################################################
# vm_stat output
#
# Mach Virtual Memory Statistics: (page size of 16384 bytes)
#     free   active   specul inactive throttle    wired  prgable   faults     copy    0fill reactive   purged file-backed anonymous cmprssed cmprssor  dcomprs   comprs  pageins  pageout  swapins swapouts
#     2717    72829     1469    70151        0   152217        0 8032205K  779260K 1694501K 1850172K  137930K       50038     94411  2004734   187100 2371117K 2451197K  279654K  2349486 33349243 35088860
#     4017    72930     1202    70876        0   150882       24    34799     4061    10464    12110      772       49785     95223  2009473   188747     6903    11706      159       21        8        0
#     3532    71804     1039    69971        0   152467       83    68321     1701    11833    20499     2712       49616     93198  2007284   189821    34326    32439      307        1      401        0
#     4001    72888      903    71127        0   150797        2    34417     1086     4982    11033     1441       49532     95386  2007350   188935    20270    20349       27        0       36        0


##################################################
# Main

case "${SENDER}" in
    "forced")
	# There can be only one
	pkill -QUIT -f "${COMMAND}" >/dev/null 2>&1

	${COMMAND} "${INTERVAL}" \
	    | grep --line-buffered '^ *[0-9]' \
	    | while read -r -a STATS; do

	    # free + inactive + prgable
	    FREE=$(bc -e "(${STATS[0]} + ${STATS[3]} + ${STATS[6]}) / 64")
	    USED=$(bc -e "${RAM} - ${FREE}")

	    sketchybar --set "${NAME}" label="U: ${USED} MB / F: ${FREE} MB"
	done
	;;
esac

[acsandmann]

menu bar anywhere

i didn't really like the way integration of default menu bar items(aka file edit..) because they were always kind of mispositioned and slow. so when i hit a hotkey combination a menubar opens as a menu under the cursor.

https://github.com/acsandmann/menuanywhere

[jjhidalgar]

Brilliant! Amazing! I love this, thank you!

For newcomers like me, I just added "swift run plugins/menuanywhere.swift" to my sketchybar file.

[acsandmann]

this can now be easily installed with homebrew

brew tap acsandmann/tap
brew install menuanywhere

[ajrosen]

icalPal popup

---

Here's another popup to show upcoming events on your calendars. This uses icalPal. It can output in JSON format, which is very handy for scripting. And you can use the colors you've assigned in Calendar.app to match the events.

sketchybarrc

#!/bin/bash

NAME=${NAME:-icalPal}
POS=${POS:-left}


##################################################
# Set some icalPal options

export ICALPAL='--days 10 --li 10 --ec Birthdays'
UPDATE_FREQ=$((15 * 60))	# Update the events every 15 minutes


##################################################
# Set the environment

# Homebrew Ruby required
export PATH=/opt/homebrew/opt/ruby/bin:${PATH}

# Install icalPal if it's not already
GEM=$(gem info --exact --installed icalPal)
[ "${GEM}" == "false" ] && gem install --no-document --silent icalPal

# Find icalPal
EXE=$(gem contents --norc icalPal | grep -i '/bin/icalpal$')


##################################################
# Add the item

sketchybar --add item "${NAME}" "${POS}" \
	   --set "${NAME}" label="$(date "+%b %e")" \
	   --set "${NAME}" popup.align="${POS}" popup.background.drawing=off \
	   --set "${NAME}" update_freq="${UPDATE_FREQ}" \
	   --set "${NAME}" script="EXE=\"${EXE}\" ICALPAL=\"${ICALPAL}\" ${CONFIG_DIR}/plugins/icalPal.sh" \
	   --subscribe "${NAME}" mouse.{clicked,exited} mouse.exited.global

icalPal.sh

#!/bin/bash

# shellcheck disable=2086


##################################################
# More icalPal options

export ICALPAL="${ICALPAL} --cmd events --nrd --df %a %b %e, %Y %I:%M -o json"
export ICALPAL_CONFIG=


##################################################
# Set the environment

# Set the path to the awk script
SHADE="./plugins/shade.awk"

# Homebrew Ruby required
export PATH=/opt/homebrew/opt/ruby/bin:${PATH}


##################################################
# Style options

# Day header
day_style=(
    background.border_color="0xffffffff"
    background.border_width=1
    background.color="0xff000000"
    background.corner_radius=2

    icon.drawing=off

    label.background.height=30
    label.color="0xffffffff"
    label.font.size=15.0
    label.font.style=Bold
    label.padding_left=8
    label.width=300
)

# Events
event_style=(
    icon.font.style=Bold
    icon.padding_left=8
    icon.padding_right=8
    icon.width=68

    label.width=232
)


##################################################
# Add events to the popup

add_event() {
    # Extract the properties we want from the event
    TITLE=$(jq -r '.title' <<< "${EVENT}")
    SD=$(jq -r '.sdate' <<< "${EVENT}")
    AD=$(jq -r '.all_day' <<< "${EVENT}")
    COLOR=$(jq -r '.color' <<< "${EVENT}" | grep -Eio '[0-9A-F]{6}')

    # Split .sdate into date and time
    DATE=${SD/%??????/      }
    TIME=${SD/#????????????????/}

    # Show day header only when it changes
    if [ "${DAY}" != "${DATE}" ]; then
	DAY="${DATE}"
	sketchybar --add item "${NAME}_d${N}" "popup.${NAME}" \
		   --set "${NAME}_d${N}" label="${DAY}" "${day_style[@]}"
    fi

    # Compute colors
    # The color from icalPal becomes options for awk
    # RRGGBB => "-v r=0xRR -v g=0xGG -v b=0xBB"
    RGB=$(sed -E 's/(..)(..)(..)/-v r=0x\1 -v g=0x\2 -v b=0x\3/' <<< "${COLOR}")
    BG=$(${SHADE} -v m=lighter ${RGB})
    FG=$(${SHADE} -v m=darker ${RGB})

    # Italicize all-day events
    if [ "${AD}" == "1" ]; then
	FONT=Italic
	TIME=
    else
	FONT=Regular
    fi

    # Add the event
    sketchybar --add item "${NAME}_p${N}" "popup.${NAME}" \
	       --set "${NAME}_p${N}" background.color="${BG}" \
	       --set "${NAME}_p${N}" icon="${TIME}" icon.color="${FG}" \
	       --set "${NAME}_p${N}" label="${TITLE}" label.color="${FG}" label.font.style=${FONT} \
	       --set "${NAME}_p${N}" "${event_style[@]}"
}


##################################################
# Make the popup

make_popup() {
    "${EXE}" | jq -c '.[]' | while read -r EVENT; do
	add_event
	((N++))
    done
}


##################################################
# Main

case "${SENDER}" in
    # Forced
    "forced")
	make_popup
	;;

    # Routine
    "routine")
	# Refresh the popup
	sketchybar --set "/${NAME}_/" drawing=off --remove "/${NAME}_/" \
		   --set "${NAME}" popup.drawing=off

	make_popup
	;;

    # Mouse clicked
    "mouse.clicked")
	# Toggle visibility of the popup
	sketchybar --set "${NAME}" popup.drawing=toggle
	;;

    # Mouse exited
    "mouse.exited.global" | "mouse.exited")
	# Hide the popup
	sketchybar --set "${NAME}" popup.drawing=off
	;;
esac

shade.awk

#!/usr/bin/awk -f

# shade.awk -v m=(darker|lighter) -v r=0xFF -v g=0xFF -v b=0xFF


##################################################
# Absolute value

function abs(x) { return x < 0 ? -x : x; }


##################################################
# Convert RGB to HSB

function rgb2hsb(red, green, blue) {
    red /= 255; green /= 255; blue /= 255;

    max = (red > green ? (red > blue ? red : blue) : (green > blue ? green : blue));
    min = (red < green ? (red < blue ? red : blue) : (green < blue ? green : blue));
    delta = max - min;

    # Hue calculation
    if (delta == 0) {
        hue = 0;
    } else if (max == red) {
        hue = 60 * (((green - blue) / delta) % 6);
    } else if (max == green) {
        hue = 60 * (((blue - red) / delta) + 2);
    } else {
        hue = 60 * (((red - green) / delta) + 4);
    }

    if (hue < 0) hue += 360;

    # Saturation
    sat = (max == 0) ? 0 : delta / max;
    sat = sat * 100;

    # Brightness
    br = max * 100;
}



##################################################
# Convert HSB to RGB

function hsb2rgb(h, s, v) {
    s /= 100;
    v /= 100;

    c = v * s;
    x = c * (1 - abs((h / 60) % 2 - 1));
    m = v - c;

    if (h < 60)      { r = c; g = x; b = 0; }
    else if (h < 120){ r = x; g = c; b = 0; }
    else if (h < 180){ r = 0; g = c; b = x; }
    else if (h < 240){ r = 0; g = x; b = c; }
    else if (h < 300){ r = x; g = 0; b = c; }
    else             { r = c; g = 0; b = x; }

    red = int((r + m) * 255 + 0.5);
    green = int((g + m) * 255 + 0.5);
    blue = int((b + m) * 255 + 0.5);
}


##################################################
# Make it darker

function darker(h, s, v) {
    if (s < mins) { sat = mins } else { sat = s };
    if (v > maxv) { br = maxv } else { br = v };
}


##################################################
# Make it lighter

function lighter(h, s, v) {
    if (s > mins) { sat = mins } else { sat = s };
    if (v < maxv) { br = maxv } else { br = v };
}


##################################################
# Main

BEGIN {
    # Convert to HSB
    rgb2hsb(r, g, b);

    # Adjust
    if (m == "darker") {
	mins = 70
	maxv = 40

	darker(hue, sat, br);
    } else {
	mins = 15
	maxv = 100

	lighter(hue, sat, br);
    }

    # Convert to RGB
    hsb2rgb(hue, sat, br);

    # Print in a format for sketchybar with 100% opacity
    printf("0xff%.2x%.2x%.2x\n", red, green, blue);
}

[zhanyuanucb]

Aerospace workspace status

Built upon the Aerospace+SketchyBar tutorial. And also utilize the AEROSPACE_PREV_WORKSPACE as introduced here
Features:

• Highlight focused workspace.
• Click the label to change the focus to corresponding workspace.
• Distinguish active/inactive workspace, where active means the workspace contains >= 1 window(s), and inactive workspace means the workspace has no window.
• Update the status of workspace activeness when changing focused workspace.

For example:
The workspace in red are active (i.e. containing windows), green are inactive.
If you move all the windows from workspace 3 to workspace 4, then 3 will turn green and 4 will turn red

aerospace.sh

#!/usr/bin/env bash

ACTIVE_WORKSPACES=$(aerospace list-windows --all --format %{workspace} | sort -u)

if [ "$1" = "$FOCUSED_WORKSPACE" ]; then
    sketchybar --set $NAME background.drawing=on
	if printf "%s\n" "${ACTIVE_WORKSPACES[@]}" | grep -Fxq -- "$1"; then
		# If current focused workspace is shown on the sketchybar
		sketchybar --set $NAME label.color=$RED
	fi
fi

if [ "$1" = "$PREV_WORKSPACE" ]; then
    sketchybar --set $NAME background.drawing=off
	if ! printf "%s\n" "${ACTIVE_WORKSPACES[@]}" | grep -Fxq -- "$1"; then
		# If the previous workspace doesn't have any windows
		sketchybar --set $NAME label.color=$GREEN
	fi
fi

items.sh

sketchybar --add event aerospace_workspace_change

for sid in $(aerospace list-workspaces --all); do
    sketchybar --add item space.$sid left \
        --subscribe space.$sid aerospace_workspace_change \
        --set space.$sid \
        icon.padding_left=0 \
        icon.padding_right=0 \
		label.padding_left=4 \
		label.padding_right=5 \
        label.font="SF Pro:Semibold:9.0" \
		label.color=$GREEN \
		background.padding_left=0 \
		background.padding_right=0 \
        background.color=$GRAY \
        background.corner_radius=3 \
        background.height=15 \
        background.drawing=off \
        label="$sid" \
        click_script="aerospace workspace $sid" \
        script="$PLUGIN_DIR/aerospace.sh $sid"
done


for sid in $(aerospace list-windows --all --format %{workspace} | sort -u); do
    sketchybar --set space.$sid \
        label.color=$RED
done

aerospace.toml

# Notify Sketchybar about workspace change
exec-on-workspace-change = ['/bin/bash', '-c',
    'sketchybar --trigger aerospace_workspace_change PREV_WORKSPACE=$AEROSPACE_PREV_WORKSPACE FOCUSED_WORKSPACE=$AEROSPACE_FOCUSED_WORKSPACE',
]

[manishprivet]

Notion Calendar

Notion Calendar (formerly Cron) is a Calendar Management App, and has a very useful feature of a Menu Bar item that shows the upcoming meetings at a glance, and you can join the meeting directly from the Menu bar if it's an online meeting.

Since it is an Electron app, after some tinkering, I found out that it uses IndexdDB to store the calendar events. I also found this experimental tool by Google dfindexeddb which can be used to parse a IndexdDB database.

Using these, I wrote a javascript plugin to display the latest meeting within 3 hours in the Menu Bar, and also open the meeting link (Google Meet only) if it exists.

pip install commands

CPPFLAGS="-I/opt/homebrew/include -L/opt/homebrew/lib" python3 -m pip install --user dfindexeddb
CPPFLAGS="-I/opt/homebrew/include -L/opt/homebrew/lib" python3 -m pip install --user 'dfindexeddb[plugins]'

items/cron.sh

#!/bin/bash

sketchybar --add item cron right \
  --set cron icon=  \
  label="..." \
  # I fixed it to show only on one display since my other monitor is in vertical layout
  #  display=1 \
  update_freq=120 \
  icon.font="Hack Nerd Font:Bold:17.0" \
  background.drawing=on \
  icon.padding_left=12 \
  label.padding_right=12 \
  # Change your colors accordingly
  # background.border_color="$ACCENT_COLOR" \
  # background.shadow.color="$ACCENT_COLOR" \
  background.border_width=0 \
  background.shadow.angle=90 \
  background.shadow.distance=1 \
  background.shadow.drawing=on \
  script="$PLUGIN_DIR/cron.js"

plugins/cron.js

#!/opt/homebrew/bin/node

import { createReadStream, rmSync } from "fs";
import { createInterface } from "readline";
import { execSync } from "child_process";

const ITEM_NAME = process.env.NAME;

const execute = (COMMAND) =>
  execSync(COMMAND, (error) => {
    if (error) {
      console.error(`exec error: ${error}`);
      return;
    }
  });

const JSON_FILE = "cron_data.json";

rmSync(JSON_FILE, { force: true });

const INDEXDB_LOCATION =
  process.env.HOME + "/Library/Application Support/Notion Calendar/IndexedDB";

const formatDuration = (time) => {
  let duration = time;
  if (duration > 60 * 60) {
    duration = Math.floor(duration / 60 / 60);
    duration =
      duration + "h " + Math.floor((time - duration * 60 * 60) / 60) + "m";
  } else if (duration > 120) {
    duration = Math.floor(duration / 60) + "m";
  } else {
    duration = "now";
  }

  return duration;
};

const truncateText = (text, length) => {
  if (text.length <= length) {
    return text;
  }

  return text.substr(0, length) + "\u2026";
};

// Set Status to Loading
execute(`
  sketchybar --set ${ITEM_NAME} \
    icon= \
    click_script="" \
`);

// Extract data from IndexedDB
const python = execute("python3 -m site --user-base").toString().trim();

execute(`
  ${python}/bin/dfindexeddb db \
    -s "${INDEXDB_LOCATION}/https_calendar.notion.so_0.indexeddb.leveldb" \
    --format chrome \
    --use_manifest \
    -o jsonl \
    >> ${JSON_FILE}
`);

var rd = createInterface({
  input: createReadStream(JSON_FILE),
  console: false,
});

const events = [];

rd.on("line", function (line) {
  const data = JSON.parse(line);

  if (data.value?.value?.kind === "calendar#event") {
    const summary = data.value.value?.summary;

    let startTime = data.value.value?.start?.dateTime;
    let endTime = data.value.value?.end?.dateTime;

    // Don't process full day events
    if (!startTime) {
      return;
    }

    const isStaleData = Boolean(data.recovered);

    const timeGap = (new Date(startTime) - new Date()) / 1000;

    const isToStart = new Date() < new Date(startTime);

    const isCurrentlyOnGoing =
      new Date() > new Date(startTime) && new Date() < new Date(endTime);

    const isCancelled = data.value.value.status === "cancelled";

    const isWithin3Hours = timeGap < 60 * 60 * 3;

    const attendees = data.value.value.attendees?.values || [];

    const iAmAttending = attendees.some((attendee) => {
      return attendee.self && attendee.responseStatus !== "declined";
    });

    if (
      // The data is not stale
      !isStaleData &&
      // It is within 3 hours from now
      isWithin3Hours &&
      // The meeting is not cancelled
      !isCancelled &&
      // Meeting is to start or is ongoing
      (isToStart || isCurrentlyOnGoing) &&
      // I am attending the meeting
      iAmAttending
    ) {
      // Duration by difference of START and END
      const duration = (new Date(endTime) - new Date(startTime)) / 1000;

      events.push({
        summary,
        startTime,
        endTime,
        duration,
        meet: data.value.value.hangoutLink,
      });
    }
  }
});

rd.on("close", function () {
  // Set status to No Meetings if there are no meetings
  if (!events.length) {
    execute(`
      sketchybar --set ${ITEM_NAME} \
        label="No upcoming meetings" \
        background.drawing=off \
        icon.padding_left=0 \
        label.padding_right=0 \
        icon=󰢠 \
        click_script="" \
    `);

    return;
  }

  // Get latest meeting
  const meeting = events.sort((a, b) => {
    return new Date(a.startTime) - new Date(b.startTime);
  })[0];

  const timeGap = formatDuration(
    (new Date(meeting.startTime) - new Date()) / 1000,
  );

  const duration = formatDuration(meeting.duration);

  // If meeting is too short doesn't show duration
  const durationText = duration === "now" ? "" : ` (${duration})`;

  const summary = truncateText(meeting.summary, 15);
  const remainingTime = timeGap === "now" ? "" : ` in ${timeGap}`;

  const label = `${summary}${durationText}${remainingTime}`;

  const icon = meeting.meet ? "" : "󱔠";
  const clickScript = meeting.meet ? `open -n "${meeting.meet}"` : "";

  execute(`
    sketchybar --set ${ITEM_NAME} \
      background.drawing=on \
      icon.padding_left=12 \
      label.padding_right=12 \
      label="${label}" \
      click_script="${clickScript}" \
      icon="${icon}"
  `);
});

In the JSON_EXPORT_COMMAND part of the JS Script, it was a little flaky for me across 2 macs. This was happening because of multiple installations of python in my Mac, where the original pip install command was running for a different python installation than the one running inside the script.
I also noticed that running sketchybar for debugging and running it in background with brew services start sketchybar results in the script using 2 different python installations.
If you face across the issue of dfindexeddb not found, you can add the pip install commands in the sketchybarrc at the top and run brew services start sketchybar once, then stop the sketchybar service, remove the pip install commands and restart the sketchybar service.

Screenshots

Initial Loading

In Office Event

Online Event (Google Meet)

When there are no meetings in next 3 hours

[vincebrown-hh]

exactly what I was looking for thanks.

[manishprivet]

Caffeine / Amphetamine / Caffeinate

Mac OS has a native command to keep the system awake, and we can use that to have an Amphetamine / Caffeine toggle in the SketchyBar.

items/caffeinate.sh

#!/bin/bash

sketchybar --add item caffeinate right \
  --set caffeinate script="$PLUGIN_DIR/caffeinate.sh" \
  click_script="$PLUGIN_DIR/caffeinate.sh" \
  icon.font="Hack Nerd Font:Bold:17.0" \
  padding_left=0 \
  padding_right=0 \
  icon=

plugins/caffeinate.sh

#!/bin/bash

CAFFINATE_ID=$(pmset -g assertions | grep "caffeinate" | awk '{print $2}' | cut -d '(' -f1 | head -n 1)

# It was not a button click
if [ -z "$BUTTON" ]; then
  if [ -z "$CAFFINATE_ID" ]; then
    sketchybar --set "$NAME" icon=
  else
    sketchybar --set "$NAME" icon=
  fi
  exit 0
fi

# It is a mouse click
if [ -z "$CAFFINATE_ID" ]; then
  caffeinate -id &
  sketchybar --set "$NAME" icon=
else
  kill -9 "$CAFFINATE_ID"
  sketchybar --set "$NAME" icon=
fi

Caffeinate Off

Caffeinate On

[manishprivet]

Aerospace Workspace Status with Multiple Monitors and Hover + Transition Effects

Building on top of the multiple Aerospace Tutorials in this thread and some opinionated choices, I customized my aerospace plugin.

Features

1. Show icons of active windows using kvndrsslr/sketchybar-app-font and Nikolaidp24/SketchyBar/icon_map.sh
2. Hide workspaces with no apps in them
3. Show the workspace only on the monitor they are on
4. Add a small jump animation when switching workspaces
5. Hover effect
6. Make sure the current workspace is highlighted when sketchybar is loaded
7. Optimise so that the script runs only once (on the cost of verbosity)

items/spaces.sh

#!/bin/bash
for sid in $(aerospace list-workspaces --all); do
  monitor=$(aerospace list-windows --workspace "$sid" --format "%{monitor-appkit-nsscreen-screens-id}")

  if [ -z "$monitor" ]; then
    monitor="1"
  fi

  sketchybar --add item space."$sid" left \
    --subscribe space."$sid" aerospace_workspace_change display_change system_woke mouse.entered mouse.exited \
    --set space."$sid" \
    display="$monitor" \
    padding_right=0 \
    icon="$sid" \
    label.padding_right=7 \
    icon.padding_left=7 \
    icon.padding_right=4 \
    background.drawing=on \
    label.font="sketchybar-app-font:Regular:16.0" \
    background.color="$ACCENT_COLOR" \
    icon.color="$BACKGROUND" \
    label.color="$BACKGROUND" \
    background.corner_radius=5 \
    background.height=25 \
    label.drawing=on \
    click_script="aerospace workspace $sid" \
    script="$CONFIG_DIR/plugins/aerospace.sh $sid"
done

plugins/aerospace.sh

#!/usr/bin/env bash

# A color config for hover and highlight effects
# Example
# export BAR_COLOR=0x40000000
# export ITEM_BG_COLOR=0xff353c3f
# export ACCENT_COLOR=0xffffffff
# export BACKGROUND=0xff101314
source "$CONFIG_DIR/colors.sh"

FOCUSED_WORKSPACE=$(aerospace list-workspaces --focused --format "%{workspace}")

if [ "$SENDER" == "mouse.entered" ]; then
  if [ "$1" = "$FOCUSED_WORKSPACE" ]; then
    exit 0
  fi
  sketchybar --set "$NAME" \
    background.drawing=on \
    label.color="$BACKGROUND" \
    icon.color="$BACKGROUND" \
    background.color="$ACCENT_COLOR"
  exit 0
fi

if [ "$SENDER" == "mouse.exited" ]; then
  if [ "$1" = "$FOCUSED_WORKSPACE" ]; then
    exit 0
  fi
  sketchybar --set "$NAME" \
    background.drawing=off \
    label.color="$ACCENT_COLOR" \
    icon.color="$ACCENT_COLOR" \
    background.color="$BAR_COLOR"
  exit 0
fi

icons=""

APPS_INFO=$(aerospace list-windows --workspace "$1" --json --format "%{monitor-appkit-nsscreen-screens-id}%{app-name}")

IFS=$'\n'
for sid in $(echo "$APPS_INFO" | jq -r "map ( .\"app-name\" ) | .[]"); do
  icons+=$("$CONFIG_DIR/plugins/icon_map_fn.sh" "$sid")
  icons+="  "
done

for monitor_id in $(echo "$APPS_INFO" | jq -r "map ( .\"monitor-appkit-nsscreen-screens-id\" ) | .[]"); do
  monitor=$monitor_id
done

if [ -z "$monitor" ]; then
  monitor="1"
fi

# When icons is empty, set it to " "
if [ -z "$icons" ]; then
  if [ "$1" = "$FOCUSED_WORKSPACE" ]; then
    sketchybar --animate sin 10 \
      --set "$NAME" \
      y_offset=10 y_offset=0 \
      background.drawing=on

    sketchybar --set "$NAME" \
      display="$monitor" \
      drawing=on \
      label="$icons" \
      label.color="$BACKGROUND" \
      icon.color="$BACKGROUND" \
      background.color="$ACCENT_COLOR"
  else
    sketchybar --set "$NAME" drawing=off
  fi
else
  if [ "$1" = "$FOCUSED_WORKSPACE" ]; then
    sketchybar --animate sin 10 \
      --set "$NAME" \
      y_offset=10 y_offset=0 \
      background.drawing=on

    sketchybar --set "$NAME" \
      display="$monitor" \
      drawing=on \
      label="$icons" \
      label.color="$BACKGROUND" \
      icon.color="$BACKGROUND" \
      background.color="$ACCENT_COLOR"
  else
    sketchybar --set "$NAME" \
      display="$monitor" \
      drawing=on \
      label="$icons" \
      background.drawing=off \
      label.color="$ACCENT_COLOR" \
      icon.color="$ACCENT_COLOR" \
      background.color="$BAR_COLOR"
  fi
fi

Monitor 1

Monitor 2

When 2 or more apps are in a single workspace

Hover and Jump Effects

Screen.Recording.2025-04-28.at.12.55.28.mov

[brandonmercado-ops]

For some reason, the workspace icon does not change when I switch them via keyboard shortcuts, nor do the icon animations play when I change the workspace manually by mouse. Is there any specific information I can give you that would help you be able to help me out? I named my items file aero_spaces.sh instead of spaces.sh and I'm using icon_map.sh inside of plugins instead of icon_map_fn.sh, and in plugins I'm using #!/bin/bash instead of #!/usr/bin/env bash. I don't really have any idea what I'm doing, so any help is much appreciated. Thank you!!

[manishprivet]

Youtube Music

Plugin for th-ch/youtube-music. Inspired by the built in plugin in Grsmto/simplebar.

Features:

1. Now Playing
2. Click to Play and Pause
3. Show the Album Art of the currently playing song in menu bar

Prerequisites

Make sure the API Server plugin is enabled in the Youtube Music App and the Authorization Strategy is set None

Screen.Recording.2025-04-28.at.13.06.52.mov

items/music.sh

#!/bin/bash

music=(
  script="$PLUGIN_DIR/youtube-music.sh"
  click_script="curl -s -X POST 0.0.0.0:26538/api/v1/toggle-play && $PLUGIN_DIR/youtube-music.sh"
  label.padding_right=8
  label.font="Hack Nerd Font:Bold:17.0"
  padding_right=0
  icon=􁁒
  # Pinned it to the primary display since my other monitor is in vertical layout
  # display=1
  label="Loading…"
  background.image.scale=0.9
  background.image.corner_radius=8
  background.image.border_color="$TRANSPARENT"
  background.color="$TRANSPARENT"
  icon.padding_left=36
  icon.padding_right=8
  label.align=left
  update_freq=10
  label.max_chars=40
  scroll_texts=on
)

music_artwork=(
  click_script="curl -s -X POST 0.0.0.0:26538/api/v1/toggle-play && $PLUGIN_DIR/youtube-music.sh"
  label.padding_right=8
  padding_right=16
  display=1
  label=""
  width=40
  background.image.scale=0.07
  background.image.corner_radius=8
  background.image.border_color="$TRANSPARENT"
  background.color="$TRANSPARENT"
)

sketchybar \
  --add item music center \
  --set music "${music[@]}"

sketchybar \
  --add item music-artwork center \
  --set music-artwork "${music_artwork[@]}"

plugins/youtube-music.sh

#!/bin/bash

SONG_INFO=$(curl -s 0.0.0.0:26538/api/v1/song-info)

PAUSED="$(echo "$SONG_INFO" | jq -r '.isPaused')"
CURRENT_SONG="$(echo "$SONG_INFO" | jq -r '.title + " - " + .artist')"
ARTWORK="$(echo "$SONG_INFO" | jq -r '.imageSrc')"
ARTWORK_LOCATION="$(curl -O --output-dir "$TMPDIR" -s --remote-name -w "%{filename_effective}" "$ARTWORK")"

if [ "$PAUSED" = true ]; then
  ICON=􀊄
else
  ICON=􁁒
fi
sketchybar --set "$NAME" label="$CURRENT_SONG" icon="$ICON" drawing=on 
sketchybar --set "$NAME"-artwork background.image="$ARTWORK_LOCATION"

Now Playing with Album Art

[Kazuto]

Pomodoro Timer

A simple, yet customizable Pomodoro timer.

To customize the sounds you can play all back with this script

ls /System/Library/PrivateFrameworks/ScreenReader.framework/Versions/A/Resources/Sounds/ | awk '{print $1}' | while read sound; do printf "using $sound...\n"; afplay /System/Library/PrivateFrameworks/ScreenReader.framework/Versions/A/Resources/Sounds/$sound; sleep 0.5; done

Controls:

Control	Description
Left click	(Re)Start a 25 minutes countdown
Right click	Stop the countdown
Popup click	Start a timer with the given duration

SketchyBar item

#!/bin/bash

sketchybar --add item timer right \
           --set timer label="No Timer" \
                       icon=􀐱   \
                       icon.color=0xFFF9E2AF \
                       icon.padding_right=6 \
                       background.drawing=off \
                       y_offset=1 \
                       script="PATH/TO/SCRIPT/timer.sh" \
                       popup.background.corner_radius=10                               \
                       popup.background.color=0xFF1E1E2E                       \
                       popup.background.border_width=1 \
                       popup.background.border_color=0xFF45475A \
                       --subscribe timer mouse.clicked mouse.entered mouse.exited mouse.exited.global 

for timer in "5" "10" "25"; do
sketchybar --add item "timer.${timer}" popup.timer \
            --set "timer.${timer}" label="${timer} Minutes" \
                        padding_left=16 \
                        padding_right=16 \
                        click_script="PATH/TO/SCRIPT/timer.sh $((timer * 60)); sketchybar -m --set timer popup.drawing=off"
done

Script

#!/bin/bash

SOUNDS_PATH="/System/Library/PrivateFrameworks/ScreenReader.framework/Versions/A/Resources/Sounds/"
COUNTDOWN_PID_FILE="/tmp/sketchybar_timer_pid"
DEFAULT_DURATION=1500  # 25 minutes

__start() {
    local name="$1"
    local duration="$2"

    (
        local time_left="$duration"

        while [ "$time_left" -gt 0 ]; do
            local minutes=$((time_left / 60))
            local seconds=$((time_left % 60))
            sketchybar --set "$name" label="$(printf "%02d:%02d" "$minutes" "$seconds")"
            sleep 1
            time_left=$((time_left - 1))
        done
        
        afplay "$SOUNDS_PATH/GuideSuccess.aiff" 
        sketchybar --set "$name" label="Done"
    ) &
    printf "%s\n" "$!" > "$COUNTDOWN_PID_FILE"
}

__stop() {
    if [ -f "$COUNTDOWN_PID_FILE" ]; then
        if IFS= read -r PID < "$COUNTDOWN_PID_FILE"; then
            if ps -p "$PID" > /dev/null 2>&1; then
                kill -- "$PID"
            fi
        fi
        rm -f "$COUNTDOWN_PID_FILE"
    fi
}

start_countdown() {
    __stop
    __start "$1" "$2"
    afplay "$SOUNDS_PATH/TrackingOn.aiff"
}

stop_countdown() {
    __stop
    afplay "$SOUNDS_PATH/TrackingOff.aiff"
    sketchybar --set "$NAME" label="No Timer"
}

# If script is run directly with a duration argument (e.g. ./timer.sh 300)
if [[ "$#" -eq 1 && "$1" =~ ^[0-9]+$ ]]; then
    start_countdown "$(echo "$NAME" | awk -F'.' '{print $1}')" "$1"
    exit 0
fi

# Handle SketchyBar mouse events
if [ "$SENDER" = "mouse.clicked" ]; then
    case "$BUTTON" in
        "left")
            start_countdown "$NAME" "$DEFAULT_DURATION"
            ;;
        "right")
            stop_countdown 
            ;;
    esac
fi

case "$SENDER" in
    "mouse.entered")
        sketchybar --set "$NAME" popup.drawing=on
        ;;
    "mouse.exited"|"mouse.exited.global")
        sketchybar --set "$NAME" popup.drawing=off
        ;;
esac

[hajiboy95]

Hi everyone,

I’ve been working on the Spotify setup by @FelixKratz and made some tweaks that might be useful:

1. The Spotify item is now visible right from the start — previously, it only appeared after switching tracks.

2. Added an option to disable the control buttons. This is great for those who prefer using keyboard shortcuts and want a minimal setup that just shows the song title and duration.

3. Moved all important configuration variables to the top of the script for easier customization. I also added a few more global variables to improve consistency and modularity, especially around spacing and sizing.

   Controls enabled
   

   Controls disabled
   

I hope these improvements help streamline the setup and make it more flexible!

IMPORTANT:
If you’re using Aerospace, you might need to set the top border (or whichever border your sketchybar lives on) to at least 3. Otherwise, the plugin will disappear as soon as you leave the sketchybar and try to re-enter the plugin. It'll work however wihtout setting a border if you move your mouse fast enough.

Big thanks again to Felix for the original template! :)

---

spotify.sh (plugin)

#!/bin/bash

PLUGIN_DIR="$HOME/.config/sketchybar/plugins"
# Allow override via first arg or env variable
SPOTIFY_DISPLAY_CONTROLS="${1:-false}"
COVER_PATH="/tmp/cover.jpg"
MAX_LABEL_LENGTH=35
# Optional control functions (disabled by default)
next () {
  osascript -e 'tell application "Spotify" to play next track'
  update
}

back () {
  osascript -e 'tell application "Spotify" to play previous track'
  update
}

play () {
  osascript -e 'tell application "Spotify" to playpause'
  update
}

repeat_toggle () {
  REPEAT=$(osascript -e 'tell application "Spotify" to get repeating')
  if [ "$REPEAT" = "false" ]; then
    sketchybar -m --set spotify.repeat icon.highlight=on
    osascript -e 'tell application "Spotify" to set repeating to true'
  else
    sketchybar -m --set spotify.repeat icon.highlight=off
    osascript -e 'tell application "Spotify" to set repeating to false'
  fi
}

shuffle_toggle () {
  SHUFFLE=$(osascript -e 'tell application "Spotify" to get shuffling')
  if [ "$SHUFFLE" = "false" ]; then
    sketchybar -m --set spotify.shuffle icon.highlight=on
    osascript -e 'tell application "Spotify" to set shuffling to true'
  else
    sketchybar -m --set spotify.shuffle icon.highlight=off
    osascript -e 'tell application "Spotify" to set shuffling to false'
  fi
}

truncate_text() {
  local text="$1"
  local max_length=${2:-$MAX_LABEL_LENGTH}
  if [ ${#text} -le "$max_length" ]; then
    echo "$text"
  else
    echo "${text:0:max_length}" | sed -E 's/\s+[[:alnum:]]*$//' | awk '{$1=$1};1' | sed 's/$/.../'
  fi
}

update() {
  local state
  state=$(osascript -e 'tell application "Spotify" to get player state' 2>/dev/null)

  if [ "$state" != "playing" ] && [ "$state" != "paused" ]; then
    sketchybar -m --set spotify.anchor drawing=off popup.drawing=off \
    exit 0
  fi
  # Set play or pause icon depending on state
  local play_icon=""
  if [ "$SPOTIFY_DISPLAY_CONTROLS" = "true" ]; then
    if [ "$state" = "playing" ]; then
      play_icon="􀊆"  # pause icon
    else
      play_icon="􀊄"  # play icon
    fi
  fi

  local track artist album cover_url
  track=$(osascript -e 'tell application "Spotify" to get name of current track')
  artist=$(osascript -e 'tell application "Spotify" to get artist of current track')
  album=$(osascript -e 'tell application "Spotify" to get album of current track')
  cover_url=$(osascript -e 'tell application "Spotify" to get artwork url of current track')
  
  # Download cover image with fallback
  if curl -s --max-time 5 "$cover_url" -o "$COVER_PATH"; then
    sketchybar -m --set spotify.cover background.image="$COVER_PATH" background.color=0x00000000
  else
    # fallback if download fails
    sketchybar -m --set spotify.cover background.image="" background.color=0x00000000
  fi

  track=$(truncate_text "$track" $((MAX_LABEL_LENGTH * 7/10)))
  artist=$(truncate_text "$artist")
  album=$(truncate_text "$album")
  
  sketchybar -m \
    --set spotify.title label="$track" \
    --set spotify.artist label="$artist" \
    --set spotify.album label="$album" \
    --set spotify.anchor drawing=on
  
  # Only update these if controls are enabled
  if [ "$SPOTIFY_DISPLAY_CONTROLS" = "true" ]; then
    sketchybar -m \
      --set spotify.shuffle icon.highlight=$shuffle \
      --set spotify.repeat icon.highlight=$repeat \
      --set spotify.play icon="$play_icon"
  fi
}

scroll() {
  local duration_ms position time duration
  duration_ms=$(osascript -e 'tell application "Spotify" to get duration of current track')
  duration=$((duration_ms / 1000))
  position=$(osascript -e 'tell application "Spotify" to get player position')
  time=${position%.*}

  sketchybar -m --animate linear 10 \
    --set spotify.state slider.percentage=$((time * 100 / duration)) \
                         icon="$(date -r $time +'%M:%S')" \
                         label="$(date -r $duration +'%M:%S')"
}

scrubbing() {
  local duration_ms duration target
  duration_ms=$(osascript -e 'tell application "Spotify" to get duration of current track')
  duration=$((duration_ms / 1000))
  target=$((duration * PERCENTAGE / 100))

  osascript -e "tell application \"Spotify\" to set player position to $target"
  sketchybar -m --set spotify.state slider.percentage=$PERCENTAGE
}

popup() {
  sketchybar -m --set spotify.anchor popup.drawing=$1
}

routine() {
  case "$NAME" in
    "spotify.state") scroll
    ;;
    *) update
    ;;
  esac
}

mouse_clicked () {
  case "$NAME" in
    "spotify.next") next
    ;;
    "spotify.back") back
    ;;
    "spotify.play") play
    ;;
    "spotify.shuffle") shuffle_toggle
    ;;
    "spotify.repeat") repeat_toggle
    ;;
    "spotify.state") scrubbing
    ;;
    *) exit
    ;;
  esac
}


case "$SENDER" in
  "mouse.clicked") mouse_clicked
  ;;
  "mouse.entered") 
    popup on
    update
  ;;
  "mouse.exited"|"mouse.exited.global") popup off
  ;;
  "routine") routine
  ;;
  "forced") exit 0
  ;;
  *) update
  ;;
esac

spotify.sh (item)

#!/bin/bash

# ────────────────────────────────────
# ▸ Toggle: Display Playback Controls
# ────────────────────────────────────
SPOTIFY_DISPLAY_CONTROLS=true  

# ────────────────────────────────────
# ▸ Configuration
# ────────────────────────────────────

FONT="SF Pro"
BACKGROUND=0xff1e1e2e
BACKGROUND_BORDER=0xff45475a
ACCENT_COLOR=0xffd79921
SECONDARY_COLOR=0xffbbbbbb
TERTIARY_COLOR=0xff888888
DISABLED_COLOR=0xffd3d3d3

SPOTIFY_EVENT="com.spotify.client.PlaybackStateChanged"
POPUP_SCRIPT="sketchybar -m --set spotify.anchor popup.drawing=toggle"

# Dynamic values based on toggle
POPUP_HEIGHT=$([ "$SPOTIFY_DISPLAY_CONTROLS" = false ] && echo 85 || echo 120)
IMAGE_SCALE=$([ "$SPOTIFY_DISPLAY_CONTROLS" = false ] && echo 0.10 || echo 0.15)
Y_OFFSET=$([ "$SPOTIFY_DISPLAY_CONTROLS" = false ] && echo -25 || echo -5)

# ────────────────────────────────────
# ▸ Items
# ────────────────────────────────────

spotify_anchor=(
  script="$PLUGIN_DIR/spotify.sh $SPOTIFY_DISPLAY_CONTROLS"
  click_script="$POPUP_SCRIPT"
  popup.horizontal=on
  popup.align=center
  popup.height=$POPUP_HEIGHT
  icon=􁁒
  icon.font="$FONT:Regular:25.0"
  label.drawing=off
  drawing=off
  y_offset=2
)

spotify_cover=(
  script="$PLUGIN_DIR/spotify.sh $SPOTIFY_DISPLAY_CONTROLS"
  click_script="open -a 'Spotify'; $POPUP_SCRIPT"
  label.drawing=off
  icon.drawing=off
  padding_left=12
  padding_right=10
  background.image.scale=$IMAGE_SCALE
  background.image.drawing=on
  background.drawing=on
)

spotify_title=(
  icon.drawing=off
  padding_left=0
  padding_right=0
  width=0
  label.font="$FONT:Heavy:15.0"
  y_offset=$((50 + Y_OFFSET))
)

spotify_artist=(
  icon.drawing=off
  y_offset=$((30 + Y_OFFSET))
  padding_left=0
  padding_right=0
  width=0
  label.font="$FONT:Regular:13.0"
  label.color=$SECONDARY_COLOR
)

spotify_album=(
  icon.drawing=off
  padding_left=0
  padding_right=0
  y_offset=$((15 + Y_OFFSET))
  width=0
  label.font="$FONT:Regular:13.0"
  label.color=$TERTIARY_COLOR
)

ICON_WIDTH=50
LABEL_WIDTH=50
SLIDER_WIDTH=100

STATE_WIDTH=$([ "$SPOTIFY_DISPLAY_CONTROLS" = true ] && echo 0 || echo $((ICON_WIDTH + LABEL_WIDTH + SLIDER_WIDTH)))

spotify_state=(
  icon.drawing=on
  icon.font="$FONT:Light Italic:10.0"
  icon.width=$ICON_WIDTH
  icon="00:00"
  label.drawing=on
  label.font="$FONT:Light Italic:10.0"
  label.width=$LABEL_WIDTH
  label="00:00"
  label.padding_left=20
  y_offset=$((Y_OFFSET))
  width=$STATE_WIDTH
  slider.background.height=6
  slider.background.corner_radius=3
  slider.background.color=$BACKGROUND_BORDER
  slider.highlight_color=$ACCENT_COLOR
  slider.percentage=0
  slider.width=$SLIDER_WIDTH
  script="$PLUGIN_DIR/spotify.sh $SPOTIFY_DISPLAY_CONTROLS"
  update_freq=1
  updates=when_shown
)

# ────────────────────────────────────
# ▸ Optional Controls
# ────────────────────────────────────

CONTROLS_Y_OFFSET=$((-30 + Y_OFFSET))

spotify_shuffle=(
  icon=􀊝
  icon.padding_left=5
  icon.padding_right=5
  icon.color=$DISABLED_COLOR
  icon.highlight_color=$BACKGROUND
  label.drawing=off
  script="$PLUGIN_DIR/spotify.sh $SPOTIFY_DISPLAY_CONTROLS"

  y_offset=$CONTROLS_Y_OFFSET
)

spotify_back=(
  icon=􀊎
  icon.padding_left=5
  icon.padding_right=5
  icon.color=$BACKGROUND
  script="$PLUGIN_DIR/spotify.sh $SPOTIFY_DISPLAY_CONTROLS"
  label.drawing=off
  y_offset=$CONTROLS_Y_OFFSET
)

spotify_play=(
  icon=􀊄
  background.height=40
  background.corner_radius=20
  width=40
  align=center
  background.color=$BACKGROUND
  background.border_color=$BACKGROUND_BORDER
  background.border_width=1
  background.drawing=on
  icon.padding_left=4
  icon.padding_right=4
  icon.color=$ACCENT_COLOR
  updates=on
  label.drawing=off
  script="$PLUGIN_DIR/spotify.sh $SPOTIFY_DISPLAY_CONTROLS"
  y_offset=$CONTROLS_Y_OFFSET
)

spotify_next=(
  icon=􀊐
  icon.padding_left=5
  icon.padding_right=5
  icon.color=$BACKGROUND
  label.drawing=off
  script="$PLUGIN_DIR/spotify.sh $SPOTIFY_DISPLAY_CONTROLS"
  y_offset=$CONTROLS_Y_OFFSET
)

spotify_repeat=(
  icon=􀊞
  icon.highlight_color=$BACKGROUND
  icon.padding_left=5
  icon.padding_right=10
  icon.color=$DISABLED_COLOR
  label.drawing=off
  script="$PLUGIN_DIR/spotify.sh $SPOTIFY_DISPLAY_CONTROLS"
  y_offset=$CONTROLS_Y_OFFSET
)

spotify_controls=(
  background.color=$ACCENT_COLOR
  background.corner_radius=11
  background.drawing=on
  y_offset=$CONTROLS_Y_OFFSET
)

# ────────────────────────────────────
# ▸ SketchyBar Setup
# ────────────────────────────────────

sketchybar --add event spotify_change $SPOTIFY_EVENT             \
           --add item spotify.anchor center                      \
           --set spotify.anchor "${spotify_anchor[@]}"           \
           --subscribe spotify.anchor mouse.entered mouse.exited \
                                     mouse.exited.global         \
                                     spotify_init                \
                                                                 \
           --add item spotify.cover popup.spotify.anchor         \
           --set spotify.cover "${spotify_cover[@]}"             \
                                                                 \
           --add item spotify.title popup.spotify.anchor         \
           --set spotify.title "${spotify_title[@]}"             \
                                                                 \
           --add item spotify.artist popup.spotify.anchor        \
           --set spotify.artist "${spotify_artist[@]}"           \
                                                                 \
           --add item spotify.album popup.spotify.anchor         \
           --set spotify.album "${spotify_album[@]}"             \
                                                                 \
           --add slider spotify.state popup.spotify.anchor       \
           --set spotify.state "${spotify_state[@]}"             \

# ────────────────────────────────────
# ▸ Conditionally Add Controls
# ────────────────────────────────────

if [ "$SPOTIFY_DISPLAY_CONTROLS" = true ]; then
  sketchybar --add item spotify.shuffle popup.spotify.anchor       \
             --set spotify.shuffle "${spotify_shuffle[@]}"         \
             --subscribe spotify.shuffle mouse.clicked             \
                                                                   \
             --add item spotify.back popup.spotify.anchor          \
             --set spotify.back "${spotify_back[@]}"               \
             --subscribe spotify.back mouse.clicked                \
                                                                   \
             --add item spotify.play popup.spotify.anchor          \
             --set spotify.play "${spotify_play[@]}"               \
             --subscribe spotify.play mouse.clicked                \
                                                                   \
             --add item spotify.next popup.spotify.anchor          \
             --set spotify.next "${spotify_next[@]}"               \
             --subscribe spotify.next mouse.clicked                \
                                                                   \
             --add item spotify.repeat popup.spotify.anchor        \
             --set spotify.repeat "${spotify_repeat[@]}"           \
             --subscribe spotify.repeat mouse.clicked              \
                                                                   \
             --add item spotify.spacer popup.spotify.anchor        \
             --set spotify.spacer width=5                          \
                                                                   \
             --add bracket spotify.controls spotify.shuffle        \
                                            spotify.back           \
                                            spotify.play           \
                                            spotify.next           \
                                            spotify.repeat         \
             --set spotify.controls "${spotify_controls[@]}"
fi

# ────────────────────────────────────
# ▸ Trigger Initial Update
# ────────────────────────────────────

sketchybar --trigger spotify_init

---

Feel free to try it out and share feedback or improvements!

[jasoncyu]

I love it, it's amazing!

[tony-sn]

Hi, I have copied the whole scripts to my plugin/ and item/ folder then enable chmod +x for these scripts, but whenever I open my Spotify, I still cannot see any difference from my sketchybar: no spotify player at my sketchybar. Any note about what I am missing here?

[hajiboy95]

Hey @tony-sn ,
The current implementation Sets it to the middle of your menu bar. If you're using a MacBook it may hide behind the notch. :)
I'm order to change that you can change the --add item spotify.anchor center command to either left or right.

I hope it helps you.

Best regards

[amadrafi]

Aerospace Tri-Highlights

Highlights aerospace workspaces:

1. Current/Active workspace
2. Workspace with apps/window in it
3. Remaining workspaces

sketchybarrc

default=(
  icon.font="Hack Nerd Font:Bold:16.0"
  label.font="Hack Nerd Font:Bold:13.0"
  icon.color=0xffffffff
  label.color=0xffffffff
  icon.padding_left=8
  icon.padding_right=2
  label.padding_left=2
  label.padding_right=8
  label.align=center
  background.drawing=on
  background.color=0xff172121
  background.border_color=0xffffffff
  background.border_width=1
  background.corner_radius=8
  background.height=27
)
sketchybar --default "${default[@]}"
sketchybar --add event aerospace_workspace_change

# Create workspace items dynamically
WORKSPACES=$(aerospace list-workspaces --all)

# Array to store workspace items for bracket
WORKSPACE_ITEMS=()

for WORKSPACE in $WORKSPACES; do
  sketchybar --add item "space.$WORKSPACE" left \
             --set "space.$WORKSPACE" \
             label="$WORKSPACE" \
             label.align=center \
             label.width=dynamic \
             icon.padding_left=2 \
             icon.padding_right=2 \
             background.drawing=off \
             script="$CONFIG_DIR/plugins/aerospace.sh" \
             --subscribe "space.$WORKSPACE" aerospace_workspace_change
  
  # Add to workspace items array
  WORKSPACE_ITEMS+=("space.$WORKSPACE")
done

aerospace.sh

#!/usr/bin/env bash

# Use the environment variable passed by aerospace trigger, fallback to direct call
CURRENT=${FOCUSED_WORKSPACE:-$(aerospace list-workspaces --focused)}

# Extract workspace name from item name (space.WORKSPACE_NAME)
WORKSPACE_NAME=${NAME#space.}

# Check if this workspace has any windows
WINDOW_COUNT=$(aerospace list-windows --workspace "$WORKSPACE_NAME" 2>/dev/null | wc -l)

# Check if this workspace is the currently focused one
if [ "$WORKSPACE_NAME" = "$CURRENT" ]; then
    # This is the active workspace - highlight it with background
    sketchybar --set $NAME \
        label="$WORKSPACE_NAME" \
        label.color=0xffffffff \
        label.font.size=11 \
        background.drawing=on \
        background.color=0xff0F574F \
        background.corner_radius=4 \
        background.height=18 \
        background.border_width=0
elif [ "$WINDOW_COUNT" -gt 0 ]; then
    # This workspace has windows but is not active - show with darker background
    sketchybar --set $NAME \
        label="$WORKSPACE_NAME" \
        label.color=0xffffffff \
        label.font.size=11 \
        background.drawing=on \
        background.color=0xff09342F \
        background.corner_radius=4 \
        background.height=18 \
        background.border_width=0 \
        padding_left=3 \
        padding_right=3
else
    # This is an empty workspace - show as dimmed without background
    sketchybar --set $NAME \
        label="$WORKSPACE_NAME" \
        label.color=0x88ffffff \
        label.font.size=11 \
        background.drawing=off \
        padding_left=3 \
        padding_right=3
fi

[DarthImriel]

Audio Output Display

Displays a simple icon based on audio output device. Requires that you have SwitchAudio-OSX installed (brew install switchaudio-osx)
To modify for your output devices, use switchaudiosource -a for a list of all connected audio devices.

sketchybarrc

#!/bin/bash

sketchybar -m --add item audio right \
  --set audio \
  script="$PLUGIN_DIR/audio.sh" \
  --subscribe audio volume_change

audio.sh

#!/bin/bash
source "$HOME/.config/sketchybar/colors.sh"

audio_device="$(SwitchAudioSource -c)"
color="$WHITE"

if [[ "$audio_device" == *"AirPods Max"* ]]; then
  icon=""
elif [[ "$audio_device" == *"AirPods Pro"* ]]; then
  icon="󱡏"
elif [[ "$audio_device" == *"Speakers"* ]]; then
  icon="󰓃"
else
  icon=" 󱄡"
  color="$RED"
fi

sketchybar -m --set $NAME icon="$icon" icon.color="$color"

[DarthImriel]

Check for SecureInput being Enabled

Displays a warning alert if SecureInput is Enabled, which disables/overtakes global hotkey use. Main use would be for AeroSpace users, as if this is enabled, many hotkeys won't work (to move windows, spaces, or change focus). The alert displays the PID as well so that you can determine what app is causing it and you can decide if you want to close that app right away or deal with it until you are done with that app.

sketchybarrc

#!/bin/bash

sketchybar --add item sie left \
  --set sie update_freq=10 \
  script="$PLUGIN_DIR/secure_input.sh"

secure_input.sh

#!/bin/bash
source "$HOME/.config/sketchybar/colors.sh"

secure_input_enabled=$(ioreg -l -w 0 | grep SecureInput)
pid=$(echo "$secure_input_enabled" | sed -n 's/.*PID"=\([0-9]\{1,\}\).*/\1/p' | head -n 1)

if [ -n "$secure_input_enabled" ]; then
  COLOR="$RED"
  LABEL=" 󰀦  󰌓 $pid 󰌓  󰀦 "
else
  COLOR="$BLACK"
fi

sketchybar --set $NAME label="$LABEL" icon.color="$COLOR" label.color="$COLOR"