fixing status bar colors

[AnirudhG07]

What system are you running Yazi on?

macOS

What terminal are you running Yazi in?

Ghostty

yazi --debug output

Yazi
    Version: 25.4.8 (a29dbb9f 2025-04-22)
    Debug  : false
    Triple : aarch64-apple-darwin (macos-aarch64)
    Rustc  : 1.86.0 (05f9846f 2025-03-31)

Ya
    Version: 25.4.8 (a29dbb9f 2025-04-22)

Emulator
    TERM                : Some("xterm-ghostty")
    TERM_PROGRAM        : Some("ghostty")
    TERM_PROGRAM_VERSION: Some("1.1.4-main+7ef9c24e")
    Brand.from_env      : Some(Ghostty)
    Emulator.detect     : Emulator { kind: Left(Ghostty), light: false, csi_16t: (17, 36), force_16t: false }

Adapter
    Adapter.matches    : Kgp
    Dimension.available: Dimension { rows: 44, columns: 166, width: 2824, height: 1618 }

Desktop
    XDG_SESSION_TYPE           : None
    WAYLAND_DISPLAY            : None
    DISPLAY                    : Some("/private/tmp/com.apple.launchd.fIEIkUiZTK/org.macports:0")
    SWAYSOCK                   : None
    HYPRLAND_INSTANCE_SIGNATURE: None
    WAYFIRE_SOCKET             : None

SSH
    shared.in_ssh_connection: false

WSL
    WSL: false

Variables
    SHELL           : Some("/bin/zsh")
    EDITOR          : Some("nvim")
    VISUAL          : Some("nvim")
    YAZI_FILE_ONE   : None
    YAZI_CONFIG_HOME: Some("/Users/anirudhgupta/dotfiles/yazi/.config/yazi")
    YAZI_ZOXIDE_OPTS: None
    FZF_DEFAULT_OPTS: None

Text Opener
    default     : Some(OpenerRule { run: "${EDITOR:=vi} \"$@\"", block: true, orphan: false, desc: "$EDITOR", for_: None, spread: true })
    block-create: Some(OpenerRule { run: "${EDITOR:=vi} \"$@\"", block: true, orphan: false, desc: "$EDITOR", for_: None, spread: true })
    block-rename: Some(OpenerRule { run: "${EDITOR:=vi} \"$@\"", block: true, orphan: false, desc: "$EDITOR", for_: None, spread: true })

Multiplexers
    TMUX               : false
    tmux version       : tmux 3.5a
    tmux build flags   : enable-sixel=Unknown
    ZELLIJ_SESSION_NAME: None
    Zellij version     : No such file or directory (os error 2)

Dependencies
    file          : 5.41
    ueberzugpp    : 2.9.6
    ffmpeg/ffprobe: 7.1 / 7.1
    pdftoppm      : 25.03.0
    magick        : 7.1.1-44
    fzf           : 0.60.2
    fd/fdfind     : 10.2.0 / No such file or directory (os error 2)
    rg            : 14.1.1
    chafa         : 1.14.5
    zoxide        : 0.9.7
    7zz/7z        : 24.09 / No such file or directory (os error 2)
    resvg         : No such file or directory (os error 2)
    jq            : 1.6

Clipboard
    wl-copy/paste: No such file or directory (os error 2) / No such file or directory (os error 2)
    xclip        : No such file or directory (os error 2)
    xsel         : No such file or directory (os error 2)

Routine
    `file -bL --mime-type`: text/plain


See https://yazi-rs.github.io/docs/plugins/overview#debugging on how to enable logging or debug runtime errors.

Describe the question

I want to make this color a bit darker, like more visible. I am using catpuccha-mocha flavor. No self edits.
Here is my configs. Please share on how to change it.

Anything else?

No response

Checklist

• I have read all the documentation
• I have searched the existing discussions/issues

[boydaihungst]

Change fg color of MODE_main in your theme.toml or flavor:
MODE = normal, select or unset.
MODE_main only affects mode (on the left) and position (on the right)

[mode]
normal_main = { bg = "blue", bold = true }

# Select mode
select_main = { bg = "red", bold = true }

# Unset mode
unset_main = { bg = "red", bold = true }

yazi/yazi-config/preset/theme-dark.toml

Lines 64 to 73 in 9e9ebf0

	normal_main = { bg = "blue", bold = true }
	normal_alt = { fg = "blue", bg = "gray" }
	# Select mode
	select_main = { bg = "red", bold = true }
	select_alt = { fg = "red", bg = "gray" }
	# Unset mode
	unset_main = { bg = "red", bold = true }
	unset_alt = { fg = "red", bg = "gray" }

Or copy this function into yazi/init.lua and modify the fg color: :fg(style.main.bg)

yazi/yazi-plugin/preset/components/status.lua

Lines 43 to 45 in 9e9ebf0

	ui.Span(th.status.sep_left.open):fg(style.main.bg):bg("reset"),
	ui.Span(" " .. mode .. " "):style(style.main),
	ui.Span(th.status.sep_left.close):fg(style.main.bg):bg(style.alt.bg),

yazi/yazi-plugin/preset/components/status.lua

Lines 127 to 129 in 9e9ebf0

	ui.Span(th.status.sep_right.open):fg(style.main.bg):bg(style.alt.bg),
	ui.Span(string.format(" %2d/%-2d ", math.min(cursor + 1, length), length)):style(style.main),
	ui.Span(th.status.sep_right.close):fg(style.main.bg):bg("reset"),

[boydaihungst]

For the size and percent, you have to change MODE_alt.

Or: copy these functions into yazi/init.lua, change :style(style.alt) to :style(style.alt):fg("COLOR"):

yazi/yazi-plugin/preset/components/status.lua

Lines 98 to 119 in 9e9ebf0

	function Status:percent()
	local percent = 0
	local cursor = self._current.cursor
	local length = #self._current.files
	if cursor ~= 0 and length ~= 0 then
	percent = math.floor((cursor + 1) * 100 / length)
	end
	if percent == 0 then
	percent = " Top "
	elseif percent == 100 then
	percent = " Bot "
	else
	percent = string.format(" %2d%% ", percent)
	end
	local style = self:style()
	return ui.Line {
	ui.Span(" " .. th.status.sep_right.open):fg(style.alt.bg),
	ui.Span(percent):style(style.alt),
	}
	end

yazi/yazi-plugin/preset/components/status.lua

Lines 49 to 58 in 9e9ebf0

	function Status:size()
	local h = self._current.hovered
	local size = h and (h:size() or h.cha.len) or 0
	local style = self:style()
	return ui.Line {
	ui.Span(" " .. ya.readable_size(size) .. " "):style(style.alt),
	ui.Span(th.status.sep_left.close):fg(style.alt.bg),
	}
	end

[AnirudhG07]

Turns out, the default yazi configs were giving the appropriate colors. I had a lot of it copied in my theme.toml. So I delete all of it, only kept 1-2 things which I had personally changed like theme as catppuccin-mocha, etc. and the colors automatically got fixed.

[AnirudhG07]

I didnt test out the solution you gave. But still THANKS!