- Download the file with your desired flavour e.g.
catppuccin-mocha
(to be found in the release or after cloning the repository in themes/) - Copy it into your i3 or sway config directory (usually
~/.config/i3/
or~/.config/sway/
) - Follow the instructions for your WM
- 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
active_workspace $base $text $blue
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
}
}
- Include the file at the top of your
config
:
include catppuccin-mocha
- 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
.
- 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
Copyright © 2021-present Catppuccin Org