Catppuccin Mocha: Why I Theme Everything the Same Color

Why One Palette Everywhere?

#

Most developers pick a theme for their editor and call it a day. Their terminal is one color, their editor another, their tmux status bar a third, and their Git diffs something else entirely. Every time they switch contexts, their brain spends a fraction of a second recalibrating.

That friction adds up. When red means error in every single tool (terminal output, editor diagnostics, Git diffs, monitoring dashboards), you process information faster because your visual vocabulary is consistent.

The Palette

#

Catppuccin is a community-driven pastel theme with four flavor variants. I use Mocha, the darkest flavor, across everything.

Base Colors

#

Base, Surface0, Surface1: the foundation. Deep blues that are easy on the eyes during long sessions.

Accent Colors

#

Blue (info/links), Red (errors/deletions), Green (success/additions): these carry semantic meaning across every tool.

Warm Accents

#

Peach (warnings), Yellow (highlights), Mauve (keywords): used for syntax highlighting and UI accents.

Where I Use It

#

Every tool in my daily workflow runs Catppuccin Mocha:

Configuration Snippets

#

Here’s how I set up Catppuccin Mocha in each tool:

# ~/.config/ghostty/config
theme = catppuccin-mocha
background-opacity = 0.75
background-blur-radius = 20

-- LazyVim extra or manual plugin
{ "catppuccin/nvim",
  name = "catppuccin",
  opts = {
    flavour = "mocha",
    transparent_background = true,
    integrations = {
      treesitter = true,
      telescope = { enabled = true },
      which_key = true,
    },
  },
}

# ~/.config/tmux/tmux.conf
set -g @plugin 'catppuccin/tmux'
set -g @catppuccin_flavor 'mocha'
set -g @catppuccin_window_status_style "rounded"

# ~/.zshrc
export FZF_DEFAULT_OPTS=" \
--color=bg+:#313244,bg:#1e1e2e,spinner:#f5e0dc \
--color=hl:#f38ba8,fg:#cdd6f4,header:#f38ba8 \
--color=info:#cba6f7,pointer:#f5e0dc,marker:#f5e0dc \
--color=fg+:#cdd6f4,prompt:#cba6f7,hl+:#f38ba8"

# ~/.gitconfig
[delta]
    syntax-theme = Catppuccin Mocha
    minus-style = syntax "#3B1219"
    plus-style = syntax "#1C3A2D"

The Cognitive Load Argument

#

When I jump from reading a Git diff (red = deleted, green = added) to my editor (red = error diagnostic, green = test passing) to my terminal output (red = failed command, green = success), my brain doesn’t skip a beat. The color semantics are identical.

This is the same principle behind why airports, hospitals, and road signs use standardized color systems. Consistency reduces cognitive overhead.

The Full Color Reference

#

For anyone wanting to replicate this setup, here are the key Catppuccin Mocha values I use most:

Getting Started

#

If you want to try Catppuccin Mocha yourself, the project has ports for 300+ apps. Start with your terminal emulator and editor, then expand from there.

catppuccin/catppuccin

😸 Soothing pastel theme for the high-spirited!

TypeScript

19457

350

For my complete configuration files including all the snippets above, check out my dotfiles:

nickboy/dotfiles

Dotfiles

Shell

0

0