Coder Social home page Coder Social logo

tmux-theme's Introduction

Logo
Catppuccin for Tmux

Content

  1. Themes
  2. Installation
  3. Overview
  4. Configuration options
    1. Window
    2. Window default
    3. Window current
    4. Status
    5. Pane
    6. Customizing modules
    7. Battery module
    8. CPU module
    9. Weather module
  5. Create a custom module
  6. Configuration Examples
    1. Config 1
    2. Config 2
    3. Config 3

Themes

Installation

In order to have the icons displayed correctly please use / update your favorite patched font. If you do not have a patched font installed, you can override or remove any icon. Check the documentation bellow on the options available.

TPM

  1. Install TPM
  2. Add the Catppuccin plugin:
set -g @plugin 'catppuccin/tmux'
# ...alongside
set -g @plugin 'tmux-plugins/tpm'
  1. (Optional) Set your preferred flavour, it defaults to "mocha":
set -g @catppuccin_flavour 'latte' # or frappe, macchiato, mocha

Manual

  1. Copy your desired theme's configuration contents into your Tmux config (usually stored at ~/.tmux.conf)
  2. Reload Tmux by either restarting the session or reloading it with tmux source-file ~/.tmux.conf

Overview

Default This is a diagram on how the theme is split between it's components.

Configuration options

All flavours support certain levels of customization that match our Catppuccin Style Guide. To add these customizations, add any of the following options to your Tmux configuration.

Window

Set the window left separator:

set -g @catppuccin_window_left_separator "β–ˆ"

Set the window middle separator:

set -g @catppuccin_window_middle_separator "β–ˆ"

Set the window right separator:

set -g @catppuccin_window_right_separator "β–ˆ"

Position the number:

set -g @catppuccin_window_number_position "left"

Values:

  • left - the number will be on the left part of the window
  • right - the number will be on the right part of the window

Enable window status:

set -g @catppuccin_window_status_enable "yes"

Values:

  • yes - this will enable the window status part
  • no - this will disable the window status part

Enable window status icons instead of text:

set -g @catppuccin_window_status_icon_enable "yes"

Values:

  • yes - this will replace the windows status text with icons
  • no - this will keep the windows status in text format

Override windows status icons

set -g @catppuccin_icon_window_last "σ°–°"
set -g @catppuccin_icon_window_current "σ°–―"
set -g @catppuccin_icon_window_zoom "󰁌"
set -g @catppuccin_icon_window_mark "󰃀"
set -g @catppuccin_icon_window_silent "σ°‚›"
set -g @catppuccin_icon_window_activity "σ°–²"
set -g @catppuccin_icon_window_bell "σ°‚ž"

Window default

Set the window default color fill:

set -g @catppuccin_window_default_fill "number"

Values:

  • number - only the number of the window part will have color
  • all - the entire window part will have the same color
  • none - the entire window part will have no color

Override the window default colors:

set -g @catppuccin_window_default_text "color" # text color
set -g @catppuccin_window_default_background "color"

Values:

  • color - a hexadecimal color value

Override the window default text:

set -g @catppuccin_window_default_text "#{b:pane_current_path}" # use "#W" for application instead of directory

Window current

Set the window current color fill:

set -g @catppuccin_window_current_fill "number"

Values:

  • number - only the number of the window part will have color
  • all - the entire window part will have the same color
  • none - the entire window part will have no color

Override the window current colors:

set -g @catppuccin_window_current_color "color" # text color
set -g @catppuccin_window_current_background "color"

Values:

  • color - a hexadecimal color value

Override the window current text:

set -g @catppuccin_window_current_text "#{b:pane_current_path}" # use "#W" for application instead of directory

Set the current directory format

set -g @catppuccin_window_current_format_directory_text "#{b:pane_current_path}"

Use this to overide the way the current directory is displayed.

Set the directory format

set -g @catppuccin_window_format_directory_text "#{b:pane_current_path}"

Use this to overide the way the directory is displayed.

Pane

Set the pane border style:

set -g @catppuccin_pane_border_style "fg=blue" # Use a value compatible with the standard tmux 'pane-border-style'

Set the pane active border style:

set -g @catppuccin_pane_active_border_style "fg=red" # Use a value compatible with the standard tmux 'pane-border-active-style'

Status

Set the status module left separator:

set -g @catppuccin_status_left_separator "ξ‚Ά"

Set the status module right separator:

set -g @catppuccin_status_right_separator "β–ˆ"

Set the status module right separator inverse:

set -g @catppuccin_status_right_separator_inverse "no"

Values:

  • yes - the colors will be inverted for the right separator
  • no - the colors will not be inverted for the right separator

Set the status connect separator:

set -g @catppuccin_status_connect_separator "yes"

Values:

  • yes - the background color of the separator will not blend in with the brackground color of tmux
  • no - the background color of the separator will blend in with the brackground color of tmux

Set the status module color fill:

set -g @catppuccin_status_fill "icon"

Values:

  • icon - only the icon of the module will have color
  • all - the entire module will have the same color

Pane

tmux_orange="#fab387"
set -g @catppuccin_pane_status_enabled "yes"
set -g @catppuccin_pane_border_status "top"
set -g @catppuccin_pane_left_separator "ξ‚Ά"
set -g @catppuccin_pane_right_separator "ξ‚΄"
set -g @catppuccin_pane_middle_separator "β–ˆ "
set -g @catppuccin_pane_number_position "left"
set -g @catppuccin_pane_default_fill "number"
set -g @catppuccin_pane_default_text "#{b:pane_current_path}"
set -g @catppuccin_pane_border_style "fg=$tmux_orange"
set -g @catppuccin_pane_active_border_style "fg=$tmux_orange"
set -g @catppuccin_pane_color "$tmux_orange"
set -g @catppuccin_pane_background_color "$tmux_orange"

