Forum


Notice to all users

We are migrating towards a new forum system located at community.teamspeak.com, as such this forum will become read-only on January 29, 2020

Results 1 to 2 of 2
  1. #1
    Join Date
    July 2018
    Posts
    1

    Linux integration: simple Arc style

    Hello. I made a lazy attempt at creating an Arc style for TeamSpeak, given how the app dropped support for Qt/GTK themes quite some time ago for compability reasons, which makes the client app look meh on Linux. Since I am using the popular Arc theme, I spent some time configuring the style. I admit, I was too lazy to make it properly, so lots of stuff is missing - just the main screen is properly themed. If someone is inspired to finish this, you don't have to ask me for permission. I stole parts of DarkenTS theme just changing some colors here and there, I hope this is not a problem, if it is, I'll remove the theme. I just wanted to share this, for whoever might come looking for a quick way to make the TS client look somewhat better on Linux.

    To install, just drop this file in your .ts3client/styles/ folder. You can copy-paste the code below, or use this link for convenience: https://drive.google.com/open?id=1CM...UOqR3QR-xPxOBE

    Code:
    /*
     * TeamSpeak 3 Arc Qt StyleSheet
     * very quick and dirty job, but looks better than default, right?
     * Copyright (c) 2009-2016 TeamSpeak Systems GmbH
     */
    
    /* Use this to change the application default font. By default we leave it up to Qt to decide which font to pick. */
    QWidget {
    	font-family: "Lato";
    	font-size: 9pt;
    	color: #343842;
    }
    QMainWindow {
    	background-color: #e7e8eb;
    }
    QMenuBar {																																			/* Menu (Connections ... Help)  */
    	margin-top: 6px;
    	margin-left: 6px;
    	margin-bottom: 6px;
    	background-color: #e7e8eb;
    }
    QMenuBar::item:selected {																												/* Menu OnMouseOver */
    background-color: #dcdde0;
    }
    QMenu {																																					/* Sub-menu Border */
    border: 3px solid #ffffff;
    background-color: #ffffff;
    }
    
    QMenu::item {
    	background-color: #ffffff;
    	padding: 4px;
    	padding-left: 20px;
    	padding-right: 15px;
    }
    
    QMenu::item:selected {																													/* Sub-menu Label OnMouseOver  */
    	background-color: #5294e2;
    	color: #ffffff;
    
    }
    /* QWidget#page1,																																	
    QWidget#page2 {																																	
      background-color: #e7e8eb;
    }
    
    QToolBox::tab {																																	
    	background-color: #e7e8eb;
    }
    
    QToolBox::tab:hover {																													
    	background-color: #e7e8eb;
    } */
    QTreeView {																																		
    	border: 1px solid #f5f6f7;
    	background-color: #f5f6f7;
    	/* alternate-background-color: rgb(29,29,29); */
    	outline: none;
    }
    QTreeView::item:hover {
    	background-color: #dcdde0;
    }
    QTreeView::item:selected:active,
    QTreeView::item:selected:!active {
    	background-color: #5294e2;
    	color: #ffffff;																											/* Important for !active to avoid black default font colour of Channels, Users, etc if "out of focus" (Example: Channel selected -> Edit Channel) */
    }
    /* #dcdde0 */
    
    
    QMenu::item:disabled {																													/* Sub-menu Disabled Label */
    	color: rgb(72,72,72);
    }
    
    QMenu::item:disabled:selected {																									/* Sub-menu Disabled Hover Label (better readability of disabled items on dark background when hovering over it) */
    	color: rgb(216,216,216);
    }
    
    QMenu::separator {																															/* Sub-menu Separator  */
    	height: 1px;
    	margin-left: 1px;
    	margin-right: 1px;
    	background-color: #a79ca0;
    }
    
    QMenu::indicator:checked,
    QMenu::indicator:non-exclusive:checked {																				/*Sub-menu Indicator Checked/Not Checked */
    image: url('styles:DarkenTS/gfx/gui/controls/checkbox_checked.svg');
    	height: 16px;
    	width: 16px;
    }
    QSplitter::handle#bookmarksLocalRemoteSplitter, QSplitter::handle#identitiesLocalRemoteSplitter, QSplitter::handle#profilesLocalRemoteSplitter, QSplitter::handle#whisperListsLocalRemoteSplitter {
    	margin: 1.5px;
    	background-position: center;
    	background-repeat: none;
    }
    QToolBar {
    	border: none;
    	background-color: #e7e8eb;																							/* Important to avoid white default background colour if ToolBar is detached */
      }
    QSplitter::handle::vertical#bookmarksLocalRemoteSplitter, QSplitter::handle::vertical#identitiesLocalRemoteSplitter, QSplitter::handle::vertical#profilesLocalRemoteSplitter, QSplitter::handle#whisperListsLocalRemoteSplitter {
    	background-image: url('styles:default/splitter.png');
    	height: 2px;
    }
    
    /*
    QSplitter::handle:horizontal
    	background-image: url('styles:default/splitter_vertical.png');
    	width: 2px;
    }
    */
    
    QLabel#bookmarksBanner, QLabel#identitiesBanner, QLabel#accountLoginBanner, QLabel#accountCreateBanner {
    	background: qlineargradient(x1:0, y1:0, x2:0, y2:24,
    	                            stop: 0    rgb( 80,  92, 120),
    								stop: 0.08 rgb(133, 147, 174),
    								stop: 0.32 rgb( 88, 107, 140),
    								stop: 1    rgb(111, 128, 170));
    	color: white;
    	padding-left: 6px;
    	font-weight: bold;
    	qproperty-minimumSize: 0px 32px;
    }
    
    QLabel#accountLoginBanner, QLabel#accountCreateBanner {
    	qproperty-minimumSize: 420px 32px;
    }
    
    QTextEdit#ChatLineEdit[helpTextVisible="true"]  {
    	color: #909090;
    }
    
    QTextEdit#ChatLineEdit[helpTextVisible="false"] {
     color: normal;
    }
    
    QStatusBar QLabel {
      padding: 0px 3px;
      border: 0px;
    }
    
    QTextEdit#InfoFrame {
         background-color: #f5f6f7;
         /* background-image: url('styles:default/logo-128x128.png'); */
         /* background-repeat: none;
         background-position: top right;
         background-attachment: fixed; */
    }
    
    QTextEdit#ChatTab {
         background-color: #f5f6f7;
         /* background-image: url('styles:default/chatlog-128x96.png'); */
         /* background-repeat: none;
         background-position: bottom right;
         background-attachment: fixed; */
    }
    
    QListWidget#localIconsListWidget::item:selected, QListWidget#remoteIconsListWidget::item:selected {
    	border: 1px solid darkGray;
    }
    
    QTreeView#ServerTreeView {
    	alternate-background-color: transparent;
    	qproperty-rootIsDecorated: false;
    }
    
    QLabel#OptionsHeadlineTitleLabel {
    	color: black;
    	font-weight: bold;
    }
    
    QLabel#OptionsHeadlineDescriptionLabel {
    	color: black;
    }
    
    QLabel#NewsLeftLabel {
    	padding-right: 6px;
    }
    
    QTableView#clientsTableView, QTableView#banTableView {
    	qproperty-alternatingRowColors: true;
    }
    
    QLabel#appNameLabel {
    	color: #455573;
    	font-weight: bold;
    	font-size: 24px;
    }
    
    QWidget#HeadlineLabel {
    	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop: 0 #819CBD, stop: 1 #CDD7E5);
    }

  2. #2
    Join Date
    November 2013
    Location
    https://community.teamspeak.com/u/brady_the/
    Posts
    333
    Quote Originally Posted by sado1 View Post
    I hope this is not a problem
    It's not. I have no problem with people using snippets of my stuff as inspiration.

    Be aware, though, that people need to have DarkenTS installed to have

    Code:
    QMenu::indicator:checked,
    QMenu::indicator:non-exclusive:checked
    working. If you remove that piece of code it'll show the default check instead.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. [RELEASE] SIMPLEX - Designed to be simple - Custom Icons and Style!
    By ThexKezza in forum Skins / Icon & Sound Packs
    Replies: 35
    Last Post: February 12th, 2018, 10:34 AM
  2. Replies: 5
    Last Post: August 6th, 2010, 07:40 AM
  3. [Fixed Beta23] Selected style not applied on next run (Linux)
    By Coredump in forum Bug Reports [EN/DE]
    Replies: 2
    Last Post: July 5th, 2010, 02:58 PM
  4. simple TS 2 & 3 vBulletin Integration
    By Radon in forum Tools / Web Based
    Replies: 6
    Last Post: January 5th, 2010, 03:28 PM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •