Catppuccin for i3 & sway

Previews

🌻 Latte

🪴 Frappé

🌺 Macchiato

🌿 Mocha

Usage

1. Download the file with your desired flavour e.g. catppuccin-mocha (to be found in the release or after cloning the repository in themes/)
2. Copy it into your i3 or sway config directory (usually ~/.config/i3/ or ~/.config/sway/)
3. Follow the instructions for your WM
4. When editing the config, use the name of the colour such as $base.

# target                 title     bg    text   indicator  border
client.focused           $lavender $base $text  $rosewater $lavender
client.focused_inactive  $overlay0 $base $text  $rosewater $overlay0
client.unfocused         $overlay0 $base $text  $rosewater $overlay0
client.urgent            $peach    $base $peach $overlay0  $peach
client.placeholder       $overlay0 $base $text  $overlay0  $overlay0
client.background        $base

# bar
bar {
  colors {
    background         $base
    statusline         $text
    focused_statusline $text
    focused_separator  $base
    focused_workspace  $base $base $green
    active_workspace   $base $base $blue
    inactive_workspace $base $base $surface1
    urgent_workspace   $base $base $surface1
    binding_mode       $base $base $surface1
  }
}

Sway

• Include the file at the top of your config:

include catppuccin-mocha

i3

• Due to a limitation in i3, you cannot use variables from imported files in the top-level config.
• As a workaround, you may create another file to set the colors by importing them, and import in config.

🙋 FAQ

• Q: "Sway/i3 doesn't work with the colors"
  A: Make sure you included the file in the right place and you are using $color

💝 Thanks to

• rubyowo

 

Copyright © 2021-present Catppuccin Org