This documentation will cover the GameVox theme.qss style sheet allowing you to create custom themes.
When you create a new custom theme in GameVox it will create a theme.qss file and the other images to create how the GameVox server window appears. This format is in the Qt qss syntax and is very close to the HTML standard CSS syntax.
|#Background||This identification selector controls the background of the GameVox server window.|
|#BackgroundLayer1-9||These background layers are stacked upon the #Background selector so you can add additional background images such as adding corners to GameVox.|
This is a container for the menus at the top of the server window. An example of modifying this would be to center the two menu options at the top of the window or to change the width of the menus.
This styles the menu bar items such as the ability to change the color of the text.
This styles just the "Self" menu bar item.
This styles just the "Server" menu bar item.
This is the style for the items to the right of the menu bar items to allow for a separation between the menu bar items.
This is the container for the minimize and the close buttons for the server window.
This style controls the image of the button for the minimize operation.
This style controls the image of the button for the maximize operation.
This style controls the image of the button for the close operation.
This is the content container for all of the server window below the menu bar.
This is the container for the contents on the left of the server window screen. This contains the mute, deafen and the server channel tree.
This is the container for the contents on the right of the server window screen. This contains the server banner, RSS feeds, server chat and channel chat.
This is container and styling for the list of all the channels and the users that are in that channel.
This is the styling for all of the channels in the GameVox server.
As of GameVox version 0.17 the user widget was introduced. The user widget allows for a high customization of how the user looks inside of the GameVox channel. This is the main container
This container holds the user avatar and controls the styling for it.
This container is currently used for the background for the avatar.
This container just holds the GameVox avatar for the user.
This is the overlay that is shown on top of the GameVox user avatar when they talk.
This is the container that is to the right of the #AvatarContainer. This container holds two containers which contain the user mute, defean, comment and various other states. It also holds the user badges that were introduced
This container holds the username and the various user states that the user can be in eg: priority speaker, muted, deafened.
This container holds the group icon, group name and the five user badges.
This is the style selector for the GameVox username.
Container for the various user states eg: priority speaker, muted, deafened.
This is the container that holds the group icon.
This is the item that styles the group icon in the server.
This is the styling that allows you to customize the group name.
This container holds the five user badges.
The container holds the chat room components.
The central location where persistent chat rooms and the current chat channels are logged to.
The input box for the text box for the chats.
The container for the persistent Chat Room names.
The icon container for the images next to the chat room names.
The container for the icon to indicate what voice channel you are in.
The indicator displayed when you have missed messages in a chat room or voice channel chat.
The container for the persistent welcome message.
The container that holds all of the server log messages.
The button that shows when you are able to load more historical chat messages.
The container that holds all of the persistent chat channels.
The selector for when a chat room or current channel chat is selected.
|#ChatContainer ChatSelectionButton #ChatName|
The ability to change the chat room and current channel chat items. eg: font color and font size
Open your theme.qss file and at the very end of the file add the selector of your choice with opening and closing curly brackets and the properties you desire inside. See example below.