Customization Options for Channel Layout and UI Styling

[Devanger]

It would be great if you could redesign the channel layout system, as there is currently no way to modify their length. For me, they are simply too long, and the spacing between them is also unacceptable. As a result, the channel list becomes unnecessarily extended. Ideally, we should be able to adjust these settings in our templates or have options directly within TeamSpeak.

Additionally, it’s a pity that there’s no way to fully customize the appearance of individual layout elements. This would allow the community to create styles that best suit their preferences.

[ImScheinox]

I don’t quite understand your point, the channels are always as long as the width of your server tree? You should be able to adjust the spacing between the channels via a custom theme. It’s not always easy to find the right element.

If the length bothers you, there is otherwise the option to switch off channel backgrounds

[Devanger]

What I mean is that as you can see in the attached image the spacing between one channel and another is quite large.
There’s no way to modify it, not even through CSS, because the spacing is generated directly in the HTML structure.

[LeonMarcelHD]

You can use these changes in a theme to adjust the size of the channels.

@TraeF

  --channel-height: 24px !important;
  --tsv-padding-v-large: 2px !important;
  --tsv-padding-v: 2px !important;
  --tsv-padding-v-small: 2px !important;
  --tsv-padding-v-minimal: 2px !important;

---

You can fully modify the TeamSpeak interface:

Access DevTools to be able to create themes

In the Appearance tab, you’ll find the documentation about the extensions itself. You should read trough the documentation to understand what the package.json should contain. [image] Official theme documentation from the TeamSpeak Client JSON scheme to validate the package.json How to create the Extension? After you’ve created the extension folder with the package.json itself, you’ll add a CSS file to the folder. In there you can override code or add new code. You can add multiple version …

---

To get rid of the spacer gradient you can set a transparent PNG as a channel banner, this will override it.