Helix

<h3 align="center"> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png" width="100" alt="Logo"/><br/> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/> Catppuccin for <a href="https://github.com/helix-editor/helix">Helix</a> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/> </h3> <p align="center"> <a href="https://github.com/catppuccin/helix/stargazers"><img src="https://img.shields.io/github/stars/catppuccin/helix?colorA=363a4f&colorB=b7bdf8&style=for-the-badge"></a> <a href="https://github.com/catppuccin/helix/issues"><img src="https://img.shields.io/github/issues/catppuccin/helix?colorA=363a4f&colorB=f5a97f&style=for-the-badge"></a> <a href="https://github.com/catppuccin/helix/contributors"><img src="https://img.shields.io/github/contributors/catppuccin/helix?colorA=363a4f&colorB=a6da95&style=for-the-badge"></a> </p> <p align="center"> <img src="assets/preview.webp"/> </p>

Previews

<details> <summary>🌻 Latte</summary> <img src="assets/latte.webp"/> </details> <details> <summary>🪴 Frappé</summary> <img src="assets/frappe.webp"/> </details> <details> <summary>🌺 Macchiato</summary> <img src="assets/macchiato.webp"/> </details> <details> <summary>🌿 Mocha</summary> <img src="assets/mocha.webp"/> </details>

Usage

1. Helix itself includes the default variant of the theme. For other variants, copy the contents of the themes/... folder into $HOME/.config/helix/themes/ to overwrite.
2. Choose a palette (latte, frappe, macchiato, mocha) and add theme = "catppuccin_(palette)" to your config.toml
3. (Optional) modify your $HOME/.config/helix/config.toml to activate features:

   [editor]
   line-number = "relative"
   cursorline = true
   color-modes = true
   
   [editor.cursor-shape]
   insert = "bar"
   normal = "block"
   select = "underline"
   
   [editor.indent-guides]
   render = true
   

Customizations

You can customize the themes by inheriting your preferred flavor and applying your own modifications. For example, to create a pure black theme based on catppuccin_mocha, create a new file in $HOME/.config/helix/themes/ with the following content:

inherits = "catppuccin_mocha"

[palette]
base = "#000000"
mantle = "#010101"
crust = "#020202"

FAQ

The theme isn't loading or working properly

Make sure the theme is in the correct directory and the theme field in your config.toml is set correctly.

If the theme is still not working, it may be due to true color support. Make sure your terminal emulator supports true color and is configured correctly. If you are certain that your terminal emulator supports true color, then you can try overriding Helix's true color detection in your config file as follows:

[editor]
true-color = true

If you still can't get the theme to work, please open an issue!

Building the themes

Catppuccin for Helix uses Whiskers.

Modify the themes by editing helix.tera, then run whiskers helix.tera (or just build).

💝 Thanks to

• ohxxm

 

<p align="center"> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true" /> </p> <p align="center"> Copyright &copy; 2021-present <a href="https://github.com/catppuccin" target="_blank">Catppuccin Org</a> </p> <p align="center"> <a href="https://github.com/catppuccin/catppuccin/blob/main/LICENSE"><img src="https://img.shields.io/static/v1.svg?style=for-the-badge&label=License&message=MIT&logoColor=d9e0ee&colorA=363a4f&colorB=b7bdf8"/></a> </p>