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.

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 */
}
2 Likes