Themes.html

<h2>What is a theme?</h2>
<p>Mumble 1.3 introduced the concept of themes to allow adjusting the look and feel of the Mumble client. This includes icons, fonts, colors and more. By default Mumble ships with its own theme with two possible styles called "Lite" and "Dark".</p>

<h2>Selecting a theme</h2>
<p>A theme can be selected in the "User Interface" section of the Mumble configuration. You can reach it via Configure-&gt;Settings and then selecting "User Interface". There use the "Theme" drop down to select the specific style and theme you want to use.</p>

<p><a href="File:MumbleThemeSelection.png">framed|center|Mumble theme selection drop-down</a></p>

<p>Press "Ok" and accept the request to restart Mumble.</p>

<h2>Installing a new theme</h2>
<p>You should always refer to installation instructions that the theme author has provided with the theme. If there are no instructions included with the theme or found on the website you downloaded it from, the most common installation process would be to extract the theme into a new directory in your Mumble's theme directory* at:</p>

<p>'''Windows:'''<br />
&lt;code&gt;C:\Users\&lt;YOURUSERNAME&gt;\AppData\Roaming\Mumble\Themes\&lt;/code&gt;</p>

<p>'''Linux:'''<br />
&lt;code&gt;/.local/share/Mumble/Mumble/Themes/&lt;/code&gt;</p>

<p>You can make sure that you extracted theme correctly by checking for the "theme.ini" file which should be located at:</p>

<p>'''Windows:'''<br />
&lt;code&gt;C:\Users\&lt;YOURUSERNAME&gt;\AppData\Roaming\Mumble\Themes\&lt;span style="color:red"&gt;&lt;Name of the new Theme&gt;\theme.ini&lt;/span&gt;&lt;/code&gt;</p>

<p>'''Linux:'''<br />
&lt;code&gt;/.local/share/Mumble/Mumble/Themes/&lt;span style="color:red"&gt;&lt;Name of the new Theme&gt;/theme.ini&lt;/span&gt;&lt;/code&gt;</p>

<p>If you ever have trouble getting a theme to work properly, you should contact the theme's author about it and not the Mumble community. Keep in mind some themes may be outdated and may not work properly on the latest version of Mumble.</p>

<p>Note* - In some cases, the "Themes" directory may not exist on your system so you will need to create the folder yourself in the structure listed above and then put the contents of your theme in that new folder.</p>

<h2>Using old skins as themes</h2>
<p>Themes are mostly comparable and compatible with the <a href="Skins">Skins</a> from 1.2.X, but are more convenient to use and more powerful. If you have an existing Mumble 1.2.X you would like to keep using simply place it in its own folder in the Themes directory and make sure the theme's qss file is in that directory. Mumble will pick it up with the name of the theme being set to the directory name and each qss file in the directory being interpreted as a specific style of the theme.</p>

<h2>Creating a theme</h2>
<p>A theme consist of qss file(s) with styling information, resources used in the theme and a theme.ini file describing the theme and its styles. The following [https://github.com/mumble-voip/mumble-theme/blob/master/theme.ini theme.ini] is taken from the "Mumble" theme shipped by default with the client:<br />
&lt;pre&gt;<br />
[theme]<br />
name=Mumble<br />
styles=dark,lite<br />
[dark]<br />
name=Dark<br />
qss=Dark.qss<br />
qss_MAC=OSX/OSX Dark.qss<br />
[lite]<br />
name=Lite<br />
qss=Lite.qss<br />
qss_MAC=OSX/OSX Lite.qss<br />
&lt;/pre&gt;<br />
Each theme must contain the mandatory &lt;code&gt;[theme]&lt;/code&gt; section and have a name and at least one style. This theme has the user visible name "Mumble" and defines two styles with the IDs &lt;code&gt;dark&lt;/code&gt; and &lt;code&gt;lite&lt;/code&gt;. Each style must be described in a corresponding ini section. For example the style with the ID dark in &lt;code&gt;[dark]&lt;/code&gt;. Each style must have a user visible name and one or more qss files containing the actual styling information. Usually just setting &lt;code&gt;qss=YourSkin.qss&lt;/code&gt; for the style is sufficient. However more complex themes might want to use platform specific versions of their style. In this case &lt;code&gt;qss_MAC&lt;/code&gt;, &lt;code&gt;qss_WIN&lt;/code&gt; or &lt;code&gt;qss_LINUX&lt;/code&gt; can be used to override the style given in &lt;code&gt;qss&lt;/code&gt; for those platforms. Paths to files are evaluated relative to the theme.ini file.</p>

<p>You can find information on how to create the qss files and how to use resources on the <a href="Skinning">Skinning</a> page.</p>

<p><a href="Category:Documentation English">Category:Documentation English</a><br />
<a href="Category:Mumble Client">Category:Mumble Client</a></p>