Set the module list

set -g @catppuccin_status_modules_right "application session"
set -g @catppuccin_status_modules_left ""

Provide a list of modules and the order in which you want them to appear in the status.

Available modules:

  • application - display the current window running application
  • directory - display the basename of the current window path
  • session - display the number of tmux sessions running
  • user - display the username
  • host - display the hostname
  • date_time - display the date and time
  • battery - display the battery

Customizing modules

Every module (except the module "session") supports the following overrides:

Override the specific module icon

set -g @catppuccin_[module_name]_icon "icon"

Override the specific module color

set -g @catppuccin_[module_name]_color "color"

Override the specific module text

set -g @catppuccin_[module_name]_text "text"

Removing a specific module option

set -g @catppuccin_[module_name]_[option] "null"

This is for the situation where you want to remove the icon from a module. Ex:

set -g @catppuccin_date_time_icon "null"

Battery module

Requirements

This module depends on tmux-battery.

Install

The prefered way to install tmux-battery is using TPM.

Configure

Load tmux-battery after you load catppuccin.

set -g @plugin 'catppuccin/tmux'
...
set -g @plugin 'tmux-plugins/tmux-battery'

Add the battery module to the status modules list.

set -g @catppuccin_status_modules_right "... battery ..."

CPU module

Requirements

This module depends on tmux-cpu.

Install

The prefered way to install tmux-cpu is using TPM.

Configure

Load tmux-cpu after you load catppuccin.

set -g @plugin 'catppuccin/tmux'
...
set -g @plugin 'tmux-plugins/tmux-cpu'

Add the cpu module to the status modules list.

set -g @catppuccin_status_modules_right "... cpu ..."

Weather module

Requirements

This module depends on tmux-weather.

Install

The prefered way to install tmux-cpu is using TPM.

Configure

Load tmux-weather after you load catppuccin.

set -g @plugin 'catppuccin/tmux'
...
set -g @plugin 'xamut/tmux-weather'

Add the weather module to the status modules list.

set -g @catppuccin_status_modules_right "... weather ..."

Create a custom module

It is possible to add a new custom module or overrite any of the existing modules.

Look into custom/README.md for more details.

Any file added to the custom folder will be preserved when updating catppuccin.

Configuration Examples

Below are provided a few configurations as examples or starting points.

Note: When switching between configurations run:

tmux kill-server

In order to kill the tmux server and clear all global variables.

Config 1

Default

set -g @catppuccin_window_right_separator "β–ˆΒ "
set -g @catppuccin_window_number_position "right"
set -g @catppuccin_window_middle_separator " | "

set -g @catppuccin_window_default_fill "none"

set -g @catppuccin_window_current_fill "all"

set -g @catppuccin_status_modules_right "application session user host date_time"
set -g @catppuccin_status_left_separator "β–ˆ"
set -g @catppuccin_status_right_separator "β–ˆ"

set -g @catppuccin_date_time_text "%Y-%m-%d %H:%M:%S"

Config 2

Default

set -g @catppuccin_window_left_separator "ξ‚Ίβ–ˆ"
set -g @catppuccin_window_right_separator "β–ˆξ‚ΌΒ "
set -g @catppuccin_window_number_position "right"
set -g @catppuccin_window_middle_separator "  ξ‚Ίβ–ˆ"

set -g @catppuccin_window_default_fill "number"

set -g @catppuccin_window_current_fill "number"
set -g @catppuccin_window_current_text "#{pane_current_path}"

set -g @catppuccin_status_modules_right "application session date_time"
set -g @catppuccin_status_left_separator  "ξ‚Ά"
set -g @catppuccin_status_right_separator " ξ‚Ά"
set -g @catppuccin_status_right_separator_inverse "yes"
set -g @catppuccin_status_fill "all"
set -g @catppuccin_status_connect_separator "no"

Config 3

Default

set -g @catppuccin_window_left_separator "ξ‚Ά"
set -g @catppuccin_window_right_separator "ξ‚΄Β "
set -g @catppuccin_window_middle_separator " β–ˆ"
set -g @catppuccin_window_number_position "right"

set -g @catppuccin_window_default_fill "number"
set -g @catppuccin_window_default_text "#W"

set -g @catppuccin_window_current_fill "number"
set -g @catppuccin_window_current_text "#W"

set -g @catppuccin_status_modules_right "directory user host session"
set -g @catppuccin_status_left_separator  " ξ‚Ά"
set -g @catppuccin_status_right_separator "ξ‚΄"
set -g @catppuccin_status_right_separator_inverse "no"
set -g @catppuccin_status_fill "icon"
set -g @catppuccin_status_connect_separator "no"

set -g @catppuccin_directory_text "#{pane_current_path}"

πŸ’ Thanks to

Β 

Copyright Β© 2021-present Catppuccin Org

tmux-theme's People

Contributors

89iuv avatar pocco81 avatar dk0d avatar rogeruiz avatar parkerkain-8451 avatar em1lt avatar veejaypl avatar vdbe avatar thezacharytaylor avatar vinnya3 avatar nekowinston avatar lowstar avatar stasjok avatar peterkracik avatar qadzek avatar ervinpopescu avatar aszalowski avatar abonnaudet-ledger avatar sbehnke avatar lokesh-krishna avatar jtr860830 avatar ethanholz avatar realeinherjar avatar edman avatar deepanchal avatar bluefalconhd avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.