refactor: render unfocused tabs with style from theme

This commit is contained in:
CJ van den Berg 2026-01-20 13:48:06 +01:00
parent 18f4d9cef3
commit 95cb63c42a
Signed by: neurocyte
GPG key ID: 8EB1E1BB660E3FB9

View file

@ -610,8 +610,14 @@ const Tab = struct {
const mode: Mode = if (btn.hover) .selected else if (active) .active else .inactive;
switch (mode) {
.selected => self.render_selected(&btn.plane, btn.opts.label, btn.hover, theme, active),
.active => self.render_active(&btn.plane, btn.opts.label, btn.hover, theme),
.inactive => self.render_inactive(&btn.plane, btn.opts.label, btn.hover, theme),
.active => if (self.is_focused())
self.render_active(&btn.plane, btn.opts.label, btn.hover, theme)
else
self.render_unfocused_active(&btn.plane, btn.opts.label, btn.hover, theme),
.inactive => if (self.is_focused())
self.render_inactive(&btn.plane, btn.opts.label, btn.hover, theme)
else
self.render_unfocused_inactive(&btn.plane, btn.opts.label, btn.hover, theme),
}
}
return false;
@ -733,6 +739,72 @@ const Tab = struct {
plane.home();
}
fn render_unfocused_active(self: *@This(), plane: *Plane, label: []const u8, hover: bool, theme: *const Widget.Theme) void {
plane.set_base_style(theme.editor);
plane.erase();
plane.home();
plane.set_style(.{
.fg = self.tab_style.inactive_fg.from_theme(theme),
.bg = self.tab_style.inactive_bg.from_theme(theme),
});
plane.fill(" ");
plane.home();
plane.set_style(.{
.fg = self.tab_style.active_fg.from_theme(theme),
.bg = self.tab_style.active_bg.from_theme(theme),
});
plane.fill(" ");
plane.home();
plane.set_style(.{
.fg = self.tab_style.active_left_fg.from_theme(theme),
.bg = self.tab_style.active_left_bg.from_theme(theme),
});
_ = plane.putstr(self.tab_style.unfocused_active_left) catch {};
plane.set_style(.{
.fg = self.tab_style.unfocused_active_fg.from_theme(theme),
.bg = self.tab_style.active_bg.from_theme(theme),
});
self.render_content(plane, label, hover, self.tab_style.unfocused_active_fg.from_theme(theme), theme);
plane.set_style(.{
.fg = self.tab_style.active_right_fg.from_theme(theme),
.bg = self.tab_style.active_right_bg.from_theme(theme),
});
_ = plane.putstr(self.tab_style.unfocused_active_right) catch {};
}
fn render_unfocused_inactive(self: *@This(), plane: *Plane, label: []const u8, hover: bool, theme: *const Widget.Theme) void {
plane.set_base_style(theme.editor);
plane.erase();
plane.home();
plane.set_style(.{
.fg = self.tab_style.inactive_fg.from_theme(theme),
.bg = self.tab_style.inactive_bg.from_theme(theme),
});
plane.fill(" ");
plane.home();
plane.set_style(.{
.fg = self.tab_style.inactive_left_fg.from_theme(theme),
.bg = self.tab_style.inactive_left_bg.from_theme(theme),
});
_ = plane.putstr(self.tab_style.unfocused_inactive_left) catch {};
plane.set_style(.{
.fg = self.tab_style.inactive_fg.from_theme(theme),
.bg = self.tab_style.inactive_bg.from_theme(theme),
});
self.render_content(plane, label, hover, self.tab_style.unfocused_inactive_fg.from_theme(theme), theme);
plane.set_style(.{
.fg = self.tab_style.inactive_right_fg.from_theme(theme),
.bg = self.tab_style.inactive_right_bg.from_theme(theme),
});
_ = plane.putstr(self.tab_style.unfocused_inactive_right) catch {};
}
fn render_content(self: *@This(), plane: *Plane, label: []const u8, hover: bool, fg: ?Widget.Theme.Color, theme: *const Widget.Theme) void {
const buffer_manager = tui.get_buffer_manager() orelse @panic("tabs no buffer manager");
const buffer_ = buffer_manager.buffer_from_ref(self.buffer_ref);