Skip to content

Sketchybar

Sketchybar is a highly customizable status bar for macOS. Configured in Lua with a floating pill-style design.

Figma-inspired floating pill bar.

SettingValue
Height36px
Corner radius12px
Blur radius20
Border2px (blue)
Margin12px
Y offset8px
BackgroundCatppuccin Mocha mantle (#181825, 94% opacity)
~/.config/sketchybar/
├── sketchybarrc # Entry point (Lua shebang)
├── init.lua # sbar module initialization
├── bar.lua # Bar configuration
├── default.lua # Default item style
├── settings.lua # Font, padding settings
├── colors.lua # Color definitions (→ theme symlink)
├── icons.lua # SF Symbols / Nerd Font icons
├── items/
│ ├── init.lua # Item loader
│ ├── apple.lua # Apple menu
│ ├── spaces.lua # Workspace indicator
│ ├── front_app.lua # Active app name
│ ├── calendar.lua # Date and time
│ ├── media.lua # Media playback info
│ ├── spotify.lua # Spotify playback info
│ ├── menus.lua # Menu display
│ └── widgets/ # CPU, battery, etc.
├── plugins/ # Event handler scripts
├── helpers/ # Font helper binaries
└── themes/ # Theme color files
└── catppuccin.lua # Catppuccin Mocha palette

Catppuccin Mocha color scheme.

NameColorUsage
black#1e1e2eBackground
white#cdd6f4Text
red#f38ba8Error, alert
green#a6e3a1Success
blue#89b4faAccent, border
yellow#f9e2afWarning
orange#fab387Highlight
magenta#cba6f7Purple accent
grey#6c7086Inactive
SettingValue
Icon setSF Symbols
FontSF Pro / SF Mono (default)
Paddings3px
Group paddings5px

JetBrainsMono Nerd Font can be enabled by uncommenting the config in settings.lua.

Apple logo on the left. Click for popup menu.

AeroSpace workspace numbers. Active workspace is highlighted.

Shows the currently active application name.

Date and time display.

Currently playing track and artist.

CPU usage, battery level, and other system info.

colors.lua is a symlink to a theme file in themes/. Running theme-switch changes the symlink target and restarts Sketchybar.