[Release] DarkenTS - Save the eyes

[Brady_The]

Hello everyone,

following you will find my interpretation of a dark design for TeamSpeak. Being an owner of a multi monitor system I always felt annoyed by this big pearly-white spot disturbing my nightly gaming session, which finally forced my hand. Most areas of TeamSpeak should be covered. Still, there might be some spots left I missed. Or some settings are just not suitable for daily use. Hit me up if you found bugs, have suggestions, etc.

The design was created with following Design settings:

Style: System Default (Important, other styles might change the appearance of DarkenTS and introduce glitches. Styles mainly change the design of GUI elements, which, in almost every single instance will be overwritten by DarkenTS.)

and comes with a unique icon set, fitting the dark theme.

Enjoy!

---

Screenshots DarkenTS: https://imgtc.com/a/Di54KRBddE	Screenshots DarkenTS - Dissension: https://imgtc.com/a/yuLoaIs7QX	Screenshots DarkenTS - Desolation: https://imgtc.com/a/6MBXuAOWhw
Download	Download	Download

Screenshots Icon set (Preview): https://imgtc.com/a/AN3prR5oRT	LightenTS Icon Pack (used to be with default/light themes)
Download	Download

---

myTeamSpeak is the only official download source. If you find my themes and icon packs somewhere else, I cannot guarantee that you receive the original, most up-to-date addons.

---

Please report any bugs or design flaws you encounter, as well as feature wishes.

InfAQ:
Q My title bar looks white instead of green. Why is that?
A I am using Windows 10 as an Operating System with a custom colour scheme, which affects the appearance of the TeamSpeak title bar. Using a different Operating System, or a different colour scheme may change the overall look of the TeamSpeak title bar. Have a look at this post to find out how to change this behaviour.

Considerable changes (v 1.5.1): License change (TL;DR: No changes for end user, more information in respectively DarkenTS.qss, DarkenTS-Dissension.qss, and settings.ini)
Considerable changes (v 1.5): Added Dissension style. Added circular variation of player talk status icons, similar to TeamSpeak defaults: To change icons navigate to '%appdata%\TS3Client\gfx\DarkenTS', remove or rename 'settings.ini', and rename 'settings__TalkIcons.ini' into 'settings.ini'. Reworked the display of Channel Topic and Channel Description in Extended TPL.
Considerable changes (v 1.4): Changed GUI elements file structure: Deleting the existing theme folder "/styles/DarkenTS" before updating is recommended.
Considerable changes (v 1.3): Art style of existing icons changed. Added missing icons. Icon pack complete..
Considerable changes (v 1.2): If you want to use the extended .tpl versions, navigate to "TeamSpeak 3 Client\styles\DarkenTS\_Extended", copy and paste all .tpl's into the style root folder. Additionally you can backup all .tpl's into the _Default folder.
Considerable changes (v 1.1): By request of Deireadh and monkyyx I added the option for TabBar borders and ScrollBar buttons. Per default those options are disabled. For more information read the changelog in DarkenTS.qss.

Note: TabBar borders are set up as example. Customisation to fit the theme or your own liking is needed.

License
This work is licensed under the Brady Use-NoSharing-NoDerivatives 1.0 WW License.
TL;DR:
Use - Not only ok, but very much welcomed.
Copy-pasting to cheese-unlock myTeamSpeak Developer badge - Not ok, not allowed. I will find you.

---

[community.teamspeak thread]

[numma_cway]

Generally a nice theme. I like the different colors for channels, users and servers throughout the theme.
However, I have a few suggestions:

• Disabled menu items are hard to see. They are even harder to see while hovered.
• Decide whether you want borders or not. The three main panes (tree, details, chat) have borders, everything else (especially chat/servers tabs, the chatbox and the (expanded) menus) doesn't. I personally like borders.
• I find the rather big "pseudo-border" (the darker color around menus) confusing, especially as I have two columns of bookmarks where it fills the unused space in the second column.
• I like themes with more details in the details pane.
• Why are the hotkeys in bold font?
• Link targets are barely visible in the status bar.

(Tested on Windows 7)

[monkyyx]

Generally a nice theme. I like the different colors for channels, users and servers throughout the theme.
However, I have a few suggestions:

• Disabled menu items are hard to see. They are even harder to see while hovered.
• Decide whether you want borders or not. The three main panes (tree, details, chat) have borders, everything else (especially chat/servers tabs, the chatbox and the (expanded) menus) doesn't. I personally like borders.
• I find the rather big "pseudo-border" (the darker color around menus) confusing, especially as I have two columns of bookmarks where it fills the unused space in the second column.
• I like themes with more details in the details pane.
• Why are the hotkeys in bold font?
• Link targets are barely visible in the status bar.

(Tested on Windows 7)

In addition to that:

• As you may know, there are still a few white spots (emoticons, microphone options, ...)
• Some links in the options menu (those blue ones) are a little dark
• If you write something in chat, there's automatically a paragraph (i guess it's called that)
• The refresh button seems a little strage to me
• But one of the most important things are those borders numma_cway mentioned before
• ...

