[Feature Request] Kitty like tabs style (or more tabs style allow to config)

[ttys3]

I made some custom css, now it looks slim:

/*
debug: env GTK_DEBUG=interactive ghostty
https://docs.gtk.org/gtk4/css-overview.html
https://docs.gtk.org/gtk4/css-properties.html
*/

headerbar {
  margin: 0;
  padding: 0;
  min-height: 20px;
}

tabbar tabbox {
  margin: 0;
  padding: 0;
  min-height: 10px;
  background-color: #1a1a1a;
  font-family: monospace;
}

tabbar tabbox tab {
  margin: 0;
  padding: 0;
  color: #9ca3af;
  border-right: 1px solid #374151;
}

tabbar tabbox tab:selected {
  background-color: #2d2d2d;
  color: #ffffff;
}

tabbar tabbox tab label {
  font-size: 13px;
}

in order to style the tabs, we may need to use custom tab, instead of using GTK default ?

---

related issue: #3297

[mitchellh]

Rejected. This is exactly what GTK CSS is for.

[ttys3]

Decentralized configuration will be very inconvenient for configuration sharing among Ghostty users.

[ttys3]

or, we can make the default tab style more compact, at least, allow users to choose compact style or non-compact style.

currently, the default tabs are too fat

[mitchellh]

Aren’t the heights standard GTK/Adw components?

I think a config to inject CSS into the Ghostty process would also be fine.

[ttys3]

Aren’t the heights standard GTK/Adw components?

I think a config to inject CSS into the Ghostty process would also be fine.

So, have you agreed on the idea of loading custom CSS through the config file? Do we need to create a new discussion for that?

[jcollie]

I think a config to inject CSS into the Ghostty process would also be fine.

So, have you agreed on the idea of loading custom CSS through the config file? Do we need to create a new discussion for that?

#4088