Skip to content

AikoMidori/TeamSpeak-5-Dark

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 

Repository files navigation

Windows 11 inspired TeamSpeak 5 skin

Instructions

Installation

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.

Customization

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 */


Modifications

css

Default TS5 Background

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 */

Custom Background

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 */

Chat Background

--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 */

Chat Background Blur

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 */

Credits

  • Shiina
  • TeamSpeak
  • TS Community
  • Artwork Authors

Contact

You can reach me on discord or send me a mssg on github.

  • Shiina♪#0001 - Discord
  • Github - AikoMidori