Config Preview

What it shows

The preview reads the appearance settings in your config and draws an illustration of the result: the status bar's colors, position, and left and right text, the window list with the current window highlighted, and the pane border colors. It is a quick way to try a color scheme before putting it on a real terminal.

It understands the common settings, including status-style, status-left and status-right, status-position, window-status-format and window-status-current-format, pane-border-style, and pane-active-border-style, plus options like mouse, prefix, and base-index.

Step by step

1. Paste your config, or click Load Example to start from a sample.
2. Change colors or formats in the text and watch the illustration update.
3. Copy the settings you like into your own ~/.tmux.conf and reload it to see the real thing.

Style syntax in a minute

tmux styles are a list of settings separated by spaces or commas. fg= sets the text color and bg= the background. Colors can be names such as red or brightblue, colour0 to colour255 from the 256-color set, or hex values such as #1e1e2e. Words like bold, dim, italics, underscore, and reverse change the look, and adding no in front (nobold) turns one off.

• set -g status-style 'bg=#1e1e2e fg=#cdd6f4' gives the whole status bar a dark background and light text.
• setw -g window-status-current-style 'fg=#a6e3a1,bold' makes the current window's name green and bold.
• set -g pane-active-border-style 'fg=#89b4fa' colors the border around the active pane blue.
• Inside status-left and status-right, #[fg=red] changes the style for the text that follows it.

Limits

This is an approximation. Real results depend on your terminal app, its color scheme, and its font. Shell commands in formats, such as #(uptime), are not run, and values such as the session and window names are filled in with samples.