Increase server banner size and opacity with custom theme

TeamSpeak 6 Client Extensions
, , ,
1

Hello,

Is there a way to make the server banner more visible? I am commissioning a server banner for my new server, and I’m uploading a temporary one as a place holder so I can give them some better information. I tried uploading this reference image from a different post talking about banners:

but the image on screen is so opaque/shadowed I literally thought it wasn’t showing up. Here’s a reference of what I’m seeing:

image

I also swapped to the “light” appearance mode, and that was just as bad. Is this something that’s customizable/fixable? Thanks.

Increase channel icons size with custom theme
2

This should do the trick :slight_smile:

/* This will increase the height of the banner to show more content */
.ts-server-header .tsv-view-banner, .ts-account-settings-view .tsv-view-banner {
    --total-banner-height: 200px !important;
    /* DEFAULT: calc(var(--top-spacing) + var(--tsv-icon-size-xlarge) + 2 * var(--tsv-padding-v) + 3px) */
}

/* This will make the background image stand out more with less shadowing */
.tsv-view-background::after {
    opacity: 0.2 !important;
    /* DEFAULT: 0.9 */
}
3 Likes
3

Just want to confirm my understanding - This requires users to use a custom theme and it’s not something that can be done server-side on a self-hosted server correct?

4

Correct the user needs to download / enable the theme for it to look different.

4 Likes