[TS5] [Theme Pack] Anime Theme for TeamSpeak 5

This little Theme Pack contains:

- changed backgrounds behind the Channels
- changed accent colors to fit to the background
(- with chat bubbles)
- changed the favorite icon

image




Some Examples:



Ichigo Shikai Theme

Anime: Bleach



Tsunade

Anime: Naruto



Morgania

Anime: Magi



Kenma

Anime: Haikyuu



Aizen Third Fusion

Anime: Bleach



Black Asta

Anime: Black Clover



Madara

Anime: Naruto



Rem

Anime: RE:Zero



One Punch Man (Saitama)

Anime: One Punch Man....



Jibril

Anime: No game no life

and more....


Overview


It could be that the Thumbnail of the Themes is diffrent then the background.

More Backgrounds will probably follow.

I try to make more animated Backgrounds like the Goku Theme, but with better resultions.



Download

How to install via Theme TS5 Manager (still Windows only)

image

- Donwload installer from here (Github Project)

- execute installer and follow installation, you can choose between multiple themes when installing


How to install manually

- Download the file here from GitHub

- put the "de.wargamer.anime.teamspeak" folder in

  • Windows: %appdata%\TeamSpeak\Default\extensions

  • Mac: ~/Library/Preferences/TeamSpeak/Default/extensions

  • Linux: ~/.config/TeamSpeak/Default/extensions

- After successfully Downloading and Placing the folder in the Directroy go in TeamSpeak to
Settings > Apperance and activated the option User Themes

you could also shortcut the navigation to the folder by pressing the icon image under User Theme.


Credits

Thanks to @LeonMarcelHD :beers:, i learned from his Theme the setup of the CSS Code.
His cool Theme :fire: : [Skin] Colorful TeamSpeak - A TeamSpeak 5 Extension.

12 Likes

Quite nice one, muat say.

Also, that [SFW] “tag” in every female theme name. Just as if you’ll try making NSFW ones ( ͡° ͜ʖ ͡°)

2 Likes

Thank You.

You have good eys sir :smirk:, maybe is at some point a Download link in the folder ( ͡• ͜ʖ ͡• )

2 Likes

Update

______________________________________________________
Added New Pictures to the Dashboard and Settings
Changed "Show Current Channel Chat"

image
Changed in one theme the Group Icon (Madara theme)

image

1 Like

Update


  • Changed the Group Chat Icon from Madara Design to something more appropriate
    • Added New Animation (on hover)

    b5E58RQMzH

1 Like

could you add this css to the theme:

.ts-server-tree-item-background-no-image {
  background: linear-gradient(90deg,var(--tsv-shaded-bg) 50% 0,var(--tsv-contrast-bg) var(--tsv-padding-h) 5%,var(--tsv-shaded-bg) 0%,transparent);
  opacity: 75%;
}
Show Channel Banners - disabled (cant read all): Show Channel Banners - enabled (looks bad): Show Channel Banners - enabled with additional css:
3 Likes

Thanks for the suggestion @PhoenixmitX :smile: ,
i added this to all Themes as Default Value, looks much better when using a small window :wink:.

1 Like

hello , i wanna make a picture like that on my server but i don’t how. would you show me?

Hey @Pixnit, you probably mean to make Theme too or ?
That is not something you can modify from the Server side.

If you want to create your own Theme, you can download mine or another theme, i have used Gamer92000 Theme as template because it is good documented.

For better Preview you can activated the dev consol for ts5, then you can see better what you changed :wink:
You can pm me, if you want to chat about it [email protected]

2 Likes

On non 16:9 screen Images are stretching.

I fixed it in a small PR:

2 Likes

Hi @PhoenixmitX, thanks for the fixes :+1:, i mergt it :wink:.

2 Likes

off topic but you are the only person who actively maintaining ts5 theme. I want to start working on my custom theme but it looks like there no way to hot reload or reload on file change for extension/plugins/theme. Do you know a way to do that? Going to settings and clicking refresh button after every small change is painful.

2 Likes

Hey @PunchTrees,
there are some other actives members too like gamer9200 or LeonMarcelHD :wink:,
but no problem i will help you.

In this thread they explained how to start TS5 in debuggin mode

When you change something in the Web IDE, it will instantly effect the client apperance.

When you need some help to get started, or i explained something wrong, dm me in the forum or dm me on ts5 wargamer@myteamspeak :wink:.

3 Likes

Thanks, that def helps! I use sass and then compile it to css so it so it’s not ideal but at least something.

2 Likes

Update

for the Theme Manger:
  • rewrote from PowerShell to Python

for AnimeSpeak:

  • updated hex symbols at the top right corner to fit the color schema, example:
    image
  • mostly fixes for the themes
1 Like

omg, 3 themes from high school dxd lololol

1 Like

Update

- fixed scrollbar (for beta b71)
- changed mention bubbles
2 Likes