Still the best dark theme tho!

(Tested on Windows 10)

[Brady_The]

First off all my apologies for my late response. Thank you for your feedback, numma_cway and monkyyx!

List

* Disabled menu items are hard to see. They are even harder to see while hovered.
- Adjusted.
* Decide whether you want borders or not. The three main panes (tree, details, chat) have borders, everything else (especially chat/servers tabs, the chatbox and the (expanded) menus) doesn't. I personally like borders.
- Fixed!
* I find the rather big "pseudo-border" (the darker color around menus) confusing, especially as I have two columns of bookmarks where it fills the unused space in the second column.
- Fixed!
* I like themes with more details in the details pane.
- When it comes to that I am unfortunately a puritan, which is why I haven't messed around too much with the .tpl's. What information would you like to see?
* Why are the hotkeys in bold font?
- Adjusted.
* Link targets are barely visible in the status bar.
- Fixed!

List

* As you may know, there are still a few white spots (emoticons, microphone options, ...)
- Added (how embarrassing I missed those). I assume with "microphone options" you mean the "Change volume" option on users?
* Some links in the options menu (those blue ones) are a little dark
- I am afraid I can't do anything in that regard. Unfortunately.
* If you write something in chat, there's automatically a paragraph (i guess it's called that)
- Please expand on that with a screenshot. Thank you.
* The refresh button seems a little strange to me
- Fixed!
* But one of the most important things are those borders numma_cway mentioned before
- Fixed!
* ...
!

[numma_cway]

* I find the rather big "pseudo-border" (the darker color around menus) confusing, especially as I have two columns of bookmarks where it fills the unused space in the second column.
- Please post a screenshot, I am afraid I do not see it 1 2, maybe due to the lack of bookmarks. Thank you.

The stuff that's #1c1c1c.

[monkyyx]

* As you may know, there are still a few white spots (emoticons, microphone options, ...)
- Added (how embarrassing I missed those). I assume with "microphone options" you mean the "Change volume" option on users?
* If you write something in chat, there's automatically a paragraph (i guess it's called that)
- Please expand on that with a screenshot. Thank you.
* But one of the most important things are those borders numma_cway mentioned before
- Please post screenshots as well. The more the merrier.
* ...
!

1. Yes, I meant those.
2. At this point I'm not sure if it's a problem of the theme or mine. Have to figure that out!
3. I will as soon as I'm home.

[Brady_The]

The stuff that's #1c1c1c.

- Fixed!

2. At this point I'm not sure if it's a problem of the theme or mine. Have to figure that out!
3. I will as soon as I'm home.

2. This is how my chat looks: https://i.sli.mg/mQjNTh.png
3. I fixed the bug. No need for screenshots any more. Thank you!

[monkyyx]

I'm not sure if this is a problem of my icon pack but the arrow next to the "AwayButton" is kinda dark/black.
Another thing is that the server/channel group icons haven't enough space because of the arrow.

[iUltimateSkill]

Hello everyone,

following you will find my interpretation of a dark design for TeamSpeak. Being an owner of a multi monitor system I always felt annoyed by this big pearly-white spot disturbing my nightly gaming session, which finally forced my hand. Most areas of TeamSpeak should be covered. Still, there might be some spots left I missed. Or some settings are just not suitable for daily use. Hit me up if you found bugs, have suggestions, etc.

The design was created with following Design settings:

Style: System Default

and comes with a unique icon set, fitting the dark theme.

Screenshots TeamSpeak: https://sli.mg/a/buLM0J
Screenshots Icon set (Preview): https://i.sli.mg/jOnYN3.png
Download: v1.0.1.8

Enjoy!

Please report any bugs or design flaws you encounter, as well as feature wishes.

Please note: I am using Windows 10 as an Operating System with a custom colour scheme, which affects the appearance of the TeamSpeak title bar. Using a different Operating System, or a different colour scheme may change the overall look of the TeamSpeak title bar.

Considerable changes (v 1.0.1.7): Art style of existing icons changed. Added missing icons. Icon pack complete..

Considerable changes (v 1.0.1.3): If you want to use the extended .tpl versions, navigate to "TeamSpeak 3 Client\styles\DarkenTS\_Extended", copy and paste all .tpl's into the style root folder. Additionally you can backup all .tpl's into the _Default folder.

Considerable changes (v 1.0.1.1): By request of Deireadh and monkyyx I added the option for TabBar borders and ScrollBar buttons. Per default those options are disabled. For more information read the changelog in DarkenTS.qss.

Note: TabBar borders is set up as example. Customisation to fit the theme or your own liking is needed.

* xx.xx.2016 Version 1.0.1.x
	* Changed version numbering to represent changes to the theme in a (hopefully) better way
	* Adjusted colour of several icon
* 09.06.2016 Version 1.0.1.8
	* Minimized icon size from 512x512 to 128x128 (7,53 MB vs 840 KB)
	+ Added Spanish and French translation of default .tpl's
* 05.06.2016 Version 1.0.1.7
	+ Added QColorLuminancePicker style
	+ Icon Pack. 143 brand new icons!
	- Several removals
	= See detailed changelog included in DarkenTS.qss for more information
* 26.04.2016 Version 1.0.1.6
	* Fixed invisible QScrollBar Buttons overlapping QScrollBar Handle
	* Adjusted background for Banner Gfx URL
	* Adjusted some icons
* 24.02.2016 Version 1.0.1.5
	* Adjusted colour of non-Guest groups in QListView#groupsListView
	+ Several additions
	= Thanks to Patrick1164 for help, reports, requests, and suggestions
	= See detailed changelog included in DarkenTS.qss for more information
* 12.02.2016 Version 1.0.1.5
	* Several fixes 
	* Several adjustments
	= Thanks to monkyyx, Chris for help, reports, requests, and suggestions
	= See detailed changelog included in DarkenTS.qss for more information
* 10.02.2016 Version 1.0.1.4
	* Several fixes 
	* Several adjustments
	= Thanks to monkyyx for help, reports, requests, and suggestions
	= See detailed changelog included in DarkenTS.qss for more information
* 31.01.2016 Version 1.0.1.3
	* Several fixes
	- Revererted back to standard .tpl's as default
	+ Added extended .tpl's as optional files
	= Thanks to monkyyx for help, reports, requests, and suggestions
	= See detailed changelog included in DarkenTS.qss for more information
* 31.01.2016 Version 1.0.1.2
	* Several fixes
	* Several style adjustments
	+ Several additions
	= Thanks to monkyyx, Patrick1164 for help, reports, requests, and suggestions
	= See detailed changelog included in DarkenTS.qss for more information
* 26.01.2016 Version 1.0.1.1
	* Several fixes
	- Cleaned up code
	+ Several style additions
	+ Added TabBar Border and ScrollBar Button customization
	= Thanks to monkyyx, Deireadh for help, reports, requests, and suggestions
	= See detailed changelog included in DarkenTS.qss for more information
* 25.01.2016 Version 1.0.1
	* Several fixes
	+ Several style additions
	= Thanks to numma_cway, Chris, monkyyx for help, reports, requests, and suggestions
	= See detailed changelog included in DarkenTS.qss for more information
* 23.01.2016 Release 1.0
* 13.01.2016 Alpha

So uhm. Can you help me how to install it?

[Brady_The]

So uhm. Can you help me how to install it?

Nothing easier than that. :-)

1) Click the v1.0.1.9 download link in my first thread comment.
2) Now you choose the option Open with "TeamSpeak 3 Package Installer" in the window that opened after you clicked the link, hit OK, push Install in the next window, and restart TeamSpeak if you have it opened.

OR

Choose the option Save File, hit OK, open the folder where you downloaded the file, double click "DarkenTSv1.0.1.9.ts3_style", click on Install, and restart TeamSpeak if you have it opened.

----------------------------------------------------------------

With that said: I pushed an update with this comment. You can find the full changelog as usual in DarkenTS.qss.

Changes worth mentioning:
* Added icons for hardware_input_muted and hardware_output_muted - Thank you, Shadow86.
-- Alternative designs are available in the "/gfx/DarkenTS" folder
* Changed GUI elements file structure
-- Deleting the existing theme folder "/styles/DarkenTS" before updating is recommended

[Shadow86]

Thank you for mention me and it works like a charm.

Last thing i have to say -> 11/10

regards

Shadow86

[Nekrux]

Hello, i'm using Windows 10 but as you can see in the [ATTACH=CONFIG]screenshot[/ATTACH], i've still the old Windows theme on the title bar. :c

So, how did you manage to get the new theme? What's your secret?

[Brady_The]

Thank you for mention me and it works like a charm.

Last thing i have to say -> 11/10

regards

Shadow86

Credits where credits are due. :-)

Hello, i'm using Windows 10 but as you can see in the [ATTACH=CONFIG]screenshot[/ATTACH], i've still the old Windows theme on the title bar. :c

So, how did you manage to get the new theme? What's your secret?

First of all I want to thank you for using the theme. I hope you like it.

Now to your problem. I assume you are talking about the green colour of the title bar, while yours is white? If yes, white is the "out of focus" colour, while green is (my personal) "focus" colour.

You can change the accent colour in: Settings -> Personalisation -> Colours. Make also sure to enable the option "Show colour on title bar" below the Accent colour picker.

I hope I could help. :-)

[Mickroz]

I installed it via MyTS.

[Brady_The]

I installed it via MyTS.

I am afraid I have to wait for your screenshots then. I just tested both versions and everything seems fine on my end. Does it happen on every server or only on a particular one? Did you notice any other problems, missing icons, etc? I apologise for the inconvenience.