Download the file as zip from github and extract the folder to:
%AppData%/TeamSpeak/Default/extensions
When that's done, open the TeamSpeak 5 client and navigate to
Settings > Appearance
and enable User Theme and select the skin you want to use.
The skin supports modifications and customization within the .css
theme file.
example: lightgreen.css
Needless to say that this is not easy for everyone to understand and so I will do my best to explain the best I can to help you understand editing the file.
First things first, you're going to need a IDE to open the files with. I recommend notepad++
for starters or microsoft studio code
for more experienced users. Once downloaded, open the file with the selected program and scroll down or use ctrl+f in the IDE to search for the section:
/ modifications /
This is the default TeamSpeak client background, it has been turned off because we are using another image.
--defaultbg: none !important; /* default background img */
If you want to turn it on, please turn off the custombg first.
Change none
to flex
--defaultbg: flex !important; /* default background img */
This is the image used for client background.
--custombg: url(./girl_green.png) !important; /* custom background img */
If you want to turn it off, simply add /*
at the start of the line.
/* --custombg: url(./girl_green.png) !important; /* custom background img */
--customchatbg: flex !important; /* chat custom background img */
This is the image used for the chat background, if you want to turn it off, simply change flex
to none
--customchatbg: none !important; /* chat custom background img */
This option blurs the image of the chat background. The higher the number, the higher the blur.
--imageblur: blur(50px) !important; /* blur the chat custom background img */
You can reach me on discord or send me a mssg on github.