Skip to end of metadata
Go to start of metadata

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.

Available theme.qss Selectors

SelectorDescription
#BackgroundThis identification selector controls the background of the GameVox server window.
#BackgroundLayer1-9These background layers are stacked upon the #Background selector so you can add additional background images such as adding corners to GameVox.
#Menu

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.

MenuBarItem

This styles the menu bar items such as the ability to change the color of the text.

#SelfMenuBarItem

This styles just the "Self" menu bar item.

#ServerMenuBarItem

This styles just the "Server" menu bar item.

MenuBarSeperator

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.

#DialogControls

This is the container for the minimize and the close buttons for the server window.

#MinimizeButton

This style controls the image of the button for the minimize operation.

#MaximizeButton

This style controls the image of the button for the maximize operation.

#CloseButton

This style controls the image of the button for the close operation.

#Contents

This is the content container for all of the server window below the menu bar.

#FrameContainerLeft

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.

#FrameContainerRight

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.

#ChannelTree

This is container and styling for the list of all the channels and the users that are in that channel.

ChannelWidget #ChannelName

This is the styling for all of the channels in the GameVox server.

UserWidget

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
of all of the elements that compose the user widget element. This contains two containers, the UserWidget #UserAvatar and the UserWidget #RightContainer.


 

UserWidget #AvatarContainer

This container holds the user avatar and controls the styling for it.

UserWidget #AvatarContainerInner

This container is currently used for the background for the avatar.

UserWidget #Avatar

This container just holds the GameVox avatar for the user.

UserWidget #TalkingIndicator

This is the overlay that is shown on top of the GameVox user avatar when they talk.

UserWidget #RightContainer

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
in GameVox 0.17. The two containers in this container is UserWidget #UsernameAndStatusContainer and UserWidget #GroupAndBadgesContainer.


 

UserWidget #RightUpperContainer

This container holds the username and the various user states that the user can be in eg: priority speaker, muted, deafened.

UserWidget #RightLowerContainer

This container holds the group icon, group name and the five user badges.

UserWidget #Username

This is the style selector for the GameVox username.

UserWidget #StatusIcons

Container for the various user states eg: priority speaker, muted, deafened.

UserWidget #GroupIconContainer

This is the container that holds the group icon.

UserWidget #GroupIcon

This is the item that styles the group icon in the server.

UserWidget #GroupName

This is the styling that allows you to customize the group name.

UserWidget #BadgeIconsContainer

This container holds the five user badges.

#ChatContainer

The container holds the chat room components.

#CentralLog

The central location where persistent chat rooms and the current chat channels are logged to.

#CentralChatInput

The input box for the text box for the chats.

#ChatName

The container for the persistent Chat Room names.

#ChatIcon

The icon container for the images next to the chat room names.

#VoiceIcon

The container for the icon to indicate what voice channel you are in.

#NewMessagesCount

The indicator displayed when you have missed messages in a chat room or voice channel chat.

 

#WelcomeMessage

The container for the persistent welcome message.

#ServerLogContainer

The container that holds all of the server log messages.

 

 

#ShowMoreChatRoomMessagesButton

The button that shows when you are able to load more historical chat messages.

#ChatRoomsList

The container that holds all of the persistent chat channels.

Attribute Selectors

Attribute SelectorDescription
#ChatContainer ChatSelectionButton[selected="true"]

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

 

Selector Example

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.

ChannelWidget #ChannelName {
	color:red;
}

 

 

 

 

  • No labels