mirror of
https://github.com/wez/wezterm.git
synced 2024-08-16 17:50:28 +03:00
docs: update tab bar styling example
This commit is contained in:
parent
4884f31762
commit
003f308275
@ -4,6 +4,55 @@ tags:
|
||||
---
|
||||
# `tab_bar_style`
|
||||
|
||||
This example changes the tab edges to the PowerLine arrow symbols:
|
||||
|
||||
![Demonstrating setting the styling of the left and right tab edges](../../../screenshots/wezterm-tab-edge-styled.png)
|
||||
|
||||
```lua
|
||||
local wezterm = require 'wezterm'
|
||||
|
||||
local config = wezterm.config_builder()
|
||||
|
||||
config.use_fancy_tab_bar = false
|
||||
|
||||
wezterm.on("format-tab-title", function(tab, tabs, panes, config, hover, max_width)
|
||||
-- The filled in variant of the < symbol
|
||||
local SOLID_LEFT_ARROW = wezterm.nerdfonts.pl_right_hard_divider
|
||||
|
||||
-- The filled in variant of the > symbol
|
||||
local SOLID_RIGHT_ARROW = wezterm.nerdfonts.pl_left_hard_divider
|
||||
local title = tab.active_pane.title
|
||||
if tab.tab_title and #tab.tab_title > 0 then
|
||||
title = tab.tab_title
|
||||
end
|
||||
if tab.is_active then
|
||||
return {
|
||||
{ Background = { Color = "#0b0022" } },
|
||||
{ Foreground = { Color = "#2b2042" } },
|
||||
{ Text = SOLID_LEFT_ARROW },
|
||||
{ Background = { Color = "#2b2042" } },
|
||||
{ Foreground = { Color = "#A9A6AC" } },
|
||||
{ Text = (tab.tab_index + 1) .. ": " .. title .. " " },
|
||||
{ Background = { Color = "#0b0022" } },
|
||||
{ Foreground = { Color = "#2b2042" } },
|
||||
{ Text = SOLID_RIGHT_ARROW },
|
||||
}
|
||||
else
|
||||
return {
|
||||
{ Background = { Color = "#0b0022" } },
|
||||
{ Foreground = { Color = "#1b1032" } },
|
||||
{ Text = SOLID_LEFT_ARROW },
|
||||
{ Background = { Color = "#1b1032" } },
|
||||
{ Foreground = { Color = "#66646C" } },
|
||||
{ Text = (tab.tab_index + 1) .. ": " .. title .. " " },
|
||||
{ Background = { Color = "#0b0022" } },
|
||||
{ Foreground = { Color = "#1b1032" } },
|
||||
{ Text = SOLID_RIGHT_ARROW },
|
||||
}
|
||||
end
|
||||
end)
|
||||
```
|
||||
|
||||
{{since('20210814-124438-54e29167')}}
|
||||
|
||||
`new_tab_left`, `new_tab_right`, `new_tab_hover_left`, `new_tab_hover_right`
|
||||
@ -37,45 +86,6 @@ The available elements are:
|
||||
* `new_tab_left`, `new_tab_right` - the left and right sides of the new tab `+` button
|
||||
* `new_tab_hover_left`, `new_tab_hover_right` - the left and right sides of the new tab `+` button in the hover state.
|
||||
|
||||
This example changes the tab edges to the PowerLine arrow symbols:
|
||||
|
||||
![Demonstrating setting the styling of the left and right tab edges](../../../screenshots/wezterm-tab-edge-styled.png)
|
||||
|
||||
```lua
|
||||
local wezterm = require 'wezterm'
|
||||
|
||||
local config = wezterm.config_builder()
|
||||
|
||||
-- The filled in variant of the < symbol
|
||||
local SOLID_LEFT_ARROW = wezterm.nerdfonts.pl_right_hard_divider
|
||||
|
||||
-- The filled in variant of the > symbol
|
||||
local SOLID_RIGHT_ARROW = wezterm.nerdfonts.pl_left_hard_divider
|
||||
|
||||
config.tab_bar_style = {
|
||||
active_tab_left = wezterm.format {
|
||||
{ Background = { Color = '#0b0022' } },
|
||||
{ Foreground = { Color = '#2b2042' } },
|
||||
{ Text = SOLID_LEFT_ARROW },
|
||||
},
|
||||
active_tab_right = wezterm.format {
|
||||
{ Background = { Color = '#0b0022' } },
|
||||
{ Foreground = { Color = '#2b2042' } },
|
||||
{ Text = SOLID_RIGHT_ARROW },
|
||||
},
|
||||
inactive_tab_left = wezterm.format {
|
||||
{ Background = { Color = '#0b0022' } },
|
||||
{ Foreground = { Color = '#1b1032' } },
|
||||
{ Text = SOLID_LEFT_ARROW },
|
||||
},
|
||||
inactive_tab_right = wezterm.format {
|
||||
{ Background = { Color = '#0b0022' } },
|
||||
{ Foreground = { Color = '#1b1032' } },
|
||||
{ Text = SOLID_RIGHT_ARROW },
|
||||
},
|
||||
}
|
||||
```
|
||||
|
||||
#### Retro Tab Bar with Integrated Window Management Buttons
|
||||
|
||||
{{since('20230408-112425-69ae8472')}}
|
||||
|
Loading…
Reference in New Issue
Block